/* ----------------------------------------------------------------------------- ___ _ _ ___ ___ ___ _ _ ___ _ ___ ___ _____ _ _ ___ __ __ ___ ___ / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_ _| || | __| \/ | __/ __| \__ \ __ || || / (_) | |_| \__ \/ _ \ (_ || | | | | __ | _|| |\/| | _|\__ \ |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_| |_|___|___/ -------------------------------------------------------------------------------- - requested by Adespota -------------------------------------------------------- -------------------------------------------------------------------------------- ----------------------------------------------------------------------------- */ body {font-family: Tahoma; font-size: 12px; color: #ffffff; background-image: url(http://i.imgur.com/1uG5wQc.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top; background-size: cover;} #list_surround {position: absolute !important; margin: auto !important; right: 0px !important; left: 0px !important; width: 700px; text-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5); } #list_surround br {display: none;} .td1, .td2, .table_header, .category_totals {height: 25px; line-height: 25px; background-color: rgba(0,0,0,0.4);} .td1, .td2, .table_header {border-bottom: 1px dashed #ffffff;} .category_totals {text-align: center;} #list_surround a {text-decoration: none; font-weight: bold; color: #a3fffd; text-shadow: 2px 0px 3px #000000;} tr:hover [class^=td] {color: #000000; font-weight: bold; background-color: rgba(255,255,255, 0.3) !important; transition: all 0.2s ease-in-out;} #grand_totals, #copyright {height: 25px; line-height: 25px; background-color: rgba(0,0,0,0.4); text-align: center;} #grand_totals {margin-top: 10px;} .header_title {font-size: 0px; height: 300px;} #list_surround > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > div:nth-child(1) small {visibility: hidden;} a.List_LightBox {visibility: visible !important; float: right;} [class^="status_"] {position: fixed; display: block !important; right: -30px; height: 70px; width: 200px; line-height: 70px; border-bottom: 1px dashed #ffffff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .status_not_selected {background-color: rgba(0,0,0,0.4);} .status_selected, .status_not_selected:hover {right: 0px !important; background-color: rgba(255,255,255, 0.3);} [class^="status_"] a {color: transparent !important; text-shadow: none !important; display: block; width: 200px; height: 70px;} [class^="status_"]:nth-of-type(1) {bottom: 280px; background: rgba(0,0,0,0.4) url(http://i.imgur.com/duhXada.png) no-repeat;} [class^="status_"]:nth-of-type(2) {bottom: 210px; background: rgba(0,0,0,0.4) url(http://i.imgur.com/SUnkVyd.png) no-repeat;} [class^="status_"]:nth-of-type(3) {bottom: 140px; background: rgba(0,0,0,0.4) url(http://i.imgur.com/QbRA2KW.png) no-repeat;} [class^="status_"]:nth-of-type(4) {bottom: 70px; background: rgba(0,0,0,0.4) url(http://i.imgur.com/b1nmFjb.png) no-repeat;} [class^="status_"]:nth-of-type(5) {bottom: 0px; background: rgba(0,0,0,0.4) url(http://i.imgur.com/ej239cN.png) no-repeat;} [class^="status_"]:nth-of-type(6) {display: none !important;} [class^="status_"]:hover {background-color: rgba(255,255,255, 0.3);} .header_cw {background-image: url(http://i.imgur.com/1bqTqZg.png);} .header_completed {background-image: url(http://i.imgur.com/23Xlcg4.png);} .header_dropped {background-image: url(http://i.imgur.com/ybOY4ML.png);} .header_ptw {background-image: url(http://i.imgur.com/S6g8A4C.png);} .header_onhold {background-image: url(http://i.imgur.com/TUZtENs.png);} /*topbar*/ /* TOP BAR SETTINGS the numbers in parenthesis change the color and opacity of the bar. Get a color number easily from this page: http://www.css3maker.com/css-3-rgba.html Change position to absolute to make the bar not scroll with the page. Change the background image out with the url in parenthesis. */ #mal\_control\_strip { background-color: rgba(163,255,253,.5) !important; background-image: url('http://i.imgur.com/hzPJrg4.png') !important; position:fixed; z-index: 9999; } /* OTHER CODES */ #mal\_control\_strip { background-position: bottom !important; top: -16px; height: 1px !important;} #mal\_control\_strip di\v {display:inline} #mal\_cs\_pic img {height: 24px !important; width: auto !important} #mal\_cs\_listinfo { width: 26% !important; height: 0 !important; padding-bottom: 18px !important; padding-top: 27px !important; background: ; position: absolute; top:-5px; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '} #mal\_cs\_listinfo div:last-of-type a {text-decoration: none} #mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline} #mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('} #mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'} #mal\_cs\_links { width: 92px !important; height: 0 !important; padding-bottom: 20px !important; padding-top: 27px !important; left: 28%; top: -7px; position: absolute; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;width:16px;height:16px;content:none; display: inline-block !important;color: transparent !important; letter-spacing: -1ex;font-size:xx-small} #mal\_cs\_links div:first-of-type:after {content: '\a0'} #mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px} #mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px} #mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px} #mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px} #mal\_cs\_otherlinks strong{ width: 25% !important; height: 0 !important; padding-bottom: 20px !important; padding-top: 27px !important; left:28%; margin-left: 130px; top: -5px; position: absolute; border-right-color: rgba(0,0,0,0.8) !important;} #mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px; margin-top: 19px;} #mal\_cs\_otherlinks div:first-of-type {float:left} #mal\_cs\_powered img {display:none} #searchBox {margin-top: 15px !important; width: 135px !important} #mal\_control\_strip img { margin-top: 15px !important; } #mal\_cs\_listinfo form {display: inline;}