trigger_death MAL List Style CSS V4.8

/*CHANGELOG:

**Version 4.8
Shrunk tags line height

**Version 4.7
Made the search box a little more transparent
Changed the size and speed of the shrinking profile button
Enlarged images no longer have the hover event so crossing over into the next row while still hovering over the image will still activate the new row

**Version 4.6
Gave filters window a fixed position like it should have had in the first place
Hovering over your profile picture in the float menu will shrink it a bit
Fixed certain column headers being colored black instead of green

**Version 4.5
Added darker background for not-yet-loaded cover images

**Version 4.4
Styled search bar

**Version 4.3
Corrected unset styles when not logged in as the owner. (Header and edit-disabled links)
Gave the header 'choose list to view' dropdown a white theme like the text at the top.

**Version 4.2
Hovering over the more entry no longer enlarges the cover image

**Version 4.1
Cover images now enlarge when hovering over a list entry instead of the cover image itself

**Version 4.0
Aligned status title shadows

**Version 3.0
Cover images now enlarge when you hover over them*/

/**BACKGROUND IMAGE**/
body {
  background-image: url(http://i.imgur.com/wuz7zhQ.png) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}

/**ALIGNMENT FOR VERTICAL MONITOR**/
.list-container, .list-unit, .list-status-title {
  width: 900px !important;
}
.list-stats, .status-menu-container {
  width: 898px !important;
}
.header {
  width: 940px;
}
.status-menu {
  margin: 0px 0px 0px 60px !important;
  border-spacing: 20px 0 !important;
}
#fancybox-wrap #fancybox-close {
  right: 30px !important;
}

/**ALIGNMENT FOR REGULAR MONITOR**/
/*.list-container, .list-unit, .list-status-title {
  width: 1024px !important;
}
.list-stats, .status-menu-container {
  width: 1022px !important;
}*/

/**GET RID OF UGLY WATCH ON MAL BUTTON**/
.icon-watch {
  display: none !important;
}

/**FLOAT MENU**/
.list-menu-float {
  border-color: black !important;
}
.list-menu-float .icon-menu.setting:hover .text .link-style-setting {
  border-top: black 1px solid;
}
.list-menu-float .icon-menu {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.list-menu-float .icon-menu:hover:not(.profile) {
  background-color: rgba(40, 10, 40, 0.8) !important;
}
.list-menu-float .icon-menu.setting:hover .text  .link-list-setting, .list-menu-float .icon-menu.setting:hover .text  .link-style-setting {
  background-color: rgba(40, 10, 40, 0.8) !important;
}
.list-menu-float .icon-menu.setting {
  width: 50px !important;
}
.list-menu-float .icon-menu svg.icon {
  fill: #73e70c !important;
}
.list-menu-float .icon-menu:hover svg.icon {
  fill: white !important;
}
.list-menu-float .icon-menu.profile:hover {
  transition: all 0.12s ease;
  width: 42px;
  height: 42px;
  margin: 4px;
}
.list-menu-float .icon-menu.profile:before {
  background-color: transparent;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  top: calc(20% + 1px);
  content: " ";
  position: fixed;
}
.list-menu-float:before {
  background-color: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  margin-left: -25px;
  content: " ";
  position: absolute;
  transition: all 0.2s;
}

/**HEADER**/
.header {
  text-shadow: 0 0 2px black !important;
}
.header a:hover {
  text-shadow: 0 0 6px black !important;
  color: #C2CAD9 !important;
}
.header .header-menu .list-menu .icon-menu {
  color: #53565B !important;
  font-weight: normal !important;
  text-shadow: none !important;
  font-size: 1.3em !important;
  background: none !important;
  transition-property: none;
}
.header .header-menu .list-menu {
  border: #959BA5 1px solid !important;
  background-color: #E3E7F2 !important;
  transition: background-color 0.3s;
  box-shadow: 0 0 2px black !important;
}
.header .header-menu .list-menu:hover {
  background-color: #C2CAD9 !important;
}
.header .header-menu .list-menu .icon-menu svg.icon, .header .header-menu .list-menu .icon-menu svg.icon:hover {
  fill: #53565B !important;
}

/**LIST**/

/*BACKGROUND FILL*/
.list-item {
  background: rgba(0, 0, 0, 0.6);
}
.list-table > tbody:nth-of-type(2n+1) {
  background: rgba(0, 0, 0, 0.7);
}
.list-stats, .status-menu-container, #status-menu {
  background: rgba(0, 0, 0, 0.7) !important;
}
.list-status-title, .list-container, .list-block, .header-title, .list-table-header {
  background-color: transparent !important;
}
.list-status-title {
  background-image: url('http://imgur.com/Jtai7cA.png');
}
tr:hover:not(.list-table-header) {
  background: rgba(40, 10, 40, 0.6) !important;
}
.list-table .list-table-header .header-title {
  background-image: none;
}
.more-content tr:hover {
  background: none !important;
}

/*BORDERS*/
.list-table, .list-table-header > tbody:nth-of-type(2n+1), .list-table-data .data, .header-title{
     border: 0 transparent solid !important;
}
.status-menu-container, .list-item, .list-table > .list-item:nth-of-type(2n+1) {
  border: 1px solid black !important;
}
.list-stats, .list-table-header {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.list-container {
  border: none;
}
.link.sort .image {
  border: 1px solid #73e70c !important;
}
tr.more-info {
  border-bottom: black 1px solid !important;
  border-top: black 1px solid !important;
}

/*TEXT*/
a {
  text-decoration: none !important;
}
a.edit, .rewatching, .content-status {
  color: #e82929 !important;
  font-style: italic;
}
.list-container a {
  color: #73e70c;
  text-decoration: none;
}
.list-container a:hover {
  color: #b4e326 !important;
  text-shadow: 0px 0px 10px #73e70c;
}
.list-table .list-table-data .tags a.edit:hover {
  color: #ec4646 !important;
  text-shadow: 0px 0px 10px #e82929;
}
.list-table .list-table-data a.edit-disabled {
  color: #a4a4a4 !important;
  font-weight: normal !important;
  text-shadow: 1px 1px 0px black !important;
}
.list-table .list-table-data a.edit-disabled:hover {
  color: #a4a4a4 !important;
  font-weight: normal !important;
  text-shadow: 1px 1px 0px black !important;
}
span.edit {
  font-style: italic;
}
.add-edit-more {
  color: #e82929;
}
.list-item, .list-stats {
  text-shadow: 1px 1px 0px black;
  color: #a4a4a4 !important;
}
.header-title {
  text-shadow: 1px 1px 0px black;
  color: #73e70c !important;
}
.header-title a {
  text-shadow: 1px 1px 0px black;
  color: #73e70c !important;
}
.header-title.number {
  text-shadow: 1px 1px 0px black;
  color: #a4a4a4 !important;
}
div[class^="tags"] {
  font-size: 9px;
  line-height: 12px;
}
.data.number {
  font-size: 12px;
}
.list-status-title .text {
      text-align: left !important;
      padding-left: 15px !important;
      color: #C2CAD9 !important;
      font-size: 2.4em !important;
      letter-spacing: -2px;
      text-transform: uppercase !important;
      font-weight: bold !important;
  font-family: Tahoma, Arial, sans-serif !important;
}
.header-title .link {
  transition-property: none !important;
}
.header-title .link:hover {
  transition-property: none !important;
}
.header-title.image .link:hover {
  color: #73e70c !important;
  text-shadow: 1px 1px 0px black !important;
}

/**STATUS TITLE SHADOWS**/
.anime .list-unit.all_anime .list-status-title .text {
  text-shadow: 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
  135px 0px 2px rgba(255, 255, 255, 0.5),
  270px 0px 3px rgba(255, 255, 255, 0.3),
  405px 0px 4px rgba(255, 255, 255, 0.1);
}
.list-unit.watching .list-status-title .text {
  text-shadow: 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
  290px 0px 2px rgba(255, 255, 255, 0.5),
  580px 0px 3px rgba(255, 255, 255, 0.3);
}
.list-unit.completed .list-status-title .text {
  text-shadow: 0px 0px 20px #000, 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
    150px 0px 2px rgba(255, 255, 255, 0.5),
    300px 0px 3px rgba(255, 255, 255, 0.3),
    450px 0px 4px rgba(255, 255, 255, 0.1);
}
.list-unit.onhold .list-status-title .text {
  text-shadow: 0px 0px 20px #000, 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
    116px 0px 2px rgba(255, 255, 255, 0.5),
    232px 0px 3px rgba(255, 255, 255, 0.3),
    348px 0px 4px rgba(255, 255, 255, 0.1);
}
.list-unit.dropped .list-status-title .text {
  text-shadow: 0px 0px 20px #000, 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
    121px 0px 2px rgba(255, 255, 255, 0.5),
    242px 0px 3px rgba(255, 255, 255, 0.3),
    363px 0px 4px rgba(255, 255, 255, 0.1);
}
.list-unit.plantowatch .list-status-title .text {
  text-shadow: 0px 0px 20px #000, 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
    200px 0px 2px rgba(255, 255, 255, 0.5),
    400px 0px 3px rgba(255, 255, 255, 0.3),
    600px 0px 4px rgba(255, 255, 255, 0.1);
}
.manga .list-unit.all_anime .list-status-title .text {
  text-shadow: 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
  145px 0px 2px rgba(255, 255, 255, 0.5),
  290px 0px 3px rgba(255, 255, 255, 0.3),
  435px 0px 4px rgba(255, 255, 255, 0.1);
}
.list-unit.reading .list-status-title .text {
  text-shadow: 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
  266px 0px 2px rgba(255, 255, 255, 0.5),
  532px 0px 3px rgba(255, 255, 255, 0.3);
}
.list-unit.plantoread .list-status-title .text {
  text-shadow: 0px 0px 20px #000, 0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000,
    177px 0px 2px rgba(255, 255, 255, 0.5),
    354px 0px 3px rgba(255, 255, 255, 0.3),
    531px 0px 4px rgba(255, 255, 255, 0.1);
}

/**STATUS BUTTONS**/
.status-button {
  text-shadow: 1px 1px 0px black;
  color: #73e70c !important;
}
.status-button:hover {
  text-shadow: 1px 1px 0px black;
  color: #b4e326 !important;
}
.status-button.on {
  color: #b4e326 !important;
}
.status-button:after {
  background-color: #b4e326 !important;
}
.status-menu-container .status-menu .status-button:hover:after {
  opacity: 0.5 !important;
}
.status-menu-container .status-menu .status-button.on:hover:after {
  opacity: 1 !important;
}

/**LOADING SPACE**/
div.loading-space {
  height: 38px !important;
  background-image: url('http://imgur.com/QG96xiL.png');
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
i#loading-spinner {
  color: white !important;
  margin-top: 8px !important;
}

/**COPYRIGHT**/
#footer-block {
  background: none;
  padding-top: 0px !important;
}
#copyright {
  text-shadow: 0 0 2px black;
  color: white !important;
  font-size: 14px;
}

/**FILTERS**/
#fancybox-overlay {
  background-color: black !important;
}
#advanced-options span.widget-header, #advanced-options h2.advanced-options-header, #advanced-options span.text {
  color: white !important;
}
#advanced-options {
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  border: #73e70c 1px solid;
}
#advanced-options .btn-apply, #advanced-options .btn-clear {
  background-color: white !important;
  color: black !important;
  transition-property: none;
}
#advanced-options .btn-apply:hover, #advanced-options .btn-clear:hover {
  background-color: #73e70c !important;
  transition-property: none;
}
#advanced-options .sort-widget input[type="radio"] + label {
  background-color: white;
  border: white 1px solid;
  color: black;
  transition-property: none;
}
#advanced-options .sort-widget input[type="radio"]:checked + label {
  background-color: #73e70c;
  border: #73e70c 1px solid;
  color: black;
  transition-property: none;
}
#advanced-options #fancybox-close {
  top: 0px !important;
  right: 0px !important;
  background: none !important;
  border-bottom: 0px solid transparent !important;
}
#advanced-options #fancybox-close:before {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  background-color: #CCC;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  right: 14px;
  transition: background-color 0.15s ease-in-out;
}
#advanced-options #fancybox-close:after {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  background-color: #CCC;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  right: 14px;
  transition: background-color 0.15s ease-in-out;
}
#advanced-options #fancybox-close:hover:before, #advanced-options #fancybox-close:hover:after {
  background-color: white;
}

/**FANCY BOX**/
#fancybox-wrap #fancybox-outer {
  background-color: rgba(0,0,0,0.8);
  border: #73e70c 1px solid;
}
#fancybox-frame {
  background-color: white !important;
}
#fancybox-inner div {
  color: white !important;
}

/**IMAGE HOVERING**/
.list-table .list-table-data .data.number {
  height: 70px;
}
.list-table .list-table-data .data.image .link.sort .image {
  background-color: rgba(0, 0, 0, 0.7);
  width: 48px;
  height: 68px;
  position: absolute;
  margin-left: -25px;
  margin-top: -35px;
  z-index: 0;
  transition: all 0.35s;
  transition-timing-function: ease;
  pointer-events: none;
}
.list-table .list-table-data:hover .data.image .link.sort .image {
  position: absolute;
  width: 96px;
  height: 136px;
  z-index: 99;
  margin-left: -65px;
  margin-top: -70px;
  box-shadow: 0 0 6px 3px #73e70c;
}
.status-menu-container {
  z-index: 200;
}

/**SEARCH BAR**/
.status-menu-container .search-container #search-box input {
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  border-color: #73e70c;
  border-style: solid;
  border-width: 1px;
  padding-left: 4px;
  padding-right: 4px;
}
.status-menu-container .search-container #search-box.open {
  box-shadow: 0 0 4px 2px #73e70c;
}
.status-menu-container .search-container #search-box {
  transition: width 0.3s, box-shadow 0.3s;
}
.status-menu-container .search-container #search-button {
  margin-left: 6px;
}