/* ----------------------------------------------------------------------------- ___ _ _ ___ ___ ___ _ _ ___ _ ___ ___ _____ _ _ ___ __ __ ___ ___ / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_ _| || | __| \/ | __/ __| \__ \ __ || || / (_) | |_| \__ \/ _ \ (_ || | | | | __ | _|| |\/| | _|\__ \ |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_| |_|___|___/ -------------------------------------------------------------------------------- - requested by Ryuuguu_Azaka --------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ @import "https://dl.dropboxusercontent.com/s/kv9w1ffmmd875em/purple-icon-topbar.css"; @font-face {font-family: "Coolvetica"; src: url(https://dl.dropboxusercontent.com/s/8db6z8p3edd05hc/coolvetica.ttf) format('truetype');} /* 600px */ @media all and (min-device-height:600px) { body {background-position: top right, bottom;} } /* 900px */ @media all and (min-device-height:900px) { body {background-position: bottom right, bottom;} } body {background-image: url(https://dl.dropboxusercontent.com/s/iifgpdyj246k6zw/teru-render.png), url(https://dl.dropboxusercontent.com/s/hcg8a1na6bh91qn/anime-scenery.jpg); background-size: auto, cover; background-repeat: no-repeat; background-attachment: fixed; font-family: Tahoma; font-size: 12px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); color: #ffdfed;} #list_surround {position: absolute; margin-left: 2%; margin-right: 35%;} .table_header, .category_totals {background-color: rgba(176,70,123,0.6); height: 20px; line-height: 20px; text-align: center;} .table_header:first-child {border-radius: 10px 0px 0px 0px;} .table_header:last-child {border-radius: 0px 10px 0px 0px;} .category_totals {border-radius: 0px 0px 10px 10px;} .td1, .td2 {background-color: rgba(176,70,123,0.6); height: 40px; line-height: 14px; transition: all 0.35s ease;} .td1:nth-of-type(5), .td2:nth-of-type(5) {line-height: 10px;} .td1:nth-of-type(5) span a, .td2:nth-of-type(5) span a {pointer-events: none; cursor: default; font-size: 10px; color: #ffdfed; transition: all 0.2s linear;} tr:hover [class^=td], #list_surround table:first-of-type td:hover {background-color: rgba(90,17,59,0.5); transition: all 0.35s ease;} tr:hover [class^=td] span a {font-size: 12px; transition: all 0.2s linear;} strong {font-weight: normal;} a {text-decoration: none; color: #fff;} .td1:nth-of-type(2) div small, .td2:nth-of-type(2) div small {visibility: hidden;} .td1:nth-of-type(2) div small a:first-of-type, .td2:nth-of-type(2) div small a:first-of-type {float: right; visibility: visible;} #list_surround table:first-of-type {height: 30px; line-height: 30px;} #list_surround table:first-of-type td {width: 16.67%; background-color: rgba(176,70,123,0.6); transition: all 0.35s ease;} #list_surround table:first-of-type td:first-of-type {border-radius: 10px 0px 0px 10px;} #list_surround table:first-of-type td:last-of-type {border-radius: 0px 10px 10px 0px;} #grand_totals {height: 30px; line-height: 30px; border-radius: 10px; background-color: rgba(176,70,123,0.6); text-align: center;} .header_title {font-size: 30px; font-family: Coolvetica;}