@\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; @import "https://dl.dropboxusercontent.com/u/102421246/MAL/CSS/Lists/SAO/SaoTopMenuHahaido.css"; @import "https://dl.dropboxusercontent.com/s/vwbwhxxipyjq20i/SaoHeader.css"; * { text-decoration: none; } body { background-attachment: fixed; background-clip: border-box; background-color: rgba(0, 0, 0, 0); /* background-image: url("http://i57.tinypic.com/2rgp5qd.jpg"); background-position: 44% 0;*/ background-image: url("http://i64.tinypic.com/11u7psn.jpg"); background-position: 0% 60%; background-repeat: no-repeat no-repeat; background-size: cover; cursor: url("http://i.imgur.com/hCNOLWu.png") 1 1, auto; font-family: candara; } @font-face { font-family: "SAO"; src: url("http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/Fonts/SAO.woff") format("woff"); } a, #searchListButton { cursor: url("http://i.imgur.com/6IcIxwf.png") 1 1, auto !important; } a { text-decoration: none; } body { background-color: rgba(0, 0, 0, 0); color: #7F7E7E; font-family: Candara; } #list_surround { font-size: 81.25%; height: 200px; left: 100%; line-height: 1; margin-left: -960px !important; padding-bottom: 10px; padding-left: 0; padding-right: 0; position: relative; top: 0; width: 650px; } .status_selected { background-repeat: no-repeat; background-size: contain, cover; display: inline-block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .status_selected { position: fixed; z-index: -1; } .status_not_selected { position: fixed; } .status_selected a, .status_not_selected a { background-image: url("http://i58.tinypic.com/263ec5e.png"); display: inline-block; font-size: 0; height: 100px; position: fixed; right: 5px; top: 50%; width: 73px; } .status_not_selected a { opacity: 0.7; transition: opacity 0.4s ease 0s; } .status_selected a, .status_not_selected a:hover { opacity: 1; } .status_selected a:before, .status_not_selected a:before { background-image: url("http://i58.tinypic.com/2rw73he.png"); content: ""; display: inline-block; height: 100px; left: -227px; position: absolute; } .status_not_selected a:before { opacity: 0; transition: opacity 0.4s ease 0s, width 0.4s ease 0s; width: 0; } .status_selected a:before, .status_not_selected a:hover:before { opacity: 1; width: 200px; } .status_not_selected a[href*="status=1"] { background-position: 0 0; margin-top: -285px; } .status_selected a[href*="status=1"], .status_not_selected a[href*="status=1"]:hover { background-position: -73px 0; margin-top: -285px; } .status_not_selected a[href*="status=2"] { background-position: 0 -100px; margin-top: -195px; } .status_selected a[href*="status=2"], .status_not_selected a[href*="status=2"]:hover { background-position: -73px -100px; margin-top: -195px; } .status_selected a[href*="status=2"]:before, .status_not_selected a[href*="status=2"]:before, .status_not_selected a[href*="status=2"]:hover:before { background-position: 0 -100px; } .status_not_selected a[href*="status=3"] { background-position: 0 -200px; margin-top: -100px; } .status_selected a[href*="status=3"], .status_not_selected a[href*="status=3"]:hover { background-position: -73px -200px; margin-top: -100px; } .status_selected a[href*="status=3"]:before, .status_not_selected a[href*="status=3"]:before, .status_not_selected a[href*="status=3"]:hover:before { background-position: 0 -200px; } .status_not_selected a[href*="status=4"] { background-position: 0 -300px; margin-top: -5px; } .status_selected a[href*="status=4"], .status_not_selected a[href*="status=4"]:hover { background-position: -73px -300px; margin-top: -5px; } .status_selected a[href*="status=4"]:before, .status_not_selected a[href*="status=4"]:before, .status_not_selected a[href*="status=4"]:hover:before { background-position: 0 -300px; } .status_not_selected a[href*="status=6"] { background-position: 0 -400px; margin-top: 90px; } .status_selected a[href*="status=6"], .status_not_selected a[href*="status=6"]:hover { background-position: -73px -400px; margin-top: 90px; } .status_selected a[href*="status=6"]:before, .status_not_selected a[href*="status=6"]:before, .status_not_selected a[href*="status=6"]:hover:before { background-position: 0 -400px; } .status_not_selected a[href*="status=7"] { background-position: 0 -500px; margin-top: 185px; } .status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]:hover { background-position: -73px -500px; margin-top: 185px; } .status_selected a[href*="status=7"]:before, .status_not_selected a[href*="status=7"]:before, .status_not_selected a[href*="status=7"]:hover:before { background-position: 0 -500px; } .table_header { padding-bottom: 4px; } .table_header span { display: none; } .table_header:nth-child(2) { text-align: left; } .td1, .td2 { padding: 4px 0; transition: background-color 0.5s ease 0s; } .animetitle + small { color: #FFD700 !important; font-weight: bold; text-shadow: 0 0 3px #000000, 0 0 2px #000000, 0 1px 7px #FFFFFF, 0 0 0 #000000; visibility: visible !important; } #list_surround small { visibility: hidden; } #list_surround small a:last-of-type { display: none !important; } td[class^="td"]:nth-child(2) { text-align: left; } td[class^="td"]:nth-child(3) { background-image: url("http://i.imgur.com/1YRGVls.png"); background-position: 49% 3px; background-repeat: no-repeat; } [cellspacing="0"] { line-height: 17px; } #list_surround a[href*="http://myanimelist.net/panel.php?go=edit"], #list_surround a[href*="http://myanimelist.net/editlist.php?type="], #list_surround a[href*="http://myanimelist.net/panel.php?go=add"] { margin-right: 10px; visibility: visible !important; } .table_header, .td1, .td2 { background-color: rgba(255, 255, 255, 0.75); text-align: center; vertical-align: top; } tr:hover td[class^="td"] { background-color: #FFFFFF; } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #F2A603; text-shadow: 0 0 1px #F2A603; } a { color: #7F7E7E; } .table_headerLink { color: #F2A603 !important; line-height: 20px; } td[class^="td"]:nth-child(3), td[class^="td"]:nth-child(3) a { color: #FFFFFF !important; text-shadow: 0 0 0 #000000 !important; } td[class^="td"]:first-child { border-left: 2px solid #FFFFFF !important; } td[class^="td"]:last-child { border-right: 2px solid #FFFFFF !important; } .table_header { background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: 2px 0; } .table_header:first-child { border-left: 2px solid #FFFFFF !important; } .table_header:nth-child(5) { border-radius: 0 16px 0 0; border-right: 2px solid #FFFFFF !important; } .header_title { display: inline-block; height: 100px; pointer-events: none; } .category_totals { background-color: #F2A603; border: 2px solid #FFFFFF; border-radius: 0 0 16px 16px; color: #FFFFFF; padding: 3px 3px 9px; text-align: center; } #grand_totals { background-color: #F2A603; border: 2px solid #FFFFFF; border-radius: 3px 3px 3px 3px; color: #000000; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright:before { content: "Design by Inferno17."; font-size: 12px; } #copyright:after { content: "Edited by Inferno17."; font-size: 12px; } #copyright { background-color: #A0373C; border: 4px solid #DA6358; border-radius: 12px; color: #FFFFFF; display: block; margin-top: -10px !important; padding: 2px 14px 4px; position: relative; } #copyright a { color: #FFFFFF; font-size: 14px; padding-right: 2px; text-shadow: 1px 1px #F11C26; } #:before { color: #FFFFFF; content: " If we make it back to the real world. I'll find you again. And fall in love with you again."; display: block; font-family: 'SAO'; font-size: 18px; letter-spacing: 1px; line-height: 24px; padding-right: 4px; position: fixed; right: 0; text-shadow: 1px 1px #000000; top: 0; z-index: 1 !important; } td[class^="td"]:nth-of-type(2) { width: 454px !important; } .table_header:nth-of-type(6), span[id*="tagLinks"], div[id*="tagChangeRow"] { display: none !important; } td[class^="td"]:nth-of-type(6) { width: 0; } span[id*="tagRow"] { background-color: #FFFFFF !important; border: 2px solid #F2A603; border-radius: 0 0 10px 10px; display: block !important; line-height: 15px !important; padding: 20px 8px 8px; position: fixed; right: 970px; text-shadow: 0 0 0 #000000 !important; top: 493px; visibility: hidden; width: 199px; } tr:hover span[id*="tagRow"] { color: #7F7E7E !important; visibility: visible; } :hover + .hide { background-color: #F2A603; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: auto auto !important; border-color: #FFFFFF; border-radius: 16px 16px 0 0; border-style: solid; border-width: 2px; box-shadow: 0 2px 2px #000000; display: block !important; height: 250px; padding: 39px 22px 9px 10px; position: fixed; right: 970px; top: 210px; width: 183px; }