/* Sorry if I used too much blue... it's my favorite color :P */ @import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css"; /* MAIN BACKGROUND I Changed the original silver background with a picture of Rin from Ao No Exorcist. You can see the URL below and you can change it to your liking :) Just make sure you paste the URL within the brackets ( ) and within the quotations " " ex. ("blablabla.com/lol") */ body { background: url("http://st.gdefon.ru/wallpapers_original/wallpapers/348200_ao-no-exorcist_rin_demon_paren_sinie-plamya_2245x1250_(www.GdeFon.ru).jpg"); background-size: cover; background-attachment: fixed !important; } /* SECOND BACKGROUND (with render) You can try this if you want to, before it was Black Rock Shooter in the middle but I removed it. If you think you know what you are doing then feel free to add something. If you don't know what you are doing, I wouldn't reccomend it but you can try and fiddle around but MAKE AND EXTRA SAVE FIRST (Copy and paste this code somewhere) */ #inlineContent { display: inline-block !important; height: 1200px !important; left: 0px !important; margin: auto !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 1200px !important; z-index: -1 !important; } /* TITLE The List header which by default says My Anime List can be changed out here. */ #list_surround { background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent; font-size: 81.25%; line-height: 1; margin: 0 auto; padding-bottom: 10px; padding-top: 227px; width: 920px; } /* FONT Font used across the whole list. */ body { font-family: arial; } /* LINK COLOR */ a { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; color: #FFFFFF; text-decoration: none; text-shadow: none; } a:hover { color: #01DFD7; text-shadow: 0 1px rgba(255, 255, 255, 0.15); } /* CATEGORY LINKS */ .status_not_selected, .status_selected { border: 0 none !important; height: auto !important; padding: 0 8px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: rgba(0, 25, 50, 0.8); border-color: rgba(255, 255, 255, 0.5); border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; color: #FFFFFF; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: rgba(0, 147, 169, 0.6); border-color: rgba(255, 255, 255, 0.5); } .status_not_selected a:hover { background-color: #00ACE6; border-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } .status_selected a:hover { background-color: #00ACE6; border-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3); } /* HEADER */ .table_header { background-color: rgba(0, 50, 100, 0.6); } .table_header:first-of-type { border-radius: 3px 0 0 0; } .table_header:nth-of-type(2) { text-align: left; } .table_header:last-of-type { border-radius: 0 3px 0 0; } /* ROWS COLOR */ .td1 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(0, 147, 169, 0.6); } .td2 { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(0, 200, 220, 0.6); } /* ROWS HOVER */ tr:hover [class^="td"] { background-color: rgba( 0, 100, 150, 0.6); } .td1:nth-of-type(2), .td2:nth-of-type(2) { text-align: left; } /* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */ noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 { font-size: 15px; } /* LIST SETTINGS */ .table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals { border: 0; padding: 4px; text-align: center; vertical-align: middle; } .table_header, .td1, .td2, .category_totals { line-height: 30px; } .borderRBL{ line-height: normal !important; } [cellspacing="0"] { line-height: 17px; } [class^="header_"] +{ border-collapse: separate !important; } /* CATEGORY TOTALS */ .category_totals { -moz-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background-color: rgba(72, 64, 87, 0); border-radius: 0 0 3px 3px; color: rgba(0, 0, 0, 0); text-align: center; } .category_totals:hover { background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; } /* HEADER TEXT AND DIMENSIONS */ [class^="header_"] * { font-size: 19px; height: 60px; line-height: 24px; padding-bottom: 4px; text-align: right; vertical-align: bottom; } .header_title { border-radius: 4px 4px 4px 4px; display: inline-block; font-style: italic; height: auto; padding: 0 8px 0 0; color: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } /* BOTTOM OF LIST */ #grand_totals { background-color: rgba(0, 0, 0, 0); border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; line-height: 20px; min-height: 20px; padding: 8px; text-align: center; vertical-align: middle; } #copyright { background-color: rgba(180, 32, 48, 0.6); border-radius: 3px 3px 3px 3px; color: #EEEEEE; line-height: 17px; margin-top: 10px; padding: 8px; text-align: center; } #copyright:after { content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info."; }