Colorkage CSS for myAnimeList

colorkage.css

body{
    background: linear-gradient(#300D07, black) fixed;
}

/*===============TEXT===============*/
* {
     border: 0px none;
     color: #FFFFFF;
     font-family: Arial,Verdana,Helvetica,sans-serif;
     font-size: 13px;
     text-decoration: none ! important;
}

a:hover {
     border-bottom: 2px solid #FF4826;
     color: #FFFFFF;
     text-decoration: none;
}

textarea {
    color: black;
    margin-top: 5px;
}

input[type="text"]{
   color:black;
}
/*===============TEXT===============*/


/*===================BANNER=========================================*/
div#list_surround:before {
    content: "";
    background-color: #1b1b1b;
    background-image: url("http://i.imgur.com/t209pO9.png");
    background-position-x: 50%;
    background-position-y: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 0px rgb(0, 0, 0);
    height: 230px;
    left: 0px;
    position: absolute;
    top: -255px;
    width: 1024px;
}
/*===================BANNER=========================================*/

/*===============NAVIGATION BUTTONS===============*/
.status_selected {
     background-color: #FF4826;
     border-color: #ABABAB;
     border-style: solid;
     border-width: 0px!important;
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
     color: #000000;
     line-height: 2.5em;
     font-size: 17px;
}

.status_not_selected {
     background: none repeat scroll 0px 0px #1b1b1b;
     border-color: #474747;
     border-style: solid;
     border-width: 0px 1px 0px 0px!important;
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
     color: #000000;
     line-height: 2.5em;
     font-size: 17px;
     
     transition: 0.2s;
     box-shadow: none;
}

.status_not_selected:hover {
     box-shadow: 0px -5px 0px 0px #FF4826 inset;
     transition: 0.2s;
}

.status_not_selected a:hover {
     border-bottom: 0px none ! important;
}
/*===============NAVIGATION BUTTONS===============*/


/*===========================HEADERS================================*/
#list_surround .header_cw {
     background: url("http://i.imgur.com/uuWODfe.png") no-repeat scroll center center rgb(47, 47, 47);
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.21);
}

#list_surround .header_completed {
     background: url("http://i.imgur.com/n9e38rQ.png") no-repeat scroll center center rgb(47, 47, 47);
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.21);
}

#list_surround .header_onhold {
     background: url("http://i.imgur.com/2nFyk8R.png") no-repeat scroll center center rgb(47, 47, 47);
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.21);
}

#list_surround .header_ptw {
     background: url("http://i.imgur.com/av1NSs6.png") no-repeat scroll center center rgb(47, 47, 47);
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.21);
}

#list_surround .header_dropped {
     background: url("http://i.imgur.com/gZAmz5H.png") no-repeat scroll center center rgb(47, 47, 47);
     box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.21);
}

#list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround
.header_ptw, #list_surround .header_dropped {
     margin-bottom: 7px;
     margin-left: 0px;
     padding: 28px;
}

#list_surround .header_title span {
     display: none;
     color: #000000;
     font-size: 1px;
}

#list_surround .header_title .thickbox {
     display: none;
}
/*===========================HEADERS================================*/


/*================== LIST===========================*/
#list_surround {
     background: none repeat scroll 0px 0px #1b1b1b;
     border-radius: 3px;
     border: 2px solid #474747;
     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.51);
     height: 100%;
     left: 0px;
     margin: auto;
     position: relative;
     top: 280px;
     width:1024px;
     margin-bottom: 50px;
}

#list_surround br {
     display: none;
}

.borderRBL {
     color: #969696 ! important;
}

#list_surround tr:hover{
   background-color: rgba(0,0,0,0.30);
}
/*================== LIST===========================*/


/*==========anime....type....score....tags...ect..======*/
.table_header {
     background: none repeat scroll 0px 0px #1b1b1b;
     border-color: #ABABAB;
     border-style: solid;
     border-width: 1px 1px 1px 0px;
     color: #000000;
     line-height: 2.5em;
}
/*==========anime....type....score....tags...ect..======*/


/*============ ROW 1=============*/
.td1 {
     /*background: url("") no-repeat scroll 0px 0px rgba(0, 0, 0, 0.47);*/
     line-height: 1.9em;
}
/*============ ROW 1============*/


/*============ ROW 2============*/
.td2 {
     /*background: url("") no-repeat scroll 0px 0px rgba(0, 0, 0, 0.34);*/
     line-height: 1.9em;
}
/*============ ROW 2============*/

/*======== ROW HIGHTLIGHT==========*/
.td1:hover {
     /*background-color: rgba(0, 0, 0, 0.20);*/
     text-decoration: none !important;
}
.td2:hover {
     /*background-color: rgba(0, 0, 0, 0.20);*/
     text-decoration: none !important;
}
 
/*======== ROW HIGHLIGHT===========*/


/*===========AIRING================*/
#list_surround .animetitle + small {
    font-size: 11px;
    margin-left: 10px;
    padding: 2px;
    text-transform: lowercase;
    text-shadow: 0px 0px 10px #FF4826;
    color: #FF5030;
    opacity: 1!important;
}
/*===========AIRING================*/


/*=========HORIZONTAL LINES===========*/
.td1, .td2, .table_header {
     border-color: #424242;
     border-style: solid;
     border-width: 0px 0px 1px ! important;
     padding-right: 3px;
     padding-left: 3px;
}

tr:hover td.td1 small, tr:hover td.td2 small {
    opacity: 1;
}
 
.td1 small, .td2 small {
    opacity: 0;
}
/*=========HORIZONTAL LINES===========*/


/*==========CATEGORY TOTAL BOTTOM========*/
#list_surround .category_totals {
     background-color: #3A3A3A;
     color: #FFFFFF;
     font-size: 13px;
     line-height: 2em;
     margin-top: 15px;
     text-align: center;
     width: 611px;
}

#list_surround #grand_totals {
     text-align: center;
     border-bottom: #424242 solid 1px;
     border-top: #424242 solid 1px;
     padding-top: 4px;
     padding-bottom: 4px;
     background-color: rgb(94, 45, 36);
}
/*==========CATEGORY TOTAL BOTTOM========*/


/*=========COPYRIGHT=========*/
/*==layout by isaychris APRIL 2014==*/
#copyright {
     background: none repeat scroll 0px 0px #FF4826;
     font-size: 13px;
     height: 30px;
     padding: 9px;
     position: relative;
     margin-top: 0px!important
}

@media not all {
  #copyright {  }
}

#copyright:after{
     content: "Layout by iSayChris, Edited by Ricardo1991";
     display: block;
     padding-bottom: 20px;
     padding-top: 5px;
}
/*=========COPYRIGHT=========*/


/*========SEARCH BAR=========*/
#search {
     bottom: 50px !important;
     left: 100px !important;
     position: fixed !important;
     z-index: 1000 !important;
}

#searchBox {
     background: none repeat scroll 0px 0px #FFFFFF !important;
     border-radius: 4px;
     border-style: hidden;
     box-shadow: 0px 0px 4px #E2E2E2;
     color: #AAAAAA;
     display: block !important;
     font-family: Consolas,Arial,sans-serif !important;
     font-size: 10px;
     height: 20px !important;
     letter-spacing: 0.1em;
     padding-left: 10px;
     padding-right: 10px;
     position: fixed;
     right: 15px !important;
     text-align: center !important;
     text-transform: uppercase !important;
     top: 14px !important;
     width: 220px !important;
     z-index: 20 !important;
}

#searchListButton {
     display: none;
}
/*=======SEARCH BAR===========*/


/*=========TOP BAR=================*/
#mal\_control\_strip {
     background: none!important;
     background-color: #1b1b1b!important;
     box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.21)!important;
     height: 50px;
}
#mal_control_strip td:hover{
    background-color:transparent;
}

#mal_cs_powered a {
     display: none;
}

#mal\_control\_strip tr{
     background-color: transparent;
}
#mal\_control\_strip tr:hover{
     background-color: transparent;
}
/*==========TOP BAR==============*/


input[type="button"] {
    color: white;
    background-color: #FF4826;
    margin-bottom: 5px;
}