myanimelist.css

/* Global styles */

body {
  background: #FBFAF5;
}

#list_surround {
  position: relative;

  width: 58em;
  max-width: 100%;
  margin: 0 auto;

  font: 18px/1.5 "Helvetica Neue", Arial, sans-serif;

  color: rgba(37, 34, 14, 0.921569);
}



/* Link styles */

#list_surround a {
  color: #0985CE;
  text-decoration: none;
}

#list_surround a:visited {
  color: #8C64B4;
}

#list_surround a:hover {
  color: #0985CE;
  text-decoration: underline;
}



/* Header styles */

.header_title {
  margin: 1em 0;

  text-align: center;

  font-size: 1.5em;

  color: rgba(37, 34, 14, 0.619608);
}



/* Hiding sections from All Anime tab */

.header_cw ~ .header_onhold,
.header_cw ~ .header_onhold ~ :not(div),
#grand_totals {
  display: none !important;
}



/* Prettify headers */

.table_header,
.table_header a {
  text-decoration: none !important;
  text-align: left;

  color: rgba(37, 34, 14, 0.619608) !important;
}

.table_header a:hover {
  border-bottom: 1px dashed;
}

.table_header b {
  display: none;
}

.table_header strong {
  font-weight: normal;
}



/* Make anime info link better clickable */

.td1 div[style*=float] + a:before,
.td2 div[style*=float] + a:before {
  content: "";
  position: absolute;
  left: -40px;
  right: 0;
  height: 1.5em;
}

td:hover div[style*=float] {
  position:relative;
  z-index: 2;
}



/* Move Airing label to the left  */

.td1:nth-child(2) a + small,
.td2:nth-child(2) a + small {
  position: absolute;
  right: 100%;

  padding-top: .25em;
  margin-right: 40px;

  font-size: 0.75em;

  color: rgba(37, 34, 14, 0.619608) !important;
}



/* Prettify all the cells */

.td1,
.td2,
.table_header {
  position: relative;
  vertical-align: baseline;
}

.td1:first-child,
.td2:first-child,
.table_header:first-child {
  padding-right: 10px;
  padding-left: 130px; /* Compensate tags */

  font-size: 0.75em;

  text-align: right;

  color: rgba(37, 34, 14, 0.619608) !important;
}

.td1:nth-child(n + 3),
.td2:nth-child(n + 3),
.table_header:nth-child(n + 3) {
  padding: 0 0.25em;
  font-size: 0.75em;
}

.table_header:nth-child(n + 3):not(:last-child) {
  text-align: center;
}



/* Hiding extra stuff until hover */

td:not(:hover) div[style*=float] {
  visibility: hidden;
}



/* Hiding totals */

.category_totals {
  display: none; /* Don't need it at all */

  padding: 1em 1em 1em 40px;

  font-size: 0.75em;

  color: rgba(37, 34, 14, 0.619608) !important;
}



/* Styles for prettier copyright */

#copyright {
  padding: 1em;

  color: rgba(37, 34, 14, 0.619608);
}



/* Making current score better clickable */

a[title*="current score"] {
  display: block;
}




/* Hover for row */

[cellpadding]:not([align]):hover {
  background: #F0EFE8;
}

[cellpadding][align] + [cellpadding]:hover {
  background: none;
}


/* Hiding score from Currently watching */

.header_cw ~ [cellpadding] td:nth-child(3) {
  visibility: hidden;
}

.header_completed ~ [cellpadding] td:nth-child(3) {
  visibility: inherit;
}



/* Hiding tags from everyone but myself */

.table_header:last-child {
  visibility: hidden;
}

.td1:last-child span:first-child,
.td2:last-child span:first-child {
  display: none;
}



/* Styles for more stuff */

.borderRBL.borderRBL.borderRBL {
  padding-left: 170px;
  padding-top: 1em;
  padding-bottom: 2em;

  text-align: left;
}

[data-select-like-a-boss] {
  visibility: visible;
}