Created
January 12, 2018 03:55
-
-
Save eritbh/76206f8758808c885972238caf75a5ca to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "utf-8"; | |
/* CSS Document */ | |
@import url(http://fonts.googleapis.com/css?family=Oswald:700); | |
body { | |
background-attachment: fixed, scroll; | |
background-color: #FFF; | |
background-image: url("https://i.imgur.com/rrZbXQb.jpg"), url("http://i.imgur.com/CY8doiE.png"); | |
background-position: left; | |
background-repeat: no-repeat, repeat; | |
background-size: contain, auto; | |
color: #000; | |
font-size: 11px; | |
font-family: 'Segoe UI', Helvetica, Tahoma, sans-serif; | |
margin: 0; | |
} | |
/* Render_Maka.png + bgW.png*/ | |
#list_surround { | |
margin: 0 20px 0 calc(65.9vh + 20px); | |
width: auto; | |
} | |
@media (max-width: 1100px) { | |
body { background-position: -100px } | |
#list_surround { margin-left: calc(65.9vh + 20px - 100px) } | |
} | |
@media (max-width: 900px) { | |
body { background-position: -130px } | |
#list_surround { margin-left: calc(65.9vh + 20px - 130px) } | |
} | |
@media (max-width: 700px) { | |
body { | |
background-position: bottom center; | |
background-size: cover; | |
} | |
#list_surround { margin-left: 20px } | |
} | |
a, a:hover, tr:hover .td1, tr:hover .td2, tr .td1, tr .td2 { | |
-webkit-transition: all 0.2s linear; | |
-o-transition: all 0.2s linear; | |
transition: all 0.2s linear; | |
} | |
tr:hover .td1, tr:hover .td2, tr .td1, tr .td2 { | |
-webkit-transition-delay: 0.1s; | |
-o-transition-delay: 0.1s; | |
transition-delay: 0.1s; | |
} | |
a.animetitle:hover { | |
-webkit-transition: all 0 linear 0; | |
-o-transition: all 0 linear 0; | |
transition: all 0 linear 0; | |
} | |
a {color: #000; text-decoration: none;} | |
a:hover {color: #C90808 !important; text-decoration: underline;} | |
.table_header, .category_totals, .td1, .td2, #grand_totals { | |
border-color: #FFF; | |
border-style: solid; | |
border-width: 0 !important; | |
border-bottom-width: 1px !important; | |
color: #555; | |
line-height: 1.75em; | |
padding: 3px; | |
} | |
.td1 {background-color: #EAEAEA;} | |
.td2 {background-color: #F7F7F7;} | |
.hide .borderRBL {background-color: #F7F7F7 !important; padding: 5px !important;} | |
.hide .borderRBL div {font-weight: bold;} | |
.td1 a, .td2 a {color: #333;} | |
tr:hover .td1, tr:hover .td2 {background-color: #E9E9FA;} | |
.table_header:first-of-type, .td1:first-of-type, .td2:first-of-type {padding: 3px 0;} | |
.table_header:first-of-type .table_headerLink {display: none;} | |
a.animetitle {color: #000; font-weight: bold;} | |
tr:hover a.animetitle, a.animetitle:hover {color: #C90808; text-decoration: none;} | |
.animetitle + small {color: #a45268; padding-left: 4px; text-transform: uppercase;} | |
tr td.td1 + td:nth-child(3) a, tr td.td2 + td:nth-child(3) a, tr td.td1 + td:nth-child(4) a, tr td.td2 + td:nth-child(4) a, tr td.td1 + td:nth-child(3), tr td.td2 + td:nth-child(3), tr td.td1 + td:nth-child(4), tr td.td2 + td:nth-child(4) {color: #000;} | |
tr td.td1 + td:nth-child(3) a, tr td.td2 + td:nth-child(3) a, tr td.td1 + td:nth-child(3), tr td.td2 + td:nth-child(3) {font-weight: bold;} | |
tr td.td1 + td:nth-child(3) a[title*="Click to in"], tr td.td2 + td:nth-child(3) a[title*="Click to in"], tr td.td1 + td:nth-child(4) a[title*="Click to in"], tr td.td2 + td:nth-child(4) a[title*="Click to in"] { | |
display: inline-block; | |
float: right; | |
font-size: 16px; | |
font-weight: bold; | |
line-height: 1em; | |
margin-right: 3px; | |
} | |
.table_header, #grand_totals {background-color: #3586BE; color: #FFF;} | |
.category_totals {background-color: #8B384F; border-bottom-width: 0 !important; color: #FFF} | |
#grand_totals {border-bottom-width: 0 !important; border-top-width: 1px; margin-top: -12px;} | |
a.table_headerLink {color: #FFF !important;} | |
.table_headerLink:hover { | |
border-bottom: 1px dashed; | |
padding-bottom: 1px; | |
text-decoration: none; | |
} | |
/* Header classes for Currently Watching, Completed, Dropped, etc... */ | |
.header_title { | |
color: #3586BE; | |
font-family: Oswald, impact, sans-serif; | |
font-size: 32px; | |
font-weight: bold; | |
margin-bottom: -8px; | |
text-shadow: 1px 1px 1px #757575; | |
text-transform: uppercase; | |
} | |
#mal_control_strip, #mal_control_strip td, #mal_control_strip td div, #mal_control_strip a { | |
font-family: 'Segoe UI', Helvetica, Tahoma, sans-serif !important; | |
} /*they REALLY want that font there*/ | |
table#mal_control_strip { | |
background-color: #222; | |
background-image: none; | |
margin-top: 15px; | |
} | |
table#mal_control_strip td {height: 32px;} | |
table#mal_control_strip td div {margin: 2px 0;} | |
table#mal_control_strip a {color: #FFF !important; padding-right: 3px; text-decoration: none;} | |
table#mal_control_strip a:hover {text-decoration: underline;} | |
td#mal_cs_powered {top: 19px;} | |
#mal_cs_powered a {display: none;} | |
#mal_cs_powered div#search {padding-top: 0;} | |
#list_surround table:nth-child(2) { | |
border-bottom: 1px solid #F3F3F3; | |
position: fixed; | |
top: 0; | |
left: 0; | |
} | |
#list_surround table:nth-child(2) a {color: #FFF !important;} | |
#list_surround table:nth-child(5) {margin-top: -4em;} | |
.status_selected, .status_not_selected { | |
color: #FFF; | |
border-width: 0 !important; | |
padding: 1px; | |
font-size: 10px; | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.status_selected {background-color: #8B384F;} | |
.status_not_selected {background-color: #3586BE;} | |
/* Contains "MyAnimeList.net is a property of..." copyright text | |
DO NOT REMOVE OR HIDE THIS DIV | |
IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO */ | |
#copyright { | |
font-size: 12px; | |
text-align: right !important; | |
margin: 10px auto; | |
} | |
/* Please don't remove this either, it's the only credit I ask for */ | |
#copyright::after { | |
content: " List style created by SUBSTITUTEMYOWN, please ask for permission before using."; | |
display: block; | |
font-size: 10px; | |
} | |
/* ################################# */ | |
/* Favorites, use the number in the URL of a series' page | |
(the letters aren't needed, they help with identifying the numbers in the code though) */ | |
a[href*="13125/Shi"]::after, a[href*="5114/Ful"]::after, a[href*="10357/Jin"]::after, a[href*="5081/Bak"]::after, a[href*="6746/Dur"]::after { | |
color: #CAA50F; | |
content: "Favorite"; | |
font-size: 9px; | |
font-weight: normal; | |
padding-left: 6px; | |
text-transform: uppercase; | |
} | |
/*************************/ | |
/******* THIS IS MAL *****/ | |
/*************************/ | |
html { | |
height: 100%; | |
} | |
body { | |
margin: 0; | |
min-height: 100%; | |
} | |
#mal_control_strip { | |
width: 100%; | |
padding: 0; | |
margin: 0; | |
left: 0; | |
background:url(/images/list-top-bg.gif); | |
background-repeat:repeat-x; | |
background-color: #000000; | |
color: #ffffff; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
font-variant: normal; | |
text-transform: none; | |
} | |
#mal_control_strip a { | |
color: #ffffff; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
font-variant: normal; | |
font-weight: normal; | |
text-decoration: underline; | |
background: transparent; | |
text-transform: none; | |
} | |
#mal_control_strip img { | |
background: transparent none repeat scroll 0%; | |
border: 0 none; | |
margin: 0; | |
padding: 0; | |
} | |
#mal_control_strip table { | |
width: auto; | |
height: 40px; | |
} | |
#mal_control_strip td { | |
height: 40px; | |
color: #ffffff; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
font-variant: normal; | |
text-transform: none; | |
} | |
#mal_control_strip td div { | |
margin: 3px 0; | |
color: #ffffff; | |
font-family: Verdana, Arial, Helvetica, sans-serif; | |
font-size: 11px; | |
font-variant: normal; | |
} | |
#mal_cs_pic { | |
width: 80px; | |
padding-right: 8px; | |
padding: 0 1em; | |
} | |
#mal_cs_listinfo { | |
width: 75px; | |
padding: 0 1em; | |
} | |
#mal_cs_links { | |
width: 150px; | |
padding: 0 1em; | |
} | |
#mal_cs_otherlinks { | |
padding: 0 1em; | |
} | |
#mal_cs_powered { | |
position: absolute; | |
top: 4px; | |
right: 7px; | |
} | |
#mal_cs_powered #search { | |
padding-top: 3px; | |
} | |
#mal_cs_powered #search #searchBox { | |
width: 125px; | |
font-size: 10px; | |
} | |
#searchListButton:hover { | |
cursor: pointer; | |
} | |
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { | |
border-right: 1px solid #7e7e7e; | |
} | |
.hide { | |
display: none; | |
} | |
.borderRBL { | |
border-width: 0 1px 1px 1px; | |
} | |
/* Back to Mobile site */ | |
#btn-back_to_mobile { | |
position: absolute; | |
top: 4px; | |
right: 170px; | |
background-image: url('/images/back_to_mobile_site02.png?v=2'); | |
background-size: 142px 20px; | |
background-position: 4px 4px; | |
background-repeat: no-repeat; | |
display: block; | |
width: 142px!important; | |
height: 20px!important; | |
background-color: #F0F3FA; | |
border: #2E51A2 2px solid; | |
border-radius: 4px; | |
padding: 4px; | |
z-index: 10; | |
text-indent: -9999px; | |
} | |
#mal_control_strip #btn-back_to_mobile { | |
top: 4px; | |
left: 470px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment