Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://storage.live.com/items/4A07C1EEED420167%21170);
- /*Background*/
- body {
- background-image: url(http://imgur.com/a/kK27G);
- 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;
- }
- # {
- 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);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement