/* FOR MORE HELP SEE HERE: http://myanimelist.net/clubs.php?cid=19736 */ /* DISTANCE OF LIST FROM TOP Increase or decrease the px amount to change the distance from the top. */ .header { padding-bottom: 400px; } /* CUSTOM BACKGROUND IMAGE SETTINGS*/ body { background-size: cover; background-attachment: fixed; } /* HEADERS AND TABLE LINK FONT */ a { color: white !important; font-family: arial; } /* CATEGORY HEADER FONT */ .list-unit .list-status-title .text { color: white !important; font-family: arial; } /* CATEGORY HEADER BACKGROUND COLOR */ .list-unit .list-status-title { background-color: transparent !important; } /* LIST LINK FONT */ .list-table .list-table-data .data a{ color: white !important; font-family: arial; } /* LIST NON-LINK FONT */ body{ color: white !important; font-family: arial; } /* TAGS EDIT FONT */ .list-table .list-table-data .tags .edit{ color: white !important; font-family: arial; } /*AIRING FONT*/ .list-table .list-table-data .data.title .rewatching, .list-table .list-table-data .data.title .rereading, .list-table .list-table-data .data.title .content-status { color: cyan; font-family: arial; } /* LINK COLOR ON HOVER*/ a:hover, .list-table .list-table-data .data a:hover{ color: cyan !important; } /*BACKGROUND AND BORDER COLOR OF CATEGORY LINKS The first number in the parenthesis is the amount of red (0-255). The second number in the parenthesis is the amount of green (0-255). The third number in the parenthesis is the amount of blue (0-255). The fourth number in the parenthesis is the amount of opacity (.0 to 1). */ .status-menu-container{ background-color: rgba(0,50,150,.8) !important; border: 1px white solid !important; } /* BACKGROUND AND BORDER COLOR OF LIST See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors. */ .list-block{ background-color: rgba(0,50,150,.6) !important; border: 1px white solid !important; } /*BACKGROUND COLOR OF ROWS ON HOVER See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors. */ tbody[class*="list-item"]:hover, .list-table tbody:nth-of-type(2n+1):hover {background-color:rgba(0,0,0,.5) !important;} /*OTHER CODES*/ .list-table > tbody:nth-of-type(2n+1), .list-table, .list-container, .list-table .list-table-header .header-title{ background-color: transparent !important; border: 0 transparent solid !important; } .list-table .list-table-data .data{ border: 0 transparent solid !important; } .status-menu-container { border-bottom: transparent 0 solid; } .list-table { width: 815px; margin: 0 auto; border-collapse: collapse; border: none; } .list-table > tbody:nth-of-type(2n+1) { background-color: transparent; } .list-table > tbody { float: left; position: relative; margin: 0 0 4px 17px; width: 247px; height: 160px; } .list-table .list-table-data .data { position: absolute; display: block; left: 120px; width: 120px; text-align: left; border: none; } .list-table .list-table-data .data.status { display: none; } .list-table .list-table-data .data.image { left: 0; } .list-table .list-table-data .data.image a { display: inline-block; } .list-table .list-table-data .data.image .image { width: 96px; height: 130px; margin-left: 20px; } .list-table .list-table-data .data.score:before { content: 'Score: ';} .list-table .list-table-data .data.score { top: 88px; } .list-table .list-table-data .data.progress div:before { content: 'Progress: ';} .list-table .list-table-data .data.progress { top: 108px; } .list-table .list-table-data .data.title { top: 32px; padding: 0; text-align: center; word-wrap: break-word; } .list-table .list-table-data .data.title .add-edit-more { visibility: hidden; position: absolute; top: -26px; margin: 0; font-size: 0.9em; float: none; } .add, .edit, .more { visibility: visible; position: absolute; } .add, .edit { left: 0; } .more { right: -85px; } .list-table .more-info { position: absolute; display: none; left: -8px; top: 27px; width: 260px; height: 302px; border: none; z-index: 1; }