Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/TopBarReduxGreen.css";
- @import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css";
- @import "http://fonts.googleapis.com/css?family=Autour+One";
- @import "http://fonts.googleapis.com/css?family=Patrick+Hand+SC";
- * {
- text-decoration: none;
- }
- body {
- background-attachment: fixed;
- background-clip: border-box;
- background-color: transparent;
- background-image: url("http://www.emptyblue.it/data/wallpaper/LittleBusters/little_busters_everyone.jpg");
- background-position: 0 83%;
- background-repeat: no-repeat no-repeat;
- background-size: cover;
- font-family: Autour One;
- }
- #inlineContent {
- background-image: url("");
- background-repeat: no-repeat no-repeat;
- display: inline-block !important;
- height: 3000px !important;
- left: 0 !important;
- margin: auto !important;
- position: fixed;
- top: 0 !important;
- width: 3000px !important;
- z-index: -4 !important;
- }
- #list_surround {
- background-attachment: scroll;
- background-image: url("http://i.imgur.com/wQOU6p5.png");
- background-position: 50% 16%;
- background-repeat: no-repeat no-repeat;
- background-size: 800px auto;
- font-size: 13px;
- height: 250px;
- left: 0;
- margin: 0 auto;
- padding-bottom: 10px;
- padding-top: 283px;
- position: absolute;
- right: 0;
- top: 21px;
- width: 900px;
- }
- .td1, .td2 {
- background-color: rgba(119, 177, 137, 0.6);
- height: 65px;
- padding: 2px;
- }
- tr:hover [class^="td"] {
- background-color: rgba(38, 135, 252, 0.7);
- transition: all 0.4s linear 0s;
- }
- a, .table_header, .category_totals {
- color: white;
- text-shadow: none;
- }
- a:hover {
- text-decoration: underline;
- text-shadow: 1px 2px 3px black !important;
- }
- .table_header a {
- color: white;
- }
- .table_header {
- background-color: rgba(79, 124, 55, 0.8);
- padding: 3px;
- text-align: center;
- }
- .table_header:nth-of-type(3) {
- padding-right: 9px;
- text-align: center;
- }
- .table_header:first-of-type {
- border-top-left-radius: 10px;
- }
- .table_header:nth-of-type(2) {
- padding-left: 39px;
- text-align: left;
- z-index: 6;
- }
- .table_header:nth-of-type(4) {
- padding-right: 5px;
- }
- .table_header:nth-of-type(5) {
- border-top-right-radius: 10px;
- padding-right: 7px;
- }
- .category_totals {
- background-color: rgba(79, 124, 55, 0.8);
- border-radius: 0 0 10px 10px;
- height: 40px;
- padding: 3px;
- text-align: center;
- }
- .td1:nth-of-type(1), .td2:nth-of-type(1) {
- color: white;
- }
- .td1:nth-of-type(2), .td2:nth-of-type(2) {
- padding-left: 42px;
- text-align: left;
- vertical-align: top;
- width: 639px;
- }
- .td1:nth-of-type(3), .td2:nth-of-type(3) {
- color: white;
- padding-right: 11px !important;
- vertical-align: top;
- }
- .td1:nth-of-type(4), .td2:nth-of-type(4) {
- color: white;
- padding-right: 10px;
- vertical-align: top;
- }
- .td1:nth-of-type(5), .td2:nth-of-type(5) {
- color: white;
- padding-right: 8px;
- vertical-align: top;
- }
- .animetitle + small {
- color: yellow;
- font-size: 12px !important;
- font-weight: bold;
- left: 4%;
- margin-top: 66px;
- padding-right: 2px;
- text-overflow: ellipsis;
- z-index: 1;
- }
- [cellspacing="0"] {
- line-height: 17px;
- }
- .category_totals:hover {
- background-color: rgba(196, 30, 14, 0.7);
- color: #FFFFFF;
- }
- #grand_totals {
- background-color: rgba(79, 124, 55, 0.8);
- border: 0 none;
- border-radius: 10px 10px 10px 10px;
- box-shadow: 0 0 15px 0 white inset;
- color: #FFFFFF;
- line-height: 20px;
- min-height: 20px;
- padding: 8px;
- text-align: center;
- vertical-align: middle;
- }
- .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
- color: transparent;
- display: block;
- font-size: 0;
- height: 113px;
- width: 263px;
- }
- .status_selected {
- display: block;
- }
- .status_not_selected {
- display: block;
- }
- .status_not_selected {
- opacity: 0.7;
- }
- .status_not_selected:hover {
- color: transparent;
- opacity: 1;
- transition: all 0.4s ease 0s;
- }
- #list_surround .status_selected, #list_surround .status_not_selected {
- background-clip: padding-box !important;
- background-color: transparent;
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 0 0;
- background-repeat: no-repeat no-repeat;
- background-size: 100% auto;
- border: 1px solid transparent;
- border-radius: 10px 10px 10px 10px;
- display: block;
- left: -450px;
- padding: 0;
- position: absolute;
- top: 60px;
- width: 263px;
- }
- #list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 100% 20%;
- top: 180px;
- }
- #list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 0 40%;
- top: 300px;
- }
- #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 100% 60%;
- top: 420px;
- }
- #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 0 80%;
- top: 540px;
- }
- #list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
- background-image: url("http://i.imgur.com/lLZjlP8.png");
- background-position: 100% 100%;
- top: 660px;
- }
- [class^="header_"] * {
- background-repeat: no-repeat no-repeat;
- font-size: 0;
- height: 200px;
- line-height: 24px;
- padding-bottom: 4px;
- text-align: right;
- vertical-align: bottom;
- }
- .header_title {
- border-radius: 4px 4px 4px 4px;
- color: #FFFFFF;
- display: inline-block;
- font-style: italic;
- height: auto;
- padding: 0 8px 0 0;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
- }
- .header_cw {
- background-color: transparent;
- background-image: url("http://i.imgur.com/UTtMcvh.png");
- background-position: 50% 150px;
- background-repeat: no-repeat no-repeat;
- height: 50px;
- margin-bottom: 0;
- margin-top: -50px;
- }
- .header_completed {
- background-color: transparent;
- background-image: url("http://i.imgur.com/xqwnTt5.png");
- background-position: 50% 150px;
- background-repeat: no-repeat no-repeat;
- height: 50px;
- margin-bottom: 0;
- margin-top: -100px;
- }
- .header_onhold {
- background-color: transparent;
- background-image: url("http://i.imgur.com/80gqkum.png");
- background-position: 50% 150px;
- background-repeat: no-repeat no-repeat;
- height: 50px;
- margin-bottom: 0;
- margin-top: -100px;
- }
- .header_dropped {
- background-color: transparent;
- background-image: url("http://i.imgur.com/xMvAM2j.png");
- background-position: 50% 150px;
- background-repeat: no-repeat no-repeat;
- height: 50px;
- margin-bottom: 0;
- margin-top: -100px;
- }
- .header_ptw {
- background-color: transparent;
- background-image: url("http://i.imgur.com/wfRvQHM.png");
- background-position: 50% 150px;
- background-repeat: no-repeat no-repeat;
- height: 50px;
- margin-bottom: 0;
- margin-top: -100px;
- }
- .hide {
- background-color: rgba(248, 162, 200, 0.7);
- background-position: 50% 50%;
- background-repeat: no-repeat no-repeat;
- background-size: cover;
- border: 1px solid #FFFFFF;
- border-radius: 5px 5px 5px 5px;
- display: inline-block !important;
- height: 55px;
- margin-left: 30px;
- margin-top: -61px;
- position: absolute;
- transition: all 0.25s ease-in-out 0s;
- width: 35px;
- }
- .hide:hover {
- background-color: transparent;
- background-repeat: no-repeat no-repeat;
- background-size: cover;
- border-radius: 20px 20px 20px 20px;
- box-shadow: 0 0 8px 8px white;
- margin-left: -218px;
- padding-right: 150px;
- padding-top: 220px !important;
- position: absolute;
- z-index: 20;
- }
- .hide:hover:after {
- background: none repeat scroll 0 0 transparent;
- content: " ";
- height: 65px;
- left: 42px;
- position: absolute;
- top: 0;
- width: 247px;
- z-index: 20;
- }
- .td1:nth-of-type(6), .td2:nth-of-type(6) {
- background-attachment: scroll;
- background-color: transparent !important;
- background-image: none;
- background-position: 0 0;
- background-repeat: repeat repeat;
- border-radius: 10px 10px 10px 10px;
- color: white;
- display: inline-block;
- font-family: Patrick Hand SC;
- font-size: 14px;
- height: 50px;
- left: 89px;
- line-height: 16px !important;
- margin-left: -16px;
- margin-top: 18px;
- padding: 5px;
- position: absolute;
- width: 740px;
- z-index: 2;
- }
- .table_header:nth-of-type(6) {
- display: none;
- }
- span[id*="tagRow"] {
- display: block !important;
- }
- span[id*="tagLinks"] {
- display: none !important;
- }
- .td1 div, .td2{
- color: transparent;
- padding-left: 4px;
- }
- .td1small a:first-of-type, .td2small a:first-of-type {
- color: white;
- float: right;
- position: relative;
- right: 23px;
- top: 0;
- }
- .td1small a:last-of-type, .td2small a:last-of-type {
- color: transparent;
- display: none;
- float: right;
- position: relative;
- right: 59px;
- }
- #copyright, #copyright:hover {
- background-color: rgba(79, 124, 55, 0.8);
- border-radius: 10px 10px 10px 10px;
- bottom: 0;
- color: white;
- padding: 4px;
- width: 100%;
- }
- #copyright:before {
- color: white;
- content: " Original Design by TheHolyPotato, redesigned by SylakentH_";
- font-size: 12px;
- padding-right: 10px;
- }
- #copyright:after {
- color: gold;
- content: " ";
- padding-left: 20px;
- }
- #copyright a {
- }
- @media all and (max-device-width: 1366px){
- #list_surround {
- left: 300px !important;
- width: 750px;
- }
- .td1:nth-of-type(6), .td2:nth-of-type(6) {
- margin-top: 25px;
- width: 640px;
- }
- .td1:nth-of-type(2), .td2:nth-of-type(2) {
- width: 517px;
- }
- #list_surround .status_selected, #list_surround .status_not_selected {
- left: -400px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement