@\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; /*Background*/ body { background-image: url(http://i.imgur.com/vXb6M2g.png); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom; background-size: 40% auto; } /*Header (finished, watching etc)*/ .header_title { color: #323232; background-color: #b0cad6; font-family: Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; font-size:30px; font-weight: 700; border-radius: 20px 20px 0px 0px; border-style: solid !important; border-width: 4px; border-color: #b0cad6; text-align: center; text-shadow: 0px 0px 0px #000000; } /*List width*/ #list_surround { width:870px } /*List position*/ #list_surround{ left: 210px; position: relative; } .table_header { background: #b0cad6; padding: 9.9px } /*List rows*/ .td1 { color:#f9f9f9; font-size: 12px; background-color:#f9f9f9; padding:10px; } .td2 { color:#e7e7e7; font-size: 12px; background-color:#e7e7e7; padding:10px; } /*Font*/ .td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright { color: #323232; font-size:13px; font-family: 'Carrois Gothic SC', sans-serif; text-shadow: 0px 0px 0px #000000; text-decoration: none; } /*Column sizing*/ td:nth-of-type(1){ width: 10px; } td:nth-of-type(3){ width: 30px; } td:nth-of-type(4){ width: 45px; } td:nth-of-type(5){ width: 80px; } /*Copyright bar*/ #copyright { margin-bottom: 30px !important; border-radius: 20px; padding: 10px; color: #b0cad6: } #grand_totals { -moz-transition: all 0.25s ease-in-out 0s; background-color: #0e78b1; color: #ffffff; text-align: center; font-size: 14px; margin:0 auto; line-height: 20px; min-height: 20px; border-radius: 0px 0px 0px 0px; padding: 10px 20px; width: 830px; } /*Bottom list totals*/ .category_totals { background: #b0cad6; border-radius: 0px 0px 20px 20px; border-style: solid !important; border-width: 4px; border-color: #b0cad6; height: 40px; text-align: center; } /*Panel*/ .hide { background-size: cover; left: -205px; vertical-align: 50%; height: 309px; width: 200px; padding-bottom: 0px; border-radius: 20px 20px 20px 20px; background-color: rgba(10, 10, 10, 0.75); background-position: center 50% !important; background-repeat: no-repeat !Important; display: block !important; position: absolute; visibility: hidden; opacity: 0; } /*not my code below*/ /*Center panel to line*/ .hide { -ms-transform: translateY(-78px); /* IE 9 */ -webkit-transform: translateY(-78px); /* Chrome, Safari, Opera */ transform: translateY(-78px); } /* Show panel when name hovered over */ :hover + .hide { visibility: visible; opacity: 1; } /* Silver highlight and font resize on Hover */ tr:hover [class^="td"] { background-color: #f6dcdb !important; } /*Grey buttons at the top*/ #mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered { box-sizing: border-box; background: none no-repeat scroll 100% 0 transparent; border: 0 none; height: 0 !important; overflow: hidden; padding: 32px 0 0 !important; position: fixed; right: 4px; text-align: right; top: 4px; z-index: 10; width: 210px !important; } #mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover { height: 500px !important; padding-top: 32px !important; } #mal_cs_listinfo div, #mal_cs_links div, #mal_cs_otherlinks div, #mal_cs_powered div, #mal_cs_powered dd { background-color: transparent; font-size: 0 !important; line-height: 0; margin: 0 !important; opacity: 0; padding: 4px 0 0 !important; } #mal_cs_listinfo:hover div, #mal_cs_links:hover div, #mal_cs_otherlinks:hover div, #mal_cs_powered:hover div, #mal_cs_powered:hover dd { opacity: 1; } #mal_cs_listinfo div:nth-of-type(2), #mal_cs_links div:nth-of-type(2), #mal_cs_otherlinks div:nth-of-type(2), #mal_cs_powered div:nth-of-type(2) { padding: 4px 0 0 !important; } #mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #mal_cs_powered a { background-color: #555555 !important; display: block; font: 18px/17px 'Arial', sans-serif !important; font-weight: bold; margin: 4px 0 0; padding: 8px 8px 8px !important; text-decoration: none !important; } #mal_cs_listinfo a:nth-of-type(1), #mal_cs_links a:nth-of-type(1), #mal_cs_otherlinks a:nth-of-type(1), #mal_cs_powered a:nth-of-type(1) { margin-top: 0; } #mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover { background-color: #444444 !important; } #mal_cs_listinfo strong a strong { font-weight: normal; } #mal_cs_otherlinks strong { color: #555555; display: block; font: bold 13px/17px 'Arial',sans-serif !important; padding: 0 4px 4px; } #mal_cs_otherlinks strong a { background: none transparent !important; color: #555555; display: inline; font: bold 13px/17px 'Arial',sans-serif !important; margin: 0; padding: 0; } #mal_cs_powered a { background-color: #668387 !important; display: block !important; margin: 0 !important; opacity: 0; padding: 4px 0 0 !important; } #mal_cs_powered:hover a { opacity: 1; } #mal_cs_powered #search { padding: 8px 2px 0px 0px !important; position: relative; } #searchBox { box-sizing: border-box; border-color: #555555; border-style: solid; border-width: 1px; color: #555555; padding: 0 8px 0 !important; display: inline-block; font-family: Tahoma, Geneva, sans-serif; font-size: 14px !important; height: 32px; vertical-align: top; width: 210px !important; } #searchBox:hover, #searchBox:focus { border-color: #444444; } #searchListButton { display: none !important; } #mal_cs_listinfo { background-image: url("http://i.imgur.com/LSwncOV.jpg"); right: 106px !important; } #mal_cs_links { background-image: url("http://i.imgur.com/vl379rT.jpg"); right: 72px !important; z-index: 9; } #mal_cs_otherlinks { background-image: url("http://i.imgur.com/Rz4IQCY.jpg"); right: 38px !important; z-index: 8; } #mal_cs_powered { background-image: url("http://i.imgur.com/SzwsIrV.jpg"); right: 4px !important; z-index: 7; position: fixed !important; } #mal_control_strip { background: transparent !important; } #mal_cs_pic img { display: none !important; } #mal_cs_pic, #mal_cs_listinfo, #mal_cs_links { border-right: 0 none !important; } /*not my code above*/ /*Category bar (the blue one at the top)*/ .status_not_selected a, .status_selected a{ color: white !important; font-size: 14px !important; transition: all 0.4s ease-in-out 0.03s; } .status_not_selected:hover { color: white !important; opacity: 1; transition: all 0.4s ease 0s; } .status_not_selected, .status_selected { background-color: #0e78b1; border: 0 none !important; border-radius: 0px 0px 0px 0px; height: auto !important; padding: 4px; text-align: center !important; width: 16.667% !important; } .status_not_selected a, .status_selected a { background-color: #0e78b1; border-color: #0e78b1; border-radius: 0px 0px 0px 0px; display: block !important; font-weight: bold; padding: 8px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .status_selected a { background-color: #1064a0; } .status_not_selected a:hover { background-color: #1064a0; border-color: #0e78b1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(0, 0, 0, 0.3);