/* ___________________________________________________________________ | | | 0000 0000 | | 00 00 | | 88.d88 .d88o. 00 888 888 .88b 88 00 | | 88P dP `8b. 00 8888 8888 d888. 88 00 | | 88 .88888888' 00 88"88 88 88 .8P Y8. 88 00 | | 88 '8b. ,. 00 88 "8V8" 88 88ood88 88 00 | | 88 `Y8888P 00 88 Y8P 88d8 '88.888888 00 | | 00 00 | | 0000 0000 | |___________________________________________________________________| | | | re[MAL] - MyAnimeList.net Redesign + Adblock | | by kimatg (http://xenosium.com) | | http://userstyles.org/styles/23461/ | | last updated 2012.06.02 | |___________________________________________________________________| | | | THIS WORK IS LICENSED IN: | | CC Attribution-Noncommercial-Share Alike 3.0 Unported License | | http://creativecommons.org/licenses/by-nc-sa/3.0/ | |___________________________________________________________________| | | | [!] FOR CLEARTYPE FONT SETS INSTALL THE FOLLOWING ADDON | | STYLE: http://userstyles.org/styles/23578 | |___________________________________________________________________| | | | [!] FOR SIDEBAR STYLING INSTALL THE FOLLOWING ADDON STYLE: | | http://userstyles.org/styles/35490 | |___________________________________________________________________| | | | [!] FOR FORUM STYLING INSTALL THE FOLLOWING ADDON STYLE: | | http://userstyles.org/styles/32757 | |___________________________________________________________________| | | | | | The fonts included are copyrighted by the vendor listed below. | | | | >Titillium | | @vendor: Accademia di Belle Arti Urbino | | @vendorurl: http://www.campivisivi.net/titillium/ | | | | >Neue Helvetica | | @vendor: Linotype GmbH | | @vendorurl: http://www.linotype.com | | | |___________________________________________________________________| */ /* FONTS EMBED */ @font-face { font-family: 'TitilliumText14L'; src: local('TitilliumText14L'), local('TitilliumText14L'), url('http://img.xenosium.com/fonts/TitilliumText250wt-webfont.ttf') format('truetype'); } @font-face { font-family: 'TitilliumText14L'; src: local('TitilliumText14L 800 wt'), local('TitilliumText14L-800wt'), url('http://img.xenosium.com/fonts/TitilliumText800wt-webfont.ttf') format('truetype'); font-weight: bold; } /* LIST IFRAME WINDOW BG FIX */ @-moz-document url(http://myanimelist.net/), url-prefix(http://myanimelist.net/animelist), url-prefix(http://myanimelist.net/mangalist), url-prefix(http://myanimelist.net/panel.php), url-prefix(http://myanimelist.net/ajaxtb.php) { body[onload="onloadManga();"] { background: none !Important; } #chapdetails, #epdetails { background: #fff !important; } } /* GLOBAL BUTTON, TEXTBOX STYLING */ @-moz-document domain(myanimelist.net) { input.inputButton { padding: 3px 4px 1px 4px !important; font-weight: bold; font-family: "TitilliumText14L", "Corbel", "Arial" !important; font-size: 13px !important; text-shadow: 0 -1px 0 #000, 0 0 1px rgba(0,0,0,.6); background: -moz-linear-gradient(center bottom, rgb(65,101,186) 0%, rgb(72,107,188) 15%, rgb(50,78,143) 50%, rgb(91,111,159) 50%, rgb(163,174,200) 100%) !important; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.2) !important; background: -webkit-gradient(linear,center bottom,center top,color-stop(0, rgb(65,101,186)),color-stop(0.15, rgb(72,107,188)),color-stop(0.5, rgb(50,78,143)),color-stop(0.5, rgb(91,111,159)),color-stop(1, rgb(163,174,200))) !important; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.2) !important; } input.inputButton:hover{ text-shadow: 0 -1px 0 #000, 0 0 2px #fff; text-shadow: 0 0 2px #000; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 0 4px 1px rgba(40, 120, 212, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2) !important; background: -moz-linear-gradient(center bottom, rgb(65,101,186) 0%, rgb(72,107,188) 15%, rgb(70,97,156) 50%, rgb(102,125,179) 50%, rgb(167,180,209) 100%) !important; -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 0 4px 1px rgba(40, 120, 212, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2) !important; background: -webkit-gradient(linear,center bottom,center top,color-stop(0,rgb(65,101,186)),color-stop(0.15, rgb(72,107,188)),color-stop(0.5,rgb(70,97,156)),color-stop(0.5,rgb(102,125,179)),color-stop(1,rgb(167,180,209))) !important; } input.inputButton:focus { text-shadow: 0 -1px 0 #000, 0 0 1px rgba(0,0,0,.6); text-shadow: 0 0 2px #000; color: #ccc !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 0 2px 0 #2878D4 inset, 0 0 2px rgba(255, 255, 255, 0.4) inset, 0 0 4px 1px rgba(40, 120, 212, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2) !important; background: -moz-linear-gradient( bottom, rgb(75,116,204) 0%, rgb(63,93,153) 25%, rgb(44,57,89) 50%, rgb(44,57,89) 100%, rgb(49,66,105) 100%) !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 0 2px 0 #2878D4 inset, 0 0 2px rgba(255, 255, 255, 0.4) inset, 0 0 4px 1px rgba(40, 120, 212, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2) !important; background: -webkit-gradient(linear,center bottom,center top,color-stop(0,rgb(75,116,204)),color-stop(0.25,rgb(63,93,153)),color-stop(0.5, rgb(44,57,89)),color-stop(1, rgb(44,57,89)),color-stop(1,rgb(49,66,105))) !important; } input.inputtext, textarea.textarea, textarea.inputtext { background: #FFFFFF none repeat scroll 0 0 !important; padding: 3px 5px 5px 5px !important; margin-left: 2px !important; border-radius: 3px !important; border-radius: 3px !important; -moz-transition: box-shadow 0.2s linear 0s !important; -webkit-transition: -webkit-box-shadow 0.2s linear 0s !important; } input.inputtext:hover, textarea.textarea:hover, textarea.inputtext:hover { box-shadow: 0 0 1px rgba(40, 120, 212, 0.2); -webkit-box-shadow: 0 0 1px rgba(40, 120, 212, 0.2); } input.inputtext:focus, textarea.textarea:focus, textarea.inputtext:focus { border-color: rgba(82, 168, 236, 0.75) !important; box-shadow: 0 0 4px rgba(40, 120, 212, 0.5); -webkit-box-shadow: 0 0 4px rgba(40, 120, 212, 0.5); } textarea.textarea { padding: 5px !important; } textarea+div .inputButton { margin-left: 2px !important;} form[name="postForm"] textarea.textarea { width: 99% !important; min-height: 200px !important;} form[name="UserComment"] textarea.textarea { width: 98% !important; min-height: 50px !important; } textarea.textarea[name*="profile"], textarea#sigbox.textarea { width: 98% !important; min-height: 150px !important; } .quotetext { margin-left: 2px !important; border-radius: 3px !important; background: -moz-linear-gradient(top,#F2F8FC 0, #fff 15px) !Important; border-radius: 3px !important; background: -webkit-gradient(linear,left top,left 15px,from(#F2F8FC),to(#fff)) !Important; } #fancybox-title { display: none !Important; } #fancybox-overlay { background-color: rgba(0,0,0,0.3) !important; opacity: 1 !Important; } #fancybox-close { background: url("http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/fancybox.png") no-repeat -40px 0 transparent !important; width: 30px !important; height: 30px !important; } #fancybox-left-ico, #fancybox-right-ico { background-image: url("http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/fancybox.png") !important; background-position:-40px -30px !important; } #fancybox-right-ico { background-position:-40px -60px !important; } } /* INFO POPUPS BG FIX */ @-moz-document url-prefix(http://myanimelist.net/info.php) { body {background: none !Important; } } @-moz-document url(http://myanimelist.net/), url-prefix(http://myanimelist.net/login), url-prefix(http://myanimelist.net/password), url-prefix("http://myanimelist.net/addtolist"), url-prefix("http://myanimelist.net/panel"), url-prefix("http://myanimelist.net/profile"), url-prefix("http://myanimelist.net/editprofile"), url-prefix("http://myanimelist.net/myfriends"), url-prefix("http://myanimelist.net/clubs"), url-prefix("http://myanimelist.net/mymessages"), url-prefix("http://myanimelist.net/myreviews"), url-prefix("http://myanimelist.net/myrecommendations"), url-prefix("http://myanimelist.net/blog"), url-prefix("http://myanimelist.net/myblog"), url-prefix("http://myanimelist.net/anime.php"), url-prefix("http://myanimelist.net/manga.php"), url-prefix("http://myanimelist.net/people"), url-prefix("http://myanimelist.net/character"), url-prefix("http://myanimelist.net/fansub-groups"), url-prefix("http://myanimelist.net/topanime"), url-prefix("http://myanimelist.net/topmanga"), url-prefix("http://myanimelist.net/favorites"), url-prefix("http://myanimelist.net/reviews"), url-prefix("http://myanimelist.net/news"), url-prefix("http://myanimelist.net/forum/"), url-prefix("http://myanimelist.net/users"), url-prefix("http://myanimelist.net/manga/"), url-prefix("http://myanimelist.net/anime/"), url-prefix("http://myanimelist.net/modules"), url-prefix("http://myanimelist.net/showreview"), url-prefix("http://myanimelist.net/about"), url-prefix("http://myanimelist.net/donations"), url-prefix("http://myanimelist.net/tou.php"), url-prefix("http://myanimelist.net/privacy"), url-prefix(http://myanimelist.net/dbchanges), url-prefix(http://myanimelist.net/comments), url-prefix(http://myanimelist.net/friends), url-prefix(http://myanimelist.net/showclubs), url-prefix(http://myanimelist.net/editclub), url-prefix(http://myanimelist.net/topusers), url-prefix(http://myanimelist.net/shared), url-prefix(http://myanimelist.net/history), url-prefix(http://myanimelist.net/recommendations), url-prefix(http://myanimelist.net/comtocom.php), url-prefix(http://myanimelist.net/register), url-prefix(http://myanimelist.net/admin), url-prefix(http://myanimelist.net/editlist), url(http://myanimelist.net/import.php), url-prefix(http://myanimelist.net//) { /* AD BLOCK */ .adCenter300, .adCenter600, .ad_border, .adCenter728, .adRight728, .adHome300, .adHome230, .ad300, #roadblock, .roadblock, #homeAds { display: none !important; } .adBlockNav, #adNav, div[id^="ew_Banner"], div[id*="bannerDiv"], #_CI_widget_1 { display: none !important; } /* FORM AREA EXTEND */ form {width: 98%} form textarea {width: 98%} .borderClass .spaceit textarea.textarea {width: 600px !important; height: 100px !important; } /* STYLING START */ .picSurround a img { -moz-transition: 0.5s; -webkit-transition: 0.5s;} .picSurround a img:hover { background-color: white !important; opacity: 0.8 !important; -moz-transition: opacity,border-color 0.5s; -webkit-transition: opacity,border-color 0.5s;} .picSurround a img:active { background-color: #1D439B !important; opacity: 1 !important; -moz-transition: opacity,border-color 0.1s; -webkit-transition: opacity,border-color 0.1s;} * {font-family: "Helvetica 55 Roman", "Helvetica Neue", "Helvetica", "Arial", "A-OTF Shin Go Pro L", "Meiryo", "YDIYGO530-Screen", "Malgun Gothic" !important;} body { font-size: 75% !important; background: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/bg1.jpg) top center no-repeat !important; background-color: #161525 !important; margin: 0 !important; } #myanimelist { width: 970px !important; padding: 0 0 10px 0 !important; margin-top: 25px !important; margin-bottom: 25px !important; border-width: 0 1px 1px 1px !important; border-style: solid !important; border-color: #37415b !important; display: block !important; height: 100% !important; min-height: 700px !important; position: relative !important; background-color: white !important; background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: 0 -600px; background-repeat: no-repeat; border-radius: 6px; border-radius: 6px; } #contentWrapper { margin-top: -8px !important; padding: 8px 10px 0 10px !important; background-color: #fff !important; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -1000px -690px; background-repeat: no-repeat; min-height: 550px !important; border-radius: 5px !important; border-radius: 5px !important; } #contentWrapper h1 { width: auto !important; display: block !Important; margin: -36px -10px 0 -10px !important; padding: 3px 10px 5px 57px !important; min-height: 25px !important; border: none !Important; border-bottom: none !Important; text-shadow: 0 1px 0 #fff; background-color: transparent !important; background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: 0 -626px ; background-repeat: no-repeat; } #contentWrapper h1, #contentWrapper #header {font-family: "TitilliumText14L", "Corbel", "Trebuchet MS" !important; font-size: 1.7em !important; font-weight: bold !important; vertical-align: bottom !important; letter-spacing: -0.5px; line-height: 20px; } #contentWrapper h1 div, #contentWrapper h1 div small a, #contentWrapper h1 span a {font-family: "Helvetica 65 Medium" !important; font-weight: normal !important; font-size: 13px !important; letter-spacing: 0} #contentWrapper h1 div[style="float: right; font-size: 13px;"] { font-size: 0.7em !important; line-height: 1.7em; } #contentWrapper h1 span[style="font-weight: normal; float: right;"] { line-height: 20px !important; } #contentWrapper h1 span[style="font-weight: normal;"] small { font-size: 13px !important; letter-spacing: 0; line-height: 10px !important; } #contentWrapper h1 div[style="float: right; font-weight: normal;"] a { font-family: "Helvetica 65 Medium" !important; } #contentWrapper h1 div[style="float: right; font-weight: normal;"] a[href*="profile"] { position: relative !important; right: -385px !important; } #contentWrapper h1 div[style="float: right; font-weight: normal;"] a[href*="profile"]:after { content: none !important; } #contentWrapper h1:hover { height: auto !Important; overflow: visible !Important; z-index: 30 !Important;} #content { border: none !important; border-bottom: 1px solid #ebebeb !important; margin: -5px -10px 0 -10px !important; border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -1000px -690px; background-repeat: no-repeat; min-height: 550px !important; padding: 5px 15px 10px 15px !important; } #contentHome { border: none !important; padding: 2px 0 !important; margin: -8px 0 0 0 !important; background-color: #fff !Important; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -1000px -690px; background-repeat: no-repeat; margin: -5px -10px 0 -10px !important; padding: 5px 10px 30px 10px !important; border-bottom: 1px solid #eee !important; min-height: 550px !important;} #_nopad {min-height: 400px !important;} /* HEADERS */ #menu { padding: 0 !important; border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; height: 62px !important; width: auto !important; background-color: transparent !important; z-index: 100 !important; } #menu_left { width: 590px !Important; padding-left: 53px !important; padding-right: 327px !important; float: left !important; border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; background-color: transparent !Important; } /* --header navigation-- */ #nav li { width: auto !important; background: none !important; border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #nav li:hover { margin-top: 3px !important; margin-bottom: -3px !important; height: 22px !Important; box-shadow: 0 0 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);} #nav li:hover a { line-height: 18px !important; text-shadow: 0 1px 0 white } #nav li a { width: auto !important; height: 25px !important; line-height: 24px !important; padding: 0 5px 0 0 !important; display: block !important; background: none !important; font-size: 1.1em !important; font-weight: bold !important; text-transform: lowercase !important; border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; text-shadow: 0 -1px 0 black; } #nav li ul { background-color: #fff !important; margin-top: 0 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.5); border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); border-radius: 0 0 2px 2px; } #nav li ul li { width: 120px !important; background: none !important;} #nav li ul li:hover { height: 24px !important; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none;} #nav li ul li a { font-family: "Helvetica 55 Roman", "Helvetica Neue", "Neue Helvetica", "Helvetica", "Arial", "A-OTF Shin Go Pro L", "Meiryo", "YDIYGO530-Screen", "Malgun Gothic" !important; font-size: 1em !important; font-weight: normal !important; text-transform: none !important; text-shadow: none; height: 24px !important;} #nav li:hover ul li a { line-height: 24px !important; text-shadow: none } #nav li:hover { background-color: #E1E7F5 !important; } #nav li:hover a:hover { color: #2E51A2 !important; text-shadow: 0 1px 0 white } #nav li:hover a:active { background-color: #BAC8E8 !important; } #nav li:hover ul li a:hover { text-shadow: none } #nav li.tiny, #nav li.smaller { float: right !important; margin-top: -1px !important; height: 16px !important;} #nav li.tiny a, #nav li.smaller a { font-variant: small-caps !important; } #nav li.tiny:hover, #nav li.smaller:hover { margin-top: 2px !important; margin-bottom: 0 !important; height: 19px !important; border-radius: 2px; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 2px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); } #nav li.tiny a:active, #nav li.smaller a:active { margin-top: 1px !important; margin-bottom: 0 !important; height: 19px !important; border-radius: 2px; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 2px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); } #nav li ul { display: block !Important; margin-top: -3px !important; height: 0 !important; opacity: 0 !important; overflow: hidden !important; -moz-transition: 0.3s; -webkit-transition: 0.3s} #nav li:hover ul { display: block !Important; opacity: 1 !important; height: auto !important; } #nav ul.wider span.edit a { height: 18px !important; line-height: 18px !important; margin: 3px 2px 0 0 !important; font-size: 0.8em !important; } #nav ul.wider span.edit a:hover { background-color: #fff !important; border-radius: 2px; border-radius: 2px; } #nav li:hover ul li .new {vertical-align: middle !important; padding: 0 !Important; text-align: center !Important; } #nav li:hover ul li .new a { line-height: 14px !important; width: 20px !Important; height: 18px !important; vertical-align: middle !important; margin-top: 3px !important; padding: 0 !Important; margin-right: 5px !Important; text-indent: 0 !important; overflow: hidden !important; text-align: center !Important; background-color: #E1E7F5 !important; font-weight: bold !Important; color: #2E51A2 !important; font-size: 0.9em !important; border-radius: 5px; border-radius: 5px; } #nav li:hover ul li:hover .new a { background-color: #fff !important; } #nav li:hover ul li:hover .new a:hover { background-color: #fff !important; box-shadow: 0 0 2px #2E51A2 inset; -webkit-box-shadow: 0 0 2px #2E51A2 inset;} #nav li a .count { line-height: 14px !important; width: auto !Important; height: 16px !important; vertical-align: middle !important; display: inline-block !important; margin: 0 0 0 -1px !important; padding: 0 1px 0 0 !Important; text-indent: 0 !important; overflow: hidden !important; text-align: center !Important; font-weight: bold !Important; color: gold !Important; font-size: 0.9em !Important; border-radius: 5px; border-radius: 5px; } #nav li:hover a .count { background-color: #fff !important; color: #000 !Important; font-size: 0.9em !Important; } #header, #headerSmall { width: 48px !important; height: 48px !important; background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png) !important; background-position: 0 -280px !important; display: block !important; position: absolute !important; background-color: transparent !important; left: 3px; top: 3px; text-indent: 0 !important; color: transparent !important; z-index: 90 !important;} #header a, #headerSmall a { width: 48px !important; height: 48px !important; display: block !important; background-color: transparent !important; text-indent: 0 !important; color: transparent !important;} #header:hover, #headerSmall:hover { background-position: -48px -280px !important; } #header:active, #headerSmall:active { background-position: -96px -280px !important; } #nav .hover a { color: white !important; } #nav .hover:hover a { color: inherit !important; } #nav .hover ul a { color: inherit !important; } /* --header right-- */ #menu_right { width: 200px !important; display: block !important; position: absolute !important; background-color: transparent !important; right: 20px; z-index: 80 !important; } #searchBar { padding: 2px 0 0 0 !important; position: relative !important; } #searchBar #topSearchText.inputtext { height: 16px !important; margin-top: 0 !important; padding: 2px 4px 3px 4px !important; background-color: rgba(0,0,0,0.2) !important; color: #e1e7f5 !important; font-size: 1em !important; border-style: none !Important; border-radius: 2px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.8) inset, 0 -1px 0 rgba(255,255,255,0.5) inset; border-radius: 2px !important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8) inset, 0 -1px 0 rgba(255,255,255,0.5) inset; } #searchBar #topSearchText.inputtext:focus { background-color: rgba(0,0,0,0.5) !important; color: #fff !Important;} #searchBar #topSearchValue { background-color: rgba(255,255,255,0) !important; display: inline-block !important; padding: 0 !important; position: absolute !important; top: 2px !important; right: 195px; width: 100px !important; font-size: 11px !important; width: 0 !important; border: none !important; opacity: 0; -moz-transition: 0.3s; -webkit-transition: 0.3s } #searchBar #topSearchText:focus + #topSearchValue, #searchBar:hover #topSearchValue, #topSearchValue:hover, #topSearchValue:focus { opacity: 1; background-color: rgba(255,255,255,0) !important; width: 100px !important; -moz-transition: width 0.3s; -webkit-transition: width 0.3s } #searchBar #topSearchValue.inputtext { height: 20px !important; border: #fff 1px solid !important ; margin-top: 0 !important; } #searchBar input[type="image"] { vertical-align: middle !important; padding: 0 0 6px 0 !important; margin: 0 -14px 0 0 !important; color: transparent !important; } .inputtext, .textarea {font-family: tahoma, sans-serif !important;} /* --global horiznav-- */ #horiznav_nav { padding: 0 !important; margin: 15px 5px 10px 0 !important; height: 22px !important; width: auto !important; text-transform: uppercase !important; font-weight: bold !important; font-size: 0.8em !important; border-width: 0 20px 0 20px !important; border-color: transparent !important; -moz-border-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/horiznavbg.png) 0 20 0 20 stretch stretch !important; -webkit-border-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/horiznavbg.png) 0 20 0 20 stretch stretch !important; } #horiznav_nav span[style="float: right;"] { padding: 0 15px !important; } #horiznav_nav ul { width: 100% !important; padding: 0 !important; margin: 0 !important; display: inline-block !important; } #horiznav_nav ul li { background-color: transparent !important; display: inline-block !important;} #horiznav_nav ul li a { background-color: transparent !important; font-weight: bold !important; height: 12px !important; display: inline-block !important; padding: 3px 6px 5px 6px !important; color: #333 !important; border-bottom: 2px solid transparent !important; -moz-transition: 0.2s; border-radius: 4px 4px 0 0 !important; -webkit-transition: 0.2s; border-radius: 4px 4px 0 0 !important;} #horiznav_nav ul li a:hover { background-color: #e1e7f5 !important; color: #1D439B !important; text-shadow: 0 1px rgba(255,255,255,0.9); border-bottom: 2px solid #1D439B !important; box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3) inset; -moz-transition: 0.2s; -webkit-box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3) inset; -webkit-transition: 0.2s;} #horiznav_nav ul li a:active { background-color: #BAC8E8 !important; color: #1D439B !important; text-shadow: 0 1px rgba(255,255,255,0.9); border-bottom: 2px solid #1D439B !important; box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3) inset, 0 1px 0 rgba(0,0,0,0.5) inset; -moz-transition: 0.1s; -webkit-box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3) inset, 0 1px 0 rgba(0,0,0,0.5) inset; -webkit-transition: 0.1s; } #horiznav_nav ul li a.horiznav_active, #horiznav_nav ul li a.horiznav_active:hover { background-color: #1D439B !important; text-shadow: 0 -1px rgba(0,0,0,0.6); border-bottom: 2px solid black !important; color: #fff !important; box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.7) inset; -webkit-box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.7) inset; } .horiznav_active {font-weight: bold !important; } #rightcontent_nopad #horiznav_nav { margin-right: 0 !important; } /* MAIN PANEL */ #panel_left { width: 60% !important; float: left !important; margin: 5px 0 0 0 !important; } #panel_left .container { font-size: 16px !important; font-family: "Helvetica 45 Light" !important; padding: 0 10px 0 0 !important; } #panel_left div, #panel_left p, #panel_left table {font-size: 12px !important; font-family: "Helvetica 55 Roman", "Helvetica Neue", "Neue Helvetica", "Helvetica", Arial, sans-serif !important; } #panel_left strong { font-size: 16px !important; font-family: "Helvetica 65 Medium", Arial, sans-serif !important; font-weight: normal !important;} strong, #panel_left div strong , #panel_left p strong , #panel_left table strong {font-family: "TitilliumText14L", "NanumGothic", "Arial" !important; font-size: 1.1em !important; font-weight: bold !important; } #panel_left .container br:first-child { margin-bottom: -12px !important; } /* --main panel top menus icon replace-- */ #panel_left div.borderClass.bgColor1 {height: 18px !important; border: none !Important; border-bottom: 1px solid #eee !important; box-shadow: 0 10px 20px #fff inset, 0 5px 5px #fff inset; -webkit-box-shadow: 0 10px 20px #fff inset, 0 5px 5px #fff inset } #panel_left div.borderClass.bgColor1 a[href="http://myanimelist.net/addtolist.php"] { width: auto !important; height: 20px !important; display: inline-block !important; background-position: left top; padding-left: 16px !important; font-size: 1.1em !important; font-weight: bold !important; line-height: 19px !important; background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/MALU/addsmall.png); background-repeat: no-repeat; text-indent: 5px !important; font-size: 0.9em !Important; } #panel_left div.borderClass.bgColor1 a[href="http://myanimelist.net/addtolist.php"]:hover { background-position: left -20px !important; color: #2E51A2!important; white-space: nowrap !important; text-decoration: none !Important; text-shadow: 0 0 2px #fff} #panel_left div.borderClass.bgColor1 a[href="http://myanimelist.net/addtolist.php"]:focus { background-position: left -40px !important; } #panel_left div.spaceit[style="padding: 3px;"] { margin: -42px 0 0 0 !important; float: right !important; color: transparent !important; height: 32px !important; } #panel_left div.spaceit[style="padding: 3px;"] a { background-repeat: no-repeat; width: auto !important; height: 32px !important; display: inline-block !important; background-position: right top; padding-right: 34px !important; margin-left: -7px !important; text-indent: -100px !important; color: transparent !important; font-size: 1.1em !important; font-weight: bold !important; line-height: 44px !important; -moz-transition: color 0.3s; -webkit-transition: color 0.3s;} #panel_left div.spaceit[style="padding: 3px;"] a[href*="editprofile"] { background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/MALU/editprof.png); text-indent: -100px !important;} #panel_left div.spaceit[style="padding: 3px;"] a[href^="http://myanimelist.net/animelist"] { background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/MALU/animelist.png); text-indent: -138px !important;} #panel_left div.spaceit[style="padding: 3px;"] a[href^="http://myanimelist.net/mangalist"] { background-image: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/MALU/mangalist.png); text-indent: -175px !important;} #panel_left div.spaceit[style="padding: 3px;"] a:hover { background-position: right -32px !important; color: #2E51A2!important; white-space: nowrap !important; text-decoration: none !Important;} #panel_left div.spaceit[style="padding: 3px;"] a:focus{ background-position: right -64px !important; } #panel_right { width: 38% !important; float: right !important; margin: 5px 0 0 0 !important; } #rightbody { float: right !important; } #rightcontent, #rightcontent_nopad { font-size: 1.1em !important; font-family: inherit !important; min-height: 560px; } td.borderClass[width="225"] a img[align="center"], td.borderClass[width="225"] div[style="text-align: center;"] img, td.profile_leftcell div[style="text-align: center;"] img, tr td+td[width="300"] div[style="padding-left: 7px;"] div[style="text-align: center;"] img { border: 1px solid rgba(102,102,102,.6) !important; border-radius: 2px; border-radius: 2px; } td.borderClass[width="225"] .spaceit_pad .dark_text {display: block} td { font-size: 1em !important;} /* INPAGE SEARCH ENLARGE */ form[method="get"] td, form[method="get"] td input, form[method="GET"], form[method="GET"] input { font-size: 15px !important; text-transform: none } form[method="GET"] input.inputButton { font-size: 15px !important; font-family: "TitilliumText14L", sans-serif !important; padding-top: 1px !Important; } form[method="get"] td { font-family: "HelveticaNeue-MediumCond", "Arial Narrow" !Important; text-transform: uppercase; font-weight: normal } form[method="get"] td small, form[method="get"] td select, td label { text-transform: none; font-weight: normal } form[method="get"] td .spaceit { margin-top: 0 !important;} /* advanced search */ #advancedSearch { background-color: #F2F8FC !Important; font-size: 11px !important; padding: 5px 10px !important; border-radius: 5px; border-radius: 5px; } #advancedSearch td { font-size: 11px !important; } #advancedSearch td select#filterByType, #advancedSearch td select[name="score"], #advancedSearch td select[name="status"], #advancedSearch td select[name="p"], #advancedSearch td select[name="r"], #advancedSearch td select[name="r"], #advancedSearch td select[multiple="multiple"]{ width: 240px !important; } #advancedSearch td input[name="tag"] { width: 234px !important; } .normal_header, .normal_header strong, h2, .normal_header[colspan="2"], .normal_header[align="center"] a, #panel_left div.normal_header { font-family: "HelveticaNeue MediumCond", "HelveticaNeue-MediumCond", "corbel", "Arial" !important; font-size: 12px !important; line-height: 12px !important; font-weight: Normal !important; padding: 0 !important; margin: 5px 0 8px 0 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #333 !important; height: 10px !important; vertical-align: bottom !Important;} .normal_header strong { margin: 0 !Important; } .normal_header[colspan="2"] {line-height: 18px; } .normal_header[align="center"] a {height: 12px !important;} .normal_header > *, h2 > * {font-weight: Normal !important; text-transform: none !important; line-height: 12px !important; letter-spacing: 0; display: inline-block !important; vertical-align: top !important; margin-top: 0 !Important; height: 10px !important; } .normal_header > * a, h2 > * a { display: inline-block !important; vertical-align: top !important; height: 11px !important; line-height: 10px !important; font-size: 10px !important; } .normal_header span.lightLink { height: 11px !important; line-height: 11px !Important; font-size: 12px !important; } .normal_header div[style="float: right;"] { letter-spacing: 0 !important; } .floatRightHeader {display: inline-block !important; height: 12px !important;} .normal_header[style="height: 20px;"] div[style="float: right; font-weight: normal;"] { margin-top: -3px !important; } .normal_header[style="height: 20px;"] div[style="float: right; font-weight: normal;"] select { letter-spacing: 0; text-transform: none !important } .normal_header[style="height: 20px;"] div[style="float: right; font-weight: normal;"] a { font-size: 1.2em !important;} td[valign="top"]>.normal_header[style="height: 15px;"] {font-family: "HelveticaNeue MediumCond", "HelveticaNeue-MediumCond", "Arial" !important; font-size: 16px !important; line-height: 16px !important; font-weight: Normal !important; padding: 0 !important; margin: 5px 0 8px 0 !important; text-transform: uppercase !important; letter-spacing: 2px !important; color: #333 !important; display: block !important; height: 15px !important;} td[valign="top"]>.normal_header[style="height: 15px;"] span[style="font-weight: normal;"], td[valign="top"]>.normal_header[style="height: 15px;"] span[style="font-weight: normal;"] small {font-family: "A-OTF Shin Go Pro R", "Meiryo" !important; font-size: 11px !important; line-height: 15px !important; letter-spacing: 0; } td[colspan="2"]>.normal_header span[style="font-weight: normal;"] small {font-size: 10px !important; line-height: 8px !important; letter-spacing: 0; margin-bottom: 2px !important; vertical-align: 1px !important;} .spaceit_pad { line-height: 1.3em !important; } .spaceit { line-height: 1.3em !important; } .total_messages { padding: 0 10px !important; } td div.picSurround { margin-right: 3px !important; } td.borderClass[style*="padding-left: 0"] { font-size: 0.9em !important; line-height: 1.6em !important; } td.borderClass[style*="padding-left: 0"] a strong { font-size: 1.2em !important; line-height: 1.2em !important; } td[width="160"] div.normal_header {overflow: hidden !important; padding-right: 60px !important; } .spaceit .membersBar, .spaceit .updatesBar { height: 23px !important; line-height: 23px !important; text-align: left !important; } /* GLOBAL PAGES SIDEBAR */ tr td:first-child.borderClass[width="225"] {background-color: #F2F8FC !important; padding: 10px 15px 20px 15px !important; margin: -5px 0 0 -15px !important; display: block !Important; color: #333 !important; border: none !important; border-radius: 5px 0 10px 0; border-radius: 5px 0 10px 0; width: 250px !important; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -2000px -692px; background-repeat: no-repeat; } tr td:first-child.borderClass[width="225"] + td { padding-left: 0 !important; } tr td:first-child.borderClass[width="225"] + td[style^="padding"] { padding-left: 0 !Important; width: 690px!important; } /* PROFILE PAGE SIDEBAR */ td.profile_leftcell {background-color: #F2F8FC !important; padding: 10px 5px 20px 5px !important; margin: -5px 0 0 -15px !important; display: block !Important; color: #333 !important; border: none !important; border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; width: 245px !important; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -2000px -692px; background-repeat: no-repeat;} td.profile_leftcell a { } td.profile_leftcell .normal_header {color: #292F3D !important; border-color: #B6BAC2 !important; } td.profile_leftcell td { border-bottom-color: #B6BAC2 !important; } td.profile_leftcell + td { padding-left: 5px !Important; width: 100% !Important; } td.profile_leftcell + td div[style="padding: 5px 8px;"] { padding: 5px 8px !Important; display: block !Important; width: 690px !important; } td.profile_leftcell + td div[style="padding: 5px 8px;"] div[style^="width: 690px"] { width: 690px !important; } td.profile_leftcell div[style="margin-top: 6px;"] {text-align: right !important; font-size: 0.9em !Important; font-weight: bold !Important;} /* PROFILE PAGE RECENT UPDATES */ div[style="padding: 5px 8px;"] td[style*="padding-left: 4px"] td.borderClass[width="26"] .picSurround { margin-top: 3px !Important; } div[style="padding: 5px 8px;"] td[style*="padding-left: 4px"] td.borderClass[style*="padding-left: 0"] a.thickbox { font-family: inherit !important; font-size: 9px !important; font-weight: normal !important; } div[style="padding: 5px 8px;"] td[style*="padding-left: 4px"] td.borderClass[style*="padding-left: 0"] a:first-child { font-family: "TitilliumText14L", "Corbel", "Arial" !important; font-size: 13px !important; font-weight: bold !important; } /* PROFILE PAGE STAT BARS */ div[style*="padding: 5px 8px"] table[cellspacing="0"][border="0"] tr td div[style*="width: 100%"] div { border-radius: 5px 0 5px 0; border-radius: 5px 0 5px 0; box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset} div[style*="padding: 5px 8px"] table[cellspacing="0"][border="0"] tr td div[style*="width: 100%"] div:hover { box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset} /* PROFILE PAGE COMPATIBILITY */ .spaceit div[style^="border: 1px solid"]:first-child {background: #fff !Important; padding: 5px !Important; margin: 0 !important; border: 1px solid rgba(29,67,155,0.2) !Important; border-radius: 3px; box-shadow: inset 0 1px 8px rgba(29,67,155,0.1), inset 0 -25px 30px rgba(255,255,255,.5), 0 -1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(29,67,155,0.3); border-radius: 3px; -webkit-box-shadow: inset 0 1px 8px rgba(29,67,155,0.1), inset 0 -25px 30px rgba(255,255,255,.5), 0 -1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(29,67,155,0.3);} .spaceit div[style^="border: 1px solid"] .spaceit { font-size: 1.5em !important; margin: 0 !important; padding: 1px 0 !important; font-weight: normal !important;} .spaceit div[style^="border: 1px solid"] div[style*="padding: 1px; margin: 4px 2px 2px"] { height:17px !important; border-radius: 10px !Important; border-radius: 10px !Important; } .spaceit div[style^="border: 1px solid"] div[style*="padding: 1px; margin: 4px 2px 2px"] div { text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-weight: bold !Important; font-size: 1.1em !important; border-radius: 10px !Important; box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; border-radius: 10px !Important; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; } .spaceit div[style^="border: 1px solid"] div[style*="width: 1%;"] { color: transparent !Important; background-color: #efefef !Important; width: 320px !Important; text-align: center !important; text-indent: 6% !Important; font-size: 1.2em; height: 16px !important; text-shadow: none !important } .spaceit div[style^="border: 1px solid"] div[style*="width: 1%;"]:before { content: "?" !important; text-indent: 50px !Important; color: #ccc !important; } /* PROFILE PAGE COMMENTS */ .dark_text a, .spaceit .spaceit strong a {font-family: "Helvetica 65 Medium", "Arial" !important; font-size: 14px !important; font-weight: Normal !important; letter-spacing: -0.25px;} div.bgColor1 table[style^="padding: 5px 0"], div.bgNone table[style^="padding: 5px 0"] { position: relative !important; display: block !important; } div.bgColor1 table[style^="padding: 5px 0"] div[style="margin-top: 10px;"] small, div.bgNone table[style^="padding: 5px 0"] div[style="margin-top: 10px;"] small {display: none !important; position: absolute !important; top: 5px !important; right: 5px !important; color: transparent !important;} div.bgColor1 table[style^="padding: 5px 0"]:hover div[style="margin-top: 10px;"] small, div.bgNone table[style^="padding: 5px 0"]:hover div[style="margin-top: 10px;"] small {display: block !important; } .borderClass .spaceit textarea[id^="comreply"] { width: 550px !important; } /* ANIME STAT PAGE */ div[style^="padding: 0"] h2 + table tr:nth-child(1) .updatesBar { background-color: rgb(0, 200, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(2) .updatesBar { background-color: rgb(48, 200, 6) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(3) .updatesBar { background-color: rgb(96, 200, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(4) .updatesBar { background-color: rgb(144, 200, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(5) .updatesBar { background-color: rgb(192, 200, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(6) .updatesBar { background-color: rgb(240, 200, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(7) .updatesBar { background-color: rgb(240, 144, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(8) .updatesBar { background-color: rgb(240, 96, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(9) .updatesBar { background-color: rgb(240, 48, 0) !important;} div[style^="padding: 0"] h2 + table tr:nth-child(10) .updatesBar { background-color: rgb(240, 0, 0) !important;} td[width="20"]:first-child { font-size: 15px !important; text-align: right; font-family: "TitilliumText14L", arial, sans-serif !important; letter-spacing: -1px !important; line-height: 15px !important; color: #333 !important; border-right: 1px solid #ccc !important; padding-right: 6px !important;} .spaceit_pad .updatesBar { margin-left: 5px !important; border-radius: 5px 0 5px 0; box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; border-radius: 5px 0 5px 0; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; } .spaceit_pad .updatesBar:hover { box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset} .spaceit_pad .updatesBar + span { font-size: 1.25em !important; line-height: 1 !important; letter-spacing: -1px !important; font-weight: bold !Important; } .spaceit_pad .updatesBar + span small { font-size: 0.7em !important; letter-spacing: 0 !important; color: #333 !important; font-weight: normal !Important;} /* ANIME,MANGA,CHARACTER,PEOPLE SIDEBAR */ tr td:first-child[width="225"][style="border-width: 0pt 1px 0pt 0pt;"], tr td:first-child[width="225"][style="border-width: 0 1px 0 0;"] { width: 240px !Important; margin-right: 10px !important; padding: 10px 10px 20px 15px !important; } tr td:first-child[width="225"][style="border-width: 0pt 1px 0pt 0pt;"]+td, tr td:first-child[width="225"][style="border-width: 0 1px 0 0;"]+td { padding-left: 0 !important; } /* CLUB PAGE */ tr td.borderClass[style*="border-width: 0pt 1px 0pt 0pt"], tr td.borderClass[style*="border-width: 0 1px 0 0"] {border: none !Important; display: block !important; width: 630px !important; overflow: hidden !important; margin-right: 7px !important; } /* CLUB PAGE SIDEBAR */ tr td+td[width="300"] div[style="padding-left: 7px;"] {background-color: #F2F8FC !important; padding: 10px 15px 20px 10px !important; margin: -5px -15px 0 0 !important; display: block !Important; color: #333 !important; border: none !important; background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png); background-position: -2657px -692px; background-repeat: no-repeat; border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; } tr td+td[width="300"] div[style="padding-left: 7px;"] a { } tr td+td[width="300"] div[style="padding-left: 7px;"] .normal_header {color: #292F3D !important; border-color: #B6BAC2 !important; } tr td+td[width="300"] div[style="padding-left: 7px;"] td { border-bottom-color: #B6BAC2 !important; } tr td+td[width="300"] div[style="padding-left: 7px;"] + td { padding-left: 5px !important; } /* CLUB PAGE COMMENTS */ div.bgColor1 table[width="100%"] td.borderClass[style^="border: 0"] div[style="margin-bottom: 6px;"] a, div.bgNone table td[style^="border: 0"] div[style="margin-bottom: 6px;"] a {font-family: "Helvetica 65 Medium", "Arial" !important; font-size: 14px !important; font-weight: Normal !important; letter-spacing: -0.25px;} div.bgColor1 table, div.bgNone table { position: relative !important; display: block !important; padding: 3px 0 !important;margin-bottom: 5px !important;} div.bgColor1 table td[style^="border: 0"] div[style="margin-top: 10px;"] small, div.bgNone table td[style^="border: 0"] div[style="margin-top: 10px;"] small {display: block !important; opacity: 0 !important; position: absolute !important; top: 2px !important; right: 5px !important; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s} div.bgColor1 table:hover td[style^="border: 0"] div[style="margin-top: 10px;"] small, div.bgNone table:hover td[style^="border: 0"] div[style="margin-top: 10px;"] small {display: block !important; opacity: 1 !important;} div.bgColor1 table td[style^="border: 0"] div[style="margin-top: 10px;"] small a, div.bgNone table td[style^="border: 0"] div[style="margin-top: 10px;"] small a {padding: 1px 2px !important; margin-left: -5px !important; background-color: #ddd !important; color: #777 !important; font-weight: bold !important; text-transform: uppercase !Important; font-size: 0.9em !Important; text-indent: 0 !important; text-shadow: 0 1px 0 #fff; border-radius: 2px; box-shadow: 0 1px 0 0 #ddd; border-radius: 2px; -webkit-box-shadow: 0 1px 0 0 #ddd;} div.bgColor1 table td[style^="border: 0"] div[style="margin-top: 10px;"] small a:hover, div.bgNone table td[style^="border: 0"] div[style="margin-top: 10px;"] small a:hover {color: #fff !important; background-color: #333 !important; text-decoration: none !important; text-shadow: none !important; } div[id^="comment"] + br {display: none !Important; } div[id^="comment"] tbody { width: 100% !important; display: block !important; position: relative !important; } div[id^="comment"] tr { width: 100% !important; overflow: hidden !important; display: block !important; } div[id^="comment"] tr td:first-child { float: left !important; display: block!important; width: 60px !Important; position: absolute !Important; top: 0; left: 0 } div[id^="comment"] tr td+td { width: 88% !important; min-height: 60px !Important; overflow: auto !important; display: block !important; padding: 25px 0 0 0 !important; margin-left: 70px !important; } div[id^="comment"] tr td+td div[style="margin-bottom: 6px;"] { display: block! important; width: auto !Important; position: absolute !Important; top: 3px; left: 70px } /* TOP LISTS */ td.borderClass[width="30"][valign="top"][align="center"][style^="border-width: 0"] { overflow: hidden !important; } span.lightLink[style="font-weight: bold; font-size: 24px;"] {font-family: "TitilliumText14L", "Corbel", "Arial" !important; font-size: 4.5em !important; font-weight: bold !important; display: inline-block !important; text-align: left; color: #CAD5EB !important; letter-spacing: -2px; float: right !Important; line-height: inherit !important; padding-top: 15px !important; padding-right: 3px !Important; } td.borderClass[valign="top"][align="left"] a strong {font-size: 1.2em !important; line-height: 1.5em !important; } td[width="300"] .spaceit { padding-right: 4px !important; } td[colspan="2"] div[style="margin-top: 3px;"] {display: inline-block !important; } tr:nth-child(even) td.borderClass.bgColor1 + td.borderClass:nth-child(2) { background-color: #F6F6F6 !important; } td.borderClass a.hoverinfo_trigger { font-size: 14px !Important; } td.borderClass:nth-child(3)[valign="top"] {vertical-align: middle !important; } td[width="60"][valign="top"][align="center"][style="padding-bottom: 5px;"] { padding: 4px 0 2px 0 !important; border-bottom: 1px solid #EBEBEB!important; } td[width="60"][valign="top"][align="center"][style="padding-bottom: 5px;"] .picSurround { vertical-align: bottom !Important; margin: auto 0 0 0 !important;} div[style^="padding: 0"] h2[style="font-size: 14px;"] { position: relative; } div[style^="padding: 0"] h2[style="font-size: 14px;"] a[href*="limit"] { position: absolute; right: 0; top: 0;} h2 a[href*="limit"] { padding-left: 5px !Important; font-size: 1.1em !Important; } h2 a[href*="limit"]:first-child { right: 70px !important; } h2 a[href*="limit"]:first-child:before { content: "≪ "} h2 a[href*="limit"]:last-child:after { content: " ≫"} h2 a[href*="limit=30"]:last-child { right: 0 !important; } h2 a[href*="limit=30"]:last-child:before { content: none } /* animepage cast list bg exception */ tr:nth-child(odd) td.bgColor1[width="25"] { background-color: transparent !important; } tr:nth-child(even) td.bgColor1[width="25"] { background-color: #f6f6f6 !important; } /* CHARACTER-ANIME PAGE PICTURES */ td[width="225"] .picSurround+div[style="margin-top: 4px; text-align: center;"], td[width="225"] .picSurround+div.spaceit { margin-top: -25px !important; margin-bottom: 2px !important; opacity: 0 !important; -moz-transition: opacity 0.3s 0.5s; -webkit-transition: opacity 0.3s 0.5s; } td[width="225"] .picSurround+div[style="margin-top: 4px; text-align: center;"] a, td[width="225"] .picSurround+div.spaceit a { background-color: rgba(255,255,255,0.7) !important; display: inline-block !important; width: 60px !important; text-transform: uppercase; font-size: 0.9em !important; font-weight: bold !important; text-shadow: 0 1px 0 #fff; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); } td[width="225"] .picSurround:hover+div[style="margin-top: 4px; text-align: center;"], td[width="225"] .picSurround+div[style="margin-top: 4px; text-align: center;"]:hover, td[width="225"] .picSurround:hover+div.spaceit, td[width="225"] .picSurround+div.spaceit:hover { opacity: 1 !important; } td[width="225"] .picSurround+div[style="margin-top: 4px; text-align: center;"] a:hover, td[width="225"] .picSurround+div.spaceit a:hover { text-decoration: none !important; color: black !important;} td[width="225"] .picSurround a.Anime_Gallery img:hover { opacity: 1 !important; } td[width="225"] .picSurround a.Anime_Gallery:hover img { opacity: 1 !important; background-color: #1D439B !important; -moz-transition: 0.2s; -webkit-transition: 0.2s;} /* ERROR-NOTICE BOXES */ .badresult, .goodresult, .successQuery { background: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/remal-imageset-2.png) no-repeat -980px center !important; width: auto !important; height: auto !important; border: none !Important; padding: 12px 10px 15px 110px !important; text-align: left !important; font-size: 1.7em !important; font-family: "Helvetica 45 Light", "Arial", sans-serif !important; box-shadow: inset 0 1px 6px rgba(178,89,89,1), inset 0 45px 50px rgba(255,255,255,.5); border-radius: 3px; -webkit-box-shadow: inset 0 1px 6px rgba(178,89,89,1), inset 0 45px 50px rgba(255,255,255,.5); border-radius: 3px; } .badresult .spaceit_pad, .goodresult .spaceit_pad, .badresult .spaceit_pad a, .goodresult .spaceit_pad a {font-family: "Helvetica 45 Light" !important; font-size: 0.9em !important } .badresult br:nth-child(2), .goodresult br:nth-child(2) {display: none !important;} .badresult { background-color: #FAE3E3 !important; background-position: -1980px center !important; box-shadow: inset 0 1px 6px rgba(178,89,89,1), inset 0 45px 50px rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 6px rgba(178,89,89,1), inset 0 45px 50px rgba(255,255,255,.5);} .goodresult, .successQuery { background-color: #E1E7F5 !important; box-shadow: inset 0 1px 6px rgba(29,67,155,1), inset 0 45px 50px rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 6px rgba(29,67,155,1), inset 0 45px 50px rgba(255,255,255,.5);} .badresult a, .goodresult a { font-size: 0.8em !important; font-family: "Helvetica 55 Roman" !Important; } .badresult strong, .goodresult strong { font-family: "Helvetica 55 Roman" !Important; font-weight: normal !important; } /* DIALOG BOXES */ #dialog { width: 100% !important; background: white !Important; border: none !Important; padding: 0 !important; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-radius: 4px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2) } body > #dialog[cellspacing="0"][style="width: 650px;"] { margin: 0 !important; border: none !important; border-radius: 0 !important; border-radius: 0 !important;} #dialog td { border: 1px solid #aaa !important; padding: 10px !important; border-radius: 4px; background: -moz-linear-gradient(top,#fff 90%,#F2F8FC 100%) !Important; box-shadow: 0 -1px 0 #fff inset, 0 1px 0 rgba(29, 67, 155, 0.3); border-radius: 4px; background: -webkit-gradient(linear,left top,left bottom,color-stop(0.9,#fff),color-stop(1,#F2F8FC)) !Important; -webkit-box-shadow: 0 -1px 0 #fff inset, 0 1px 0 rgba(29, 67, 155, 0.3);} body > #dialog[cellspacing="0"][style="width: 650px;"] td { border: none !important; } #dialog[style*="width: 50px"] { width: auto !important;} #dialog[style*="width: 600px"] { width: 600px !important; } #dialog table tbody td { background: white !important; border: 1px solid #ebebeb !important; border-radius: 0; box-shadow: none; border-radius: 0; -webkit-box-shadow: none; } #dialog td table[class^="bg"] tr td { border: none !Important; background: inherit !important; margin: 3px 0 !important; } #dialog td table.bgColor1 { background: transparent !Important; } #dialog td table.bgColor1 tr td.borderClass { background: rgba(0,0,0,0.04) !Important; } #dialog td table[class^="bg"] tr:nth-child(2) td[colspan="2"] { display: none !important; } div[style="width: 450px; margin-left: auto; margin-right: auto;"] { width: 100% !Important;} /* HOVER ANIME INFO BOXES */ .hoverinfo .hovertitle { font-size: 1.2em !important } .hoverinfo .spaceit { margin: 0 !important; } /* BARS */ .spaceit .membersBar, .spaceit .updatesBar {border-radius: 5px 0 5px 0; box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; border-radius: 5px 0 5px 0; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5) inset, 0 7px 0 rgba(255,255,255,.2) inset, 0 3px 7px rgba(255,255,255,.3) inset; } .spaceit .membersBar:hover, .spaceit .updatesBar:hover { box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.8) inset, 0 7px 0 rgba(255,255,255,.3) inset, 0 3px 7px rgba(255,255,255,.3) inset} .spaceit .membersBar { overflow: visible !important; white-space: nowrap !important; font-weight: bold !important; text-shadow: 0 -1px 0 rgba(51,81,150,.8), 1px 0 0 #708DD3, 0 1px 0 #708DD3, -1px 0 0 #708DD3, 0 -1px 0 #708DD3, 1px 0 1px #708DD3, 0 1px 1px #708DD3, -1px 0 1px #708DD3, 0 -1px 1px #708DD3; } .spaceit .updatesBar { overflow: visible !important; white-space: nowrap !important; font-weight: bold !important; text-shadow: 0 -1px 0 rgba(51,81,150,.8), 1px 0 0 #A6BBEF, 0 1px 0 #A6BBEF, -1px 0 0 #A6BBEF, 0 -1px 0 #A6BBEF, 1px 0 1px #A6BBEF, 0 1px 1px #A6BBEF, -1px 0 1px #A6BBEF, 0 -1px 1px #A6BBEF; } /* REVIEWS */ .reviewDetails { } .reviewDetails td[valign="top"] .lightLink { margin: 0 !important; } .reviewDetails td[valign="top"] a { font-family: "Helvetica 65 Medium", "Arial" !important; font-size: 14px !important; } .reviewDetails td[valign="top"] div a { font-family: "Helvetica 55 Roman", "Arial" !important; font-size: 12px !important; } .reviewDetails td[valign="top"] div a[href="javascript:void(0);"] { font-size: 1.1em !important; } .reviewDetails td[valign="top"] div span { margin-top: 2px !important; } .reviewDetails td[valign="top"] div span a[href="javascript:void(0);"] { font-size: 1em !important; } .borderDark .spaceit div[style="text-align: right;"] { font-size: 1em !important; font-family: "HelveticaNeue Extended", "Arial" !important; border-bottom: 1px solid #ebebeb; color: #333 } /* Edit buttons */ .button_edit, .button_add { height: 11px !important; display: inline-block !important; line-height: 11px !important; font-weight: bold !important; color: #888888 !important; text-shadow: 0 1px 1px rgba(255,255,255,1); border-radius: 1px; border-radius: 1px; } .button_edit:hover, .button_add:hover { background-color: #999 !important; color: #fff !important; text-shadow: none; } .button_edit:active, .button_add:active { background-color: #333 !important; color: #fff !important; text-shadow: none; } tr .borderClass a.button_edit, tr .borderClass a.button_add { opacity: 0 !important; float: right !important; -moz-transition: opacity 0.3s} tr .borderClass:hover a.button_edit, tr .borderClass:hover a.button_add { opacity: 1 !important; } /* Thickbox */ #TB_window { border: none !important; padding-bottom: 3px !important; border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,.9); border-radius: 3px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.9); } #TB_title { border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } /* FOOTER & COPYRIGHT */ #rightcontentunder { padding: 10px 20px !important; border-top: 1px solid #eee !Important; } #contentWrapper #rightcontentunder { padding: 20px !important; margin: -10px !important; background: transparent !Important; } #rightcontentunder { background: white !important; margin-top: auto !important; text-align: left !Important;} #copyright { background: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/MALU/thessign-logo-superlo-res.png) right top no-repeat; height: 40px !important; text-align: left !Important; margin: 0 !important;} .hoverinfo .spaceit { margin: 0 !important; } /* ALT BACKGROUND */ /* body { background: url(http://i135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/bg2.jpg) top center no-repeat !important; background-color: #fff !important;} #myanimelist { border-color: rgba(0,0,0,0.2) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 6px 25px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2), 0 6px 25px rgba(0,0,0,0.2)} #menu { background-image: url(http://s135.photobucket.com/albums/q154/kimatg/MyAnimeList/reMAL/headerbg2.png); } */ }