@charset "UTF-8";
/* Steins;Gate CSS theme for MyAnimeList.com
 * Copyright (c) 2015 Timur Kuzhagaliyev (TimboKZ)
 * License: http://creativecommons.org/licenses/by-nc-sa/4.0/ */
body {
  background-image: url("http://timbo.kz/myanimelist/themes/Steins-Gate-v1/images/bg.png");
  font-family: "Open Sans", sans-serif;
  background-color: #bdb797;
}

#grand_totals {
  border-bottom-left-radius: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px 0 0 0 !important;
  border-top-left-radius: 20px;
  padding: 0 15px 0 115px;
  background-color: #fff;
  border: solid 1px #ccc;
  position: relative;
  border-left: none;
  line-height: 56px;
  text-indent: 2px;
  height: 56px;
}
#grand_totals:before {
  -webkit-box-shadow: inset 0 1px 2px #568ebd;
  -moz-box-shadow: inset 0 1px 2px #568ebd;
  box-shadow: inset 0 1px 2px #568ebd;
  border-bottom-left-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 10px;
  border: 1px solid #38678f;
  background: steelblue;
  text-align: center;
  position: absolute;
  font-weight: bold;
  line-height: 56px;
  content: "Total";
  display: block;
  width: 100px;
  height: 56px;
  color: #fff;
  top: -1px;
  left: 0;
}

#copyright {
  background-image: url("http://timbo.kz/myanimelist/themes/Steins-Gate-v1/images/SteinsGate.png");
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  padding: 0 0 940px 0 !important;
  margin: 60px 0 0 0 !important;
  background-size: 960px 918px;
  text-shadow: 0 1px 0 #888;
  position: relative;
  color: #fff;
}

div.hide {
  background-position: -2000px -2000px;
  background-repeat: no-repeat;
  position: relative;
}
div.hide:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-image: inherit;
  background-color: #ff0000;
  background-size: cover;
  border: 1px solid #ccc;
  position: absolute;
  display: block;
  height: 325px;
  width: 225px;
  content: "";
  left: 20px;
  top: 20px;
}
div.hide br {
  display: block !important;
}
div.hide td {
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 20px 265px;
  background-color: #f2f2f2;
  height: 365px;
}

#list_surround {
  max-width: 1280px !important;
  text-align: left !important;
  min-width: 960px !important;
  margin: 0 auto !important;
  width: auto !important;
  display: block;
}
#list_surround > table:first-of-type {
  margin: 60px 0 20px 0;
}
#list_surround > table:first-of-type td {
  -webkit-box-shadow: inset 0 1px 2px #568ebd;
  -moz-box-shadow: inset 0 1px 2px #568ebd;
  box-shadow: inset 0 1px 2px #568ebd;
  border: 1px solid #38678f;
  background: steelblue;
  line-height: 56px;
  overflow: hidden;
  height: 56px;
  color: #fff;
}
#list_surround > table:first-of-type td a {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-shadow: 0 1px 0 #38678f;
  text-decoration: none;
  line-height: 56px;
  display: block;
  height: 56px;
  color: #fff;
}
#list_surround > table:first-of-type td a:hover {
  background-color: #38678f;
  text-decoration: none;
}
#list_surround > table:first-of-type td:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#list_surround > table:first-of-type td:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
#list_surround > table.header_completed, #list_surround > table.header_cw, #list_surround > table.header_onhold, #list_surround > table.header_dropped, #list_surround > table.header_ptw {
  background-image: url("http://timbo.kz/myanimelist/themes/Steins-Gate-v1/images/Kurisu.png");
  font-family: "Covered By Your Grace", cursive;
  background-size: cover;
  position: relative;
  overflow: hidden;
  display: block;
  height: 537px;
  width: 960px;
}
#list_surround > table.header_completed:before, #list_surround > table.header_cw:before, #list_surround > table.header_onhold:before, #list_surround > table.header_dropped:before, #list_surround > table.header_ptw:before {
  background-image: url("http://timbo.kz/myanimelist/themes/Steins-Gate-v1/images/KurisuCat.png");
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  display: block;
  height: 358px;
  z-index: 998;
  width: 300px;
  content: "";
  left: 100px;
  top: 537px;
}
#list_surround > table.header_completed:hover:before, #list_surround > table.header_cw:hover:before, #list_surround > table.header_onhold:hover:before, #list_surround > table.header_dropped:hover:before, #list_surround > table.header_ptw:hover:before {
  top: 207px;
}
#list_surround > table tbody tr:hover td.td1, #list_surround > table tbody tr:hover td.td2 {
  -webkit-box-shadow: inset rgba(86, 142, 189, 0.1) 0 0 0 100px;
  -moz-box-shadow: inset rgba(86, 142, 189, 0.1) 0 0 0 100px;
  box-shadow: inset rgba(86, 142, 189, 0.1) 0 0 0 100px;
}
#list_surround > table tbody tr td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#list_surround > table tbody tr td .header_title {
  margin: 180px 0 0 250px;
  font-size: 72px;
}
#list_surround > table tbody tr td .header_title span {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  display: block;
}
#list_surround > table tbody tr td.table_header {
  -webkit-box-shadow: inset 0 1px 2px #568ebd;
  -moz-box-shadow: inset 0 1px 2px #568ebd;
  box-shadow: inset 0 1px 2px #568ebd;
  border-right: 1px solid #38678f !important;
  border-bottom: 1px solid #38678f;
  border-top: 1px solid #38678f;
  background: steelblue;
  line-height: 56px;
  height: 56px;
  color: #fff;
}
#list_surround > table tbody tr td.table_header:first-child {
  border-left: 1px solid #38678f !important;
  border-top-left-radius: 10px;
  width: 56px;
}
#list_surround > table tbody tr td.table_header:last-child {
  border-top-right-radius: 10px;
  border-left: none;
}
#list_surround > table tbody tr td.table_header:nth-child(2) {
  padding: 0 7.5px 0 15px;
}
#list_surround > table tbody tr td.table_header:nth-child(3) {
  border-right: none;
  border-left: none;
}
#list_surround > table tbody tr td.table_header a {
  text-shadow: 0 1px 0 #38678f;
  text-decoration: none;
  color: #fff;
}
#list_surround > table tbody tr td.table_header a:hover {
  color: #f0f0f0;
}
#list_surround > table tbody tr td.td1, #list_surround > table tbody tr td.td2 {
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  background-color: #fff;
  line-height: 40px;
  height: 40px;
}
#list_surround > table tbody tr td.td1:nth-child(n + 3), #list_surround > table tbody tr td.td2:nth-child(n + 3) {
  font-size: 14px !important;
}
#list_surround > table tbody tr td.td1:first-child, #list_surround > table tbody tr td.td2:first-child {
  border-left: 1px solid #ccc !important;
  width: 56px;
}
#list_surround > table tbody tr td.td1:nth-child(2), #list_surround > table tbody tr td.td2:nth-child(2) {
  padding: 0 7.5px 0 15px;
}
#list_surround > table tbody tr td.td1:nth-child(2) a, #list_surround > table tbody tr td.td2:nth-child(2) a {
  text-decoration: none;
}
#list_surround > table tbody tr td.td1:nth-child(2) a:hover, #list_surround > table tbody tr td.td2:nth-child(2) a:hover {
  text-decoration: underline;
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"], #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] {
  overflow: hidden;
  font-size: 0;
  height: 40px;
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a[href^="/editlist.php"], #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a[href^="/editlist.php"] {
  margin: 7.5px 7.5px 0 0;
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a[href^="/editlist.php"]:before, #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a[href^="/editlist.php"]:before {
  content: "✎";
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a[onclick^="getExpand("]:before, #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a[onclick^="getExpand("]:before {
  content: "";
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a, #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none !important;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  margin: 7.5px 0 0 0;
  color: steelblue;
  font-size: 0;
  height: 25px;
  width: 25px;
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a:hover, #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a:hover {
  background-color: steelblue;
  border-radius: 20px;
  color: #fff;
}
#list_surround > table tbody tr td.td1:nth-child(2) div[style="float: right;"] a:before, #list_surround > table tbody tr td.td2:nth-child(2) div[style="float: right;"] a:before {
  font-family: "entypo", sans-serif;
  font-size: 18px;
}
#list_surround > table tbody tr td:nth-child(3) a {
  text-decoration: none;
}
#list_surround > table tbody tr td:nth-child(3) a:hover {
  text-decoration: underline;
}
#list_surround > table tbody tr td.td2 {
  background-color: #fafafa;
}
#list_surround > table tbody tr td.category_totals {
  text-shadow: 0 1px 0 #888;
  padding: 5px 0 20px 0;
  text-indent: 2px;
  color: #fff;
}

br {
  display: none;
}