Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

GochiUsa fix comparison

Created 3 years agoDiff never expires

Lines
Total
Removed

Words
Total
Removed

To continue using this feature, upgrade to Diffchecker Pro View Pricing

1073 lines

Lines
Total
Added

Words
Total
Added

To continue using this feature, upgrade to Diffchecker Pro View Pricing

/* A GochiUsa layout for modern CSS

** Visit Shishio's club for more premade layouts

** You can customize a few things in this layout

/* General codes */

@import url(https://fonts.googleapis.com/css?family=Orbitron);

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/datatitleafter";

@import url(http://fonts.googleapis.com/css?family=Amaranth);

@\import "https://fonts.googleapis.com/css?family=Orbitron";

@import url(https://fonts.googleapis.com/css?family=Rancho);

@\import "http://fonts.googleapis.com/css?family=Amaranth";

@import url(https://fonts.googleapis.com/css?family=Romanesco);

@\import "https://fonts.googleapis.com/css?family=Rancho";

@\import "https://fonts.googleapis.com/css?family=Romanesco";

#advanced-options {

position: fixed;

top: 24px;

left: 0;

right: 0;

background-color: #F6F6F6;

display: none;

width: 860px;

margin: 0 auto;

padding: 25px 0px 30px;

-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);

-o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);

-ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);

box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);

color: #323232;

text-align: left;

font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;

z-index: 1101;

border: 5px solid rgba(255,255,255, 0.7);

background-repeat: no-repeat;

background-size: contain;

background-position: 50% 50%; }

#advanced-options .advanced-options-header {

width: 750px;

margin: 0px auto;

padding-bottom: 4px;

border-bottom: 1px solid #BEBEBE;

font-size: 16px;

color:#fff !important;

text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;

}

#advanced-options .advanced-options-header .description {

font-size: 12px;

font-weight: normal;

margin-left: 8px;

color:#fff !important;

text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;

}

color:#fff !important;

text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;

}

#advanced-options select {

-ms-appearance: none;

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

background-repeat: no-repeat;

background-position: center right;

background-size: 18px 8px;

background-color: #FFFFFF;

display: inline-block;

height: 25px;

padding: 4px 20px 4px 4px;

padding-right: 4px\0;

border: #BEBEBE 1px solid;

border-radius: 0px;

font-size: 12px;

}

#advanced-options select::-ms-expand {

display: none;

}

#advanced-options select:disabled {

color: #9B9B9B;

}

#advanced-options input[type=text] {

padding: 4px;

border: #BEBEBE 1px solid;

}

#advanced-options input:focus {

outline: none;

}

/* sort */

#advanced-options .sort-widget {

margin: 0px auto;

padding: 12px 0px 0px;

width: 750px;

}

#advanced-options .sort-widget:last-of-type {

padding-bottom: 45px;

}

#advanced-options .sort-widget select {

width: 172px;

margin-right: 8px;

}

#advanced-options .sort-widget input[type=radio] {

display: none;

}

#advanced-options .sort-widget input[type=radio] + label {

background-color: #FFFFFF;

display: inline-block;

width: 56px;

padding: 5px 0px;

border: #BEBEBE 1px solid;

border-radius: 4px;

color: #323232;

font-size: 12px;

text-align: center;

cursor: pointer;

}

#advanced-options .sort-widget input[type=radio]:checked + label {

background-color: #244291;

border: #244291 1px solid;

color: #FFFFFF;

}

#advanced-options .sort-widget input[type=radio]:disabled + label {

border: #BEBEBE 1px solid;

color: #9B9B9B;

}

#advanced-options .sort-widget input[type=radio]:checked:disabled + label {

background-color: #FFFFFF;

border: #BEBEBE 1px solid;

color: #9B9B9B;

}

/* filter */

#advanced-options .filter-widget {

margin: 0px auto;

padding: 12px 0px 0;

width: 750px;

}

#advanced-options .filter-widget select {

margin-right: 8px;

font-size: 12px;

}

#advanced-options .filter-widget.title input[type=text] {

width: 360px;

}

#advanced-options .filter-widget.airing-status select,

#advanced-options .filter-widget.publishing-status select {

width: 152px;

}

#advanced-options .filter-widget.producer select,

#advanced-options .filter-widget.magazine select {

width: 360px;

}

#advanced-options .filter-widget.aired-date select.year,

#advanced-options .filter-widget.published-date select.year {

width: 80px;

}

#advanced-options .filter-widget.aired-date select.month,

#advanced-options .filter-widget.published-date select.month,

#advanced-options .filter-widget.aired-date select.day,

#advanced-options .filter-widget.published-date select.day {

width: 60px;

}

#advanced-options .filter-widget.aired-date .text,

#advanced-options .filter-widget.published-date .text {

display: inline-block;

margin-right: 4px;

font-size: 12px;

}

#advanced-options .filter-widget.aired-season select.year {

width: 80px;

}

#advanced-options .filter-widget.aired-season select.season {

width: 110px;

}

#advanced-options .sort-widget .widget-header,

#advanced-options .filter-widget .widget-header {

display: inline-block;

width: 110px;

font-size: 12px;

font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;

}

#advanced-options .sort-widget:last-of-type,

#advanced-options .filter-widget:last-of-type {

padding-bottom: 40px;

}

#advanced-options .advanced-options-button {

width: 750px;

margin: 0px auto;

padding: 12px 0px 0px;

border-top: 1px solid #BEBEBE;

text-align: center;

}

#advanced-options .btn-apply,

#advanced-options .btn-clear {

background-color: rgba(36, 66, 145, 1);

display: inline-block;

width: 135px;

margin: 0 4px;

padding: 6px 0px;

border-radius: 4px;

font-size: 12px;

color: #FFFFFF;

text-align: center;

-moz-transition-property: all;

-o-transition-property: all;

-webkit-transition-property: all;

transition-property: all;

-moz-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

-webkit-transition-duration: 0.3s;

transition-duration: 0.3s;

-moz-transition-timing-function: ease-in-out;

-o-transition-timing-function: ease-in-out;

-webkit-transition-timing-function: ease-in-out;

transition-timing-function: ease-in-out

}

#advanced-options .btn-apply:hover,

#advanced-options .btn-clear:hover {

background-color: rgba(36, 66, 145, 0.8);

}

td {

line-height: 1.5em;

height: 40px !important;

}

a {

color: #000;

text-decoration: none;

}

a:hover {

color: #fff !important;

text-decoration: none;

}

#footer-block {

padding: 15px 0;

background-color: #244291;

color: #FFFFFF;

font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif;

display:none;

}

#copyright {

font-size: 12px;

color: #FFFFFF;

padding-top: 3px;

text-align: center;

}

* Header

.header a {

font-weight: bold;

color: #fff !important;

}

.header a:hover {

text-decoration: underline;

}

.header {

position: absolute;

color: #fff;

display: block;

width: 100%;

height: 50px;

top: 450px;

margin: 0 auto

border:none;

box-shadow: 0px 5px 5px rgba(0,0,0,0.4);

z-index: 20;

background: -webkit-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1)) !important; /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* For Firefox 3.6 to 15 */

background: linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* Standard syntax */

}

.header:before {

top:0;

content:"";

display:block;

height:50px;

position:absolute;

width:100%;

z-index:-15 !important;

background-repeat: repeat-x;

background-size:contain;

}

.header:after{

/* Background image header */

background-image:url(http://i.imgur.com/rFwqkZK.png);

background-position:top;

background-repeat:no-repeat;

background-size:cover;

top:10px;

content:"";

display:block;

height:70px;

position:absolute;

width:258px;

z-index:1;

transform: translateX(-50%);

left:50%;

}

.header .header-menu {

position: absolute;

top: 5px;

right: 4px

}

.header .header-menu.other {

top: 5px;

}

.header .header-menu .header-info {

font-size: 10px;

margin-top: 6px;

margin-right: 15px;

text-align: right;

}

.header .username {

font-weight: bold;

}

.header .header-menu .list-menu {

position: absolute;

top: 25px;

right: -4px;

background-color: #ffffff;

display: none;

border: #2E51A2 1px solid;

-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;

-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;

box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;

z-index: 1;

}

.header .header-menu .list-menu .icon-menu {

display: block;

width: 150px;

height: 30px;

color: #2E51A2;

font-size: 14px;

font-weight: bold;

text-decoration: none;

-moz-transition-property: all;

-o-transition-property: all;

-webkit-transition-property: all;

transition-property: all;

-moz-transition-duration: 0.3s;

-o-transition-duration: 0.3s;

-webkit-transition-duration: 0.3s;

transition-duration: 0.3s;

-moz-transition-timing-function: ease-in-out;

-o-transition-timing-function: ease-in-out;

-webkit-transition-timing-function: ease-in-out;

transition-timing-function: ease-in-out;

}

.header .header-menu .list-menu .icon-menu:hover {

background-color: #e1e7f5

}

.header .header-menu .list-menu .icon-menu svg.icon {

position: absolute;

fill: #2E51A2;

left: 12px;

top: 4px;

}

.header .header-menu .list-menu .icon-menu .text {

position: absolute;

left: 52px;

top: 6px;

}

.header .header-menu .btn-menu {

display: block;

text-align: right;

color: rgba(255,255,255,0.8) !important;

font-size: 12px !important;

text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;

}

/**

* Floating Menu

.list-menu-float

{

position: absolute;

display: block;

width: 60px;

height: 60px;

overflow: hidden;

z-index: 100;

transition: width 0.3s ease-in-out;

left: 50%;

transform: translateX(-50%);

right: auto;

top: 450px;

margin-top: 15px !important;

background: transparent; /* Standard syntax */

border-bottom: none;

border-right: none;

border-left: none;

border-top: none;

}

.list-menu-float:hover

{

width: 700px;

}

.list-menu-float .icon-menu

{

position: absolute;

background-color: transparent !important;

display: block;

width: 0px;

height: 0px;

opacity: 1;

}

.list-menu-float .icon-menu svg.icon

{

position: absolute;

fill: rgba(255,255,255,.6);

}

.list-menu-float .icon-menu:hover svg.icon

{

position: absolute;

fill: rgba(255,255,255,1);

}

.list-menu-float .icon-menu.profile

{

position: fixed;

width: 60px;

height: 60px;

background-size: cover;

left: 0px;

border-radius:180px;

-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

display:inline-block!important;

}

.list-menu-float .icon-menu.profile:before

{

position: fixed;

width: 60px;

height: 6px;

/* content: '+';*/

background-color: transparent;

content: '';

font-size: 35px;

left: 0px;

background-position: bottom center;

background-repeat: no-repeat;

background-size: 45px auto;

color: rgb(74,72,73);

}

.list-menu-float:hover .icon-menu.profile:before

{

visibility: hidden;

}

.list-menu-float:hover .icon-menu.profile {

position: fixed;

left: 50%;

transform: translateX(-50%);

}

.list-menu-float .icon-menu.quick-add

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.quick-add svg.icon-quick-add

{

margin-left: 120px;

margin-top: -10px;

}

.list-menu-float .icon-menu.anime-list

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.anime-list svg.icon-anime-list

{

margin-left: 150px;

margin-top: -10px;

}

.list-menu-float .icon-menu.manga-list

{

margin-left: 180px;

margin-top: -10px;

}

.list-menu-float .icon-menu.manga-list svg.icon-manga-list

{

margin-right: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.history

{

margin-left: 470px;

margin-top: -10px;

}

.list-menu-float .icon-menu.history svg.icon-history

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.login

{

margin-left: 170px;

margin-top: -10px;

}

.list-menu-float .icon-menu.login svg.icon-login

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.logout

{

margin-left: 500px;

margin-top: -10px;

}

.list-menu-float .icon-menu.logout svg.icon-logout

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu.export

{

margin-left: 530px;

margin-top: -10px;

}

.list-menu-float .icon-menu.export svg.icon-export

{

margin-left: 0px;

margin-top: -3px;

}

.list-menu-float .icon-menu.setting

{

margin-left: 230px;

margin-top: 0px;

}

.list-menu-float .icon-menu.setting svg.icon-setting

{

margin-left: 0px;

margin-top: 0px;

}

.list-menu-float .icon-menu:not(.profile):hover

{

background-color: transparent;

width: 0px;

}

.list-menu-float .icon-menu.setting .text

{

height: 50px;

top: 0px;

width: 0px;

opacity: 0;

font-size: 13px;

}

.list-menu-float .icon-menu.setting:hover .text

{

height: 50px;

top: 0px;

width: 80px;

opacity: 1

}

.list-menu-float .icon-menu.setting .text .link-list-setting,

.list-menu-float .icon-menu.setting .text .link-style-setting

{

display: block;

opacity: 0;

}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting,

.list-menu-float .icon-menu.setting:hover .text .link-style-setting

{

height: 25px;

line-height: 25px;

background-color: white;

color: rgb(74,72,73);

position: absolute;

display: block;

width: 80px;

text-decoration: none;

opacity: 1;

}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting

{

top: 0px;

}

.list-menu-float .icon-menu.setting:hover .text .link-style-setting

{

border-top: rgb(74,72,73) 1px solid;

top: 25px;

}

.list-menu-float .icon-menu:not(.setting) .text,

.list-menu-float .icon-menu:not(.setting):hover .text {display: none;}

/* setting */

.list-menu-float .icon-menu.setting .text {

top: 0px;

width: 0px;

height: 50px;

opacity: 0;

}

.list-menu-float .icon-menu.setting:hover .text {

top: 0px;

width: 114px;

height: 100px;

opacity: 1

}

.list-menu-float .icon-menu.setting .text .link-list-setting,

.list-menu-float .icon-menu.setting .text .link-style-setting {

display: block;

opacity: 0;

}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting,

.list-menu-float .icon-menu.setting:hover .text .link-style-setting {

position: absolute;

background: linear-gradient(rgba(71, 49, 121, 0.9), rgba(15, 5, 32, 1)); /* Standard syntax */

display: block;

width: 110px;

height: 50px;

line-height: 25px;

text-decoration: none;

color: #ffffff;

opacity: 1;

}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting {

top: 0px;

}

svg.icon.icon-setting {display:none;}

/**

* List Container

.list-container {

position: absolute;

background-color: transparent !important;

width: 600px;

right: 16%;

margin-right: auto;

margin-left: auto;

text-align: left;

top: 550px;

margin:auto !important;

margin-bottom:30px !important;

min-height: 0;

border: 6px solid rgba(255,255,255, 0.7);

box-shadow: 0 2px 5px rgba(0,0,0, 0.7);

border-image: url(http://i.imgur.com/ilIkHet.png) 6 stretch;

}

/**

* List Container - Cover Block

.cover-block {

display: block;

width: 600px;

margin: 0 auto;

text-align: center;

vertical-align: middle;

}

.cover-block .image-container {

display: table-cell;

padding-top: 0px;

width: 600px;

}

.cover-block .image-container.hide {

display: none;

}

.cover-block .image-container img {

max-width: 600px;

}

/* setting icon */

.cover-block .image-container .btn-list-setting {

display: none;

}

.cover-block .image-container:hover .btn-list-setting {

display: block;

position: absolute;

top: 20px;

right: 28px;

padding: 8px;

border: rgba(255,255,255,0) 1px solid;

font-size: 14px;

color: #ffffff;

font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;

}

.cover-block .image-container .btn-list-setting:hover {

position: absolute;

top: 20px;

right: 28px;

background-color: rgba(0,0,0,0.6);

padding: 8px;

border: none;

-moz-box-shadow: 0 0 4px #000000;

-webkit-box-shadow: 0 0 4px #000000;

-o-box-shadow: 0 0 4px #000000;

-ms-box-shadow: 0 0 4px #000000;

box-shadow: 0 0 4px #000000;

font-size: 14px;

color: #ffffff;

text-shadow: #323232 1px 1px 1px;

}

.cover-block .image-container .btn-list-setting .fa-camera {

font-size: 16px;

-moz-text-shadow: #000000 1px 1px 3px;

-webkit-text-shadow: #000000 1px 1px 3px;

-o-text-shadow: #000000 1px 1px 3px;

-ms-text-shadow: #000000 1px 1px 3px;

text-shadow: #000000 1px 1px 3px;

-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)";

}

.cover-block .image-container .btn-list-setting .icon-plus-circle {

position: absolute;

top: 4px;

left: 18px;

background-color: rgba(0,0,0,0.6);

border-radius: 50%;

-moz-box-shadow: -1px 1px 0px 0px #323232;

-webkit-box-shadow: -1px 1px 0px 0px #323232;

-o-box-shadow: -1px 1px 0px 0px #323232;

-ms-box-shadow: -1px 1px 0px 0px #323232;

box-shadow: -1px 1px 0px 0px #323232;

font-size: 10px;

}

.cover-block .image-container .btn-list-setting .text {

display: none;

}

.cover-block .image-container .btn-list-setting:hover .text {

display: inline-block;;

margin-left: 4px;

}

/**

* List Container - Status Menu

/* animation */

@keyframes shake {

10%, 90% {

transform: translate3d(-1px, 0, 0);

}

20%, 80% {

transform: translate3d(2px, 0, 0);

}

30%, 50%, 70% {

transform: translate3d(-4px, 0, 0);

}

40%, 60% {

transform: translate3d(4px, 0, 0);

}

.status-menu-container:before {

opacity: 1;

position: fixed;

display: block;

content: '';

left: 0px;

top: 0;

width: 110px;

height: 85px;

background-size: contain;

background-repeat: no-repeat;

-webkit-transition:all 0.2s ease-in-out 0.2s;

transition: all 0.2s ease-in-out 0.2s;

-moz-transition-property: all 0.2s ease-in-out 0.2s;

-o-transition-property: all 0.2s ease-in-out 0.2s;

z-index: 6;

}

.status-menu-container:hover:before {

animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both;

transform: translate3d(0, 0, 0);

backface-visibility: hidden;

perspective: 1000px;

opacity: 0;

margin-top: -30px !important;

-webkit-transition:all 0.5s ease-in-out 0.5s;

transition: all 0.5s ease-in-out 0.5s;

-moz-transition-property: all 0.5s ease-in-out 0.5s;

-o-transition-property: all 0.5s ease-in-out 0.5s;

}

.status-menu-container {

position: fixed;

display: block;

top: 50px;

left: 0;

width: 0;

height: 200px;

background-color: transparent;

border-bottom: none;

z-index: 60;

margin-left:-100px;

transition: margin-left .5s ease-out, z-index .5s linear .2s;

-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-o-transition: margin-left .5s ease-out, z-index .5s linear .2s;

}

.status-menu-container:hover, .status-menu-container.fixed:hover{

margin-left: 0 !important;

transition: margin-left .5s ease-out, z-index .5s linear .2s;

-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-o-transition: margin-left .5s ease-out, z-index .5s linear .2s;

transition-delay: .5s;}

.status-menu-container.fixed {

position: fixed;

display: block;

top: 50px;

left: 0;

width: 0;

height: 200px;

background-color: transparent;

border-bottom: none;

z-index: 60;

margin-left:-100px;

transition: margin-left .5s ease-out, z-index .5s linear .2s;

-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;

-o-transition: margin-left .5s ease-out, z-index .5s linear .2s;

}

.status-menu-container.fixed + div.list-block {

margin:0;

}

.status-menu-container .status-menu {

display: block;

margin: 0 auto;

border-collapse: separate;

border-spacing: 20px 0;

}

.status-menu-container .status-menu .status-button {

position: relative;

display: block;

padding: 0;

color: transparent;

content: none;

width: 100px;

height: 100px;

background-size: cover;

background-repeat: no-repeat;

font-size: 0 !important;

background-position:50% 50%;

border:3px solid #fff;

-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

border-radius:180px; */

}

.status-menu-container .status-menu .status-button.on {

background: linear-gradient(rgba(71, 49, 121, 0.9), rgba(15, 5, 32, 1)); /* Standard syntax */

width: 100px;

height: 100px;

color: transparent;

content: none;

background-size: cover;

background-repeat: no-repeat;

background-position:50% 50%;

/* border:3px solid #fff;

-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);

border-radius:180px;

display:inline-block!important; */

}

.status-menu-container .status-menu .status-button:after {

position: absolute;

top: 0px;

left: 0px;

background: transparent; /* Standard syntax */

display: block;

width: 100px;

height: 100px;

color: #fff !important;

font-size: 20px !important;

font-family:Romanesco;

text-align: center;

vertical-align: middle;

line-height: 50px !important;

text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;

font-weight: bold;

opacity: 0;

-moz-transition-property: all;

-o-transition-property: all;

-webkit-transition-property: all;

transition-property: all;

-moz-transition-duration: 0.3s;

Saved diffs

Original text

Open file

/* A GochiUsa layout for modern CSS 
** Visit Shishio's club for more premade layouts 
** You can customize a few things in this layout
**
*/

/* General codes */

@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(http://fonts.googleapis.com/css?family=Amaranth);
@import url(https://fonts.googleapis.com/css?family=Rancho);
@import url(https://fonts.googleapis.com/css?family=Romanesco);
#advanced-options {
    position: fixed;
    top: 24px;
    left: 0;
    right: 0;
    background-color: #F6F6F6;
    display: none;
    width: 860px;
    margin: 0 auto;
    padding: 25px 0px 30px;
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    color: #323232;
    text-align: left;
    font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
    z-index: 1101;
	border: 5px solid rgba(255,255,255, 0.7);
background-image: url(http://i.imgur.com/4bgsxkl.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;	}
	
#advanced-options .advanced-options-header {
    width: 750px;
    margin: 0px auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #BEBEBE;
    font-size: 16px;
	color:#fff !important;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;
}

#advanced-options .advanced-options-header .description {
    font-size: 12px;
    font-weight: normal;
    margin-left: 8px;
	color:#fff !important;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;
}

#advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header, #advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text {
color:#fff !important;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;
}

#advanced-options select {
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/img/pc/ownlist/icon_pulldown_triangle.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px 8px;
    background-color: #FFFFFF;
    display: inline-block;
    height: 25px;
    padding: 4px 20px 4px 4px;
    padding-right: 4px\0;
    border: #BEBEBE 1px solid;
    border-radius: 0px;
    font-size: 12px;
}
#advanced-options select::-ms-expand {
    display: none;
}

#advanced-options select:disabled {
    background-image: url(/img/pc/ownlist/icon_pulldown_triangle_disable.png);
    color: #9B9B9B;
}

#advanced-options input[type=text] {
    padding: 4px;
    border: #BEBEBE 1px solid;
}

#advanced-options input:focus {
    outline: none;
}

/* sort */
#advanced-options .sort-widget {
    margin: 0px auto;
    padding: 12px 0px 0px;
    width: 750px;
}
#advanced-options .sort-widget:last-of-type {
    padding-bottom: 45px;
}

#advanced-options .sort-widget select {
    width: 172px;
    margin-right: 8px;
}

#advanced-options .sort-widget input[type=radio] {
    display: none;
}
#advanced-options .sort-widget input[type=radio] + label {
    background-color: #FFFFFF;
    display: inline-block;
    width: 56px;
    padding: 5px 0px;
    border: #BEBEBE 1px solid;
    border-radius: 4px;
    color: #323232;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
#advanced-options .sort-widget input[type=radio]:checked + label {
    background-color: #244291;
    border: #244291 1px solid;
    color: #FFFFFF;
}
#advanced-options .sort-widget input[type=radio]:disabled + label {
    border: #BEBEBE 1px solid;
    color: #9B9B9B;
}
#advanced-options .sort-widget input[type=radio]:checked:disabled + label {
    background-color: #FFFFFF;
    border: #BEBEBE 1px solid;
    color: #9B9B9B;
}

/* filter */
#advanced-options .filter-widget {
    margin: 0px auto;
    padding: 12px 0px 0;
    width: 750px;
}

#advanced-options .filter-widget select {
    margin-right: 8px;
    font-size: 12px;
}

#advanced-options .filter-widget.title input[type=text] {
    width: 360px;
}

#advanced-options .filter-widget.airing-status select,
#advanced-options .filter-widget.publishing-status select {
    width: 152px;
}

#advanced-options .filter-widget.producer select,
#advanced-options .filter-widget.magazine select {
    width: 360px;
}

#advanced-options .filter-widget.aired-date select.year,
#advanced-options .filter-widget.published-date select.year {
    width: 80px;
}

#advanced-options .filter-widget.aired-date select.month,
#advanced-options .filter-widget.published-date select.month,
#advanced-options .filter-widget.aired-date select.day,
#advanced-options .filter-widget.published-date select.day {
    width: 60px;
}

#advanced-options .filter-widget.aired-date .text,
#advanced-options .filter-widget.published-date .text {
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
}

#advanced-options .filter-widget.aired-season select.year {
    width: 80px;
}

#advanced-options .filter-widget.aired-season select.season {
    width: 110px;
}

#advanced-options .sort-widget .widget-header,
#advanced-options .filter-widget .widget-header {
    display: inline-block;
    width: 110px;
    font-size: 12px;
    font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
}

#advanced-options .sort-widget:last-of-type,
#advanced-options .filter-widget:last-of-type {
    padding-bottom: 40px;
}

#advanced-options .advanced-options-button {
    width: 750px;
    margin: 0px auto;
    padding: 12px 0px 0px;
    border-top: 1px solid #BEBEBE;
    text-align: center;
}

#advanced-options .btn-apply,
#advanced-options .btn-clear {
    background-color: rgba(36, 66, 145, 1);
    display: inline-block;
    width: 135px;
    margin: 0 4px;
    padding: 6px 0px;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

#advanced-options .btn-apply:hover,
#advanced-options .btn-clear:hover {
  background-color: rgba(36, 66, 145, 0.8);
}

td {
    line-height: 1.5em;
	height: 40px !important;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #fff !important;
    text-decoration: none;
}

#footer-block {
    padding: 15px 0;
    background-color: #244291;
    color: #FFFFFF;
    font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif;
	display:none;
}

#copyright {
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 3px;
    text-align: center;
}

/*
 * Header
 */
.header a {
    font-weight: bold;
    color: #fff !important;
}
.header a:hover {
    text-decoration: underline;
}

.header {
    position: absolute;
    color: #fff;
    display: block;
    width: 100%;
    height: 50px;
	top: 450px;
    margin: 0 auto
	border:none;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
	z-index: 20;
	
  background: -webkit-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1)) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(79,16,21,1), rgba(115,36,46,1), rgba(79,16,21,1))!important; /* Standard syntax */
}

.header:before {
top:0;
content:"";
display:block;
height:50px;
position:absolute;
width:100%;
z-index:-15 !important;
     
  	background-image: url(http://i.imgur.com/OmmoTGd.png);
	background-repeat: repeat-x;
	background-size:contain;
}

.header:after{
/* Background image header */
background-image:url(http://i.imgur.com/rFwqkZK.png);
background-position:top;
background-repeat:no-repeat;
background-size:cover;
top:10px;
content:"";
display:block;
height:70px;
position:absolute;
width:258px;
z-index:1;
transform: translateX(-50%);
left:50%;
}

.header .header-menu {
    position: absolute;
    top: 5px;
    right: 4px
}
.header .header-menu.other {
    top: 5px;
}

.header .header-menu .header-info {
    font-size: 10px;
    margin-top: 6px;
    margin-right: 15px;
    text-align: right;
}

.header .username {
    font-weight: bold;
}

.header .header-menu .list-menu {
    position: absolute;
    top: 25px;
    right: -4px;
    background-color: #ffffff;
    display: none;
    border: #2E51A2 1px solid;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
    z-index: 1;
}

.header .header-menu .list-menu .icon-menu {
    display: block;
    width: 150px;
    height: 30px;
    color: #2E51A2;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.header .header-menu .list-menu .icon-menu:hover {
    background-color: #e1e7f5
}

.header .header-menu .list-menu .icon-menu svg.icon {
    position: absolute;
    fill: #2E51A2;
    left: 12px;
    top: 4px;
}

.header .header-menu .list-menu .icon-menu .text {
    position: absolute;
    left: 52px;
    top: 6px;
}

.header .header-menu .btn-menu {
display: block;
    text-align: right;
color: rgba(255,255,255,0.8) !important;
font-size: 12px !important;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
}

/**
 * Floating Menu
 */
.list-menu-float
{
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  z-index: 100;
  transition: width 0.3s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  top: 450px;
  margin-top: 15px !important;
  background: transparent; /* Standard syntax */
  border-bottom: none;
  border-right: none;
  border-left: none;
  border-top: none;
}

.list-menu-float:hover
{
  width: 700px;
}

.list-menu-float .icon-menu
{
  position: absolute;
  background-color: transparent !important;
  display: block;
  width: 0px;
  height: 0px;
  opacity: 1;
 
}

.list-menu-float .icon-menu svg.icon
{
  position: absolute;
  fill: rgba(255,255,255,.6);
}

.list-menu-float .icon-menu:hover svg.icon
{
  position: absolute;
  fill: rgba(255,255,255,1);
}

.list-menu-float .icon-menu.profile
{
position: fixed;
  width: 60px;
  height: 60px;
  background-size: cover;
  left: 0px;
 border-radius:180px;
 -webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	display:inline-block!important;
 
}

.list-menu-float .icon-menu.profile:before
{
  position: fixed;
  width: 60px;
  height: 6px;
/*  content: '+';*/
  background-color: transparent; 
  content: '';
  font-size: 35px;
  left: 0px;
  background-image: url("");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 45px auto;
  color: rgb(74,72,73);

}

.list-menu-float:hover .icon-menu.profile:before
{
  visibility: hidden;
}

.list-menu-float:hover .icon-menu.profile {
position: fixed;
left: 50%;
  transform: translateX(-50%);
}

.list-menu-float .icon-menu.quick-add
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.quick-add svg.icon-quick-add
{
  margin-left: 120px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.anime-list
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.anime-list svg.icon-anime-list
{
  margin-left: 150px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.manga-list
{
  margin-left: 180px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.manga-list svg.icon-manga-list
{
  margin-right: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.history
{
  margin-left: 470px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.history svg.icon-history
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.login
{
  margin-left: 170px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.login svg.icon-login
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.logout
{
  margin-left: 500px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.logout svg.icon-logout
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.export
{
  margin-left: 530px;
  margin-top: -10px;
}

.list-menu-float .icon-menu.export svg.icon-export
{
  margin-left: 0px;
  margin-top: -3px;
}

.list-menu-float .icon-menu.setting
{
  margin-left: 230px;
  margin-top: 0px;
}

.list-menu-float .icon-menu.setting svg.icon-setting
{
  margin-left: 0px;
  margin-top: 0px;
}

.list-menu-float .icon-menu:not(.profile):hover
{
  background-color: transparent;
  width: 0px;
}

.list-menu-float .icon-menu.setting .text
{
  height: 50px;
  top: 0px;
  width: 0px;
  opacity: 0;
  
  font-size: 13px;
}

.list-menu-float .icon-menu.setting:hover .text
{
  height: 50px;
  top: 0px;
  width: 80px;
  opacity: 1
}

.list-menu-float .icon-menu.setting .text .link-list-setting,
.list-menu-float .icon-menu.setting .text .link-style-setting
{
  display: block;
  opacity: 0;
}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting,
.list-menu-float .icon-menu.setting:hover .text .link-style-setting
{
  height: 25px;
  line-height: 25px;
  background-color: white;
  color: rgb(74,72,73);
  position: absolute;
  display: block;
  width: 80px;
  text-decoration: none;
  opacity: 1;
}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting
{
  top: 0px;
}

.list-menu-float .icon-menu.setting:hover .text .link-style-setting
{
  border-top: rgb(74,72,73) 1px solid;
  top: 25px;
}
.list-menu-float .icon-menu:not(.setting) .text,
.list-menu-float .icon-menu:not(.setting):hover .text {display: none;}

/* setting */
.list-menu-float .icon-menu.setting .text {
    top: 0px;
    width: 0px;
    height: 50px;
    opacity: 0;
   
}
.list-menu-float .icon-menu.setting:hover .text {
    top: 0px;
    width: 114px;
    height: 100px;
    opacity: 1
}

.list-menu-float .icon-menu.setting .text .link-list-setting,
.list-menu-float .icon-menu.setting .text .link-style-setting {
    display: block;
    opacity: 0;
}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting,
.list-menu-float .icon-menu.setting:hover .text .link-style-setting {
    position: absolute;
    background: linear-gradient(rgba(71, 49, 121, 0.9), rgba(15, 5, 32, 1)); /* Standard syntax */
    display: block;
    width: 110px;
    height: 50px;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
    opacity: 1;
}
.list-menu-float .icon-menu.setting:hover .text .link-list-setting {
    top: 0px;
}

svg.icon.icon-setting {display:none;}

/**
 * List Container
 */

.list-container {
    position: absolute;
    background-color: transparent !important;
    width: 600px;
	right: 16%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    top: 550px;
	margin:auto !important;
	margin-bottom:30px !important;
	 min-height: 0;
	border: 6px solid rgba(255,255,255, 0.7);
        box-shadow: 0 2px 5px rgba(0,0,0, 0.7);
border-image: url(http://i.imgur.com/ilIkHet.png) 6 stretch;

}

/**
 * List Container - Cover Block
 */
.cover-block {
    display: block;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.cover-block .image-container {
    display: table-cell;
    padding-top: 0px;
    width: 600px;
}

.cover-block .image-container.hide {
    display: none;
}

.cover-block .image-container img {
    max-width: 600px;
}

/* setting icon */
.cover-block .image-container .btn-list-setting {
    display: none;
}

.cover-block .image-container:hover .btn-list-setting {
    display: block;
    position: absolute;
    top: 20px;
    right: 28px;
    padding: 8px;
    border: rgba(255,255,255,0) 1px solid;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
}

.cover-block .image-container .btn-list-setting:hover {
    position: absolute;
    top: 20px;
    right: 28px;
    background-color: rgba(0,0,0,0.6);
    padding: 8px;
    border: none;
    -moz-box-shadow: 0 0 4px #000000;
    -webkit-box-shadow: 0 0 4px #000000;
    -o-box-shadow: 0 0 4px #000000;
    -ms-box-shadow: 0 0 4px #000000;
    box-shadow: 0 0 4px #000000;
    font-size: 14px;
    color: #ffffff;
    text-shadow: #323232 1px 1px 1px;
}

.cover-block .image-container .btn-list-setting .fa-camera {
    font-size: 16px;
    -moz-text-shadow: #000000 1px 1px 3px;
    -webkit-text-shadow: #000000 1px 1px 3px;
    -o-text-shadow: #000000 1px 1px 3px;
    -ms-text-shadow: #000000 1px 1px 3px;
    text-shadow: #000000 1px 1px 3px;
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)";
}

.cover-block .image-container .btn-list-setting .icon-plus-circle {
    position: absolute;
    top: 4px;
    left: 18px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    -moz-box-shadow: -1px 1px 0px 0px #323232;
    -webkit-box-shadow: -1px 1px 0px 0px #323232;
    -o-box-shadow: -1px 1px 0px 0px #323232;
    -ms-box-shadow: -1px 1px 0px 0px #323232;
    box-shadow: -1px 1px 0px 0px #323232;
    font-size: 10px;
}

.cover-block .image-container .btn-list-setting .text {
  display: none;
}

.cover-block .image-container .btn-list-setting:hover .text {
  display: inline-block;;
  margin-left: 4px;
}

/**
 * List Container - Status Menu
 */
 
 /* animation */
 @keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.status-menu-container:before {
 opacity: 1;
	position: fixed;
	display: block;
	content: '';
	left: 0px;
	top: 0;
	width: 110px;
	height: 85px;
	background-image: url(http://i.imgur.com/aR0b2Ji.png);
	background-size: contain;
	background-repeat: no-repeat;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
	z-index: 6;
 }
 
 .status-menu-container:hover:before {
animation: shake 0.7s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
 opacity: 0;
 margin-top: -30px !important;
 -webkit-transition:all 0.5s ease-in-out 0.5s;
transition: all 0.5s ease-in-out 0.5s;
 -moz-transition-property: all 0.5s ease-in-out 0.5s;
    -o-transition-property: all 0.5s ease-in-out 0.5s;
 }
 
.status-menu-container {
position: fixed;
display: block;
top: 50px;
left: 0;
    width: 0;
    height: 200px;
    background-color: transparent;
    border-bottom: none;
    z-index: 60;
	margin-left:-100px;
	 transition: margin-left .5s ease-out, z-index .5s linear .2s;
	-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;
 -moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;
    -o-transition: margin-left .5s ease-out, z-index .5s linear .2s;
}

.status-menu-container:hover, .status-menu-container.fixed:hover{ 
	margin-left: 0 !important;
	 transition: margin-left .5s ease-out, z-index .5s linear .2s;
	-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;
 -moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;
    -o-transition: margin-left .5s ease-out, z-index .5s linear .2s;
	transition-delay: .5s;}

.status-menu-container.fixed {
   position: fixed;
display: block;
top: 50px;
left: 0;
    width: 0;
    height: 200px;
    background-color: transparent;
    border-bottom: none;
    z-index: 60;
	margin-left:-100px;
	 transition: margin-left .5s ease-out, z-index .5s linear .2s;
	-webkit-transition: margin-left .5s ease-out, z-index .5s linear .2s;
 -moz-transition: margin-left .5s ease-out, z-index .5s linear .2s;
    -o-transition: margin-left .5s ease-out, z-index .5s linear .2s;
}

.status-menu-container.fixed + div.list-block {
    margin:0;
}

.status-menu-container .status-menu {
    display: block;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 20px 0;
}

.status-menu-container .status-menu .status-button {
    position: relative;
    display: block;
    padding: 0;
    color: transparent;
	content: none;
	width: 100px;
	height: 100px;
	 background-size: cover;
  background-repeat: no-repeat;
  font-size: 0 !important;
background-position:50% 50%;
/*
border:3px solid #fff;
	-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	border-radius:180px; */
	
}

.status-menu-container .status-menu .status-button.on {
    background: linear-gradient(rgba(71, 49, 121, 0.9), rgba(15, 5, 32, 1)); /* Standard syntax */
    width: 100px;
	height: 100px;
	color: transparent;
	content: none;
	background-size: cover;
  background-repeat: no-repeat;
background-position:50% 50%;
/* border:3px solid #fff;
	-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	border-radius:180px;
	display:inline-block!important; */
}

.status-menu-container .status-menu .status-button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent; /* Standard syntax */
    display: block;
    width: 100px;
    height: 100px;
	color: #fff !important;
	font-size: 20px !important;
	font-family:Romanesco;
	text-align: center;
vertical-align: middle;
line-height: 50px !important; 
 text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
 font-weight: bold;
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
	z-index:60;
}

.status-menu .status-button:hover:after {
    opacity: 1;
	margin-top: 50px !important;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}

.status-menu-container .status-menu .status-button.on:after{
opacity: 0
}

/* watching */

.status-menu-container .status-menu .status-button.watching {
  background-image: url("http://i.imgur.com/qI2ZIMF.png");
  opacity: 1;
  z-index: 1;
  -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}

.status-menu-container .status-menu .status-button.watching:hover {
  opacity: 1;
  background-image: url("http://i.imgur.com/FlsbAlM.png");
  z-index: 1;
  -webkit-transition:all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
 -moz-transition-property: all 0.3s ease-in-out 0s;
    -o-transition-property: all 0.3s ease-in-out 0s;
	margin-left: 0 !important;
  
}

.status-menu-container .status-menu .status-button.watching.on {
  background-image: url("http://i.imgur.com/FlsbAlM.png");
  opacity: 1;
  z-index: 1;
  margin-left: 0 !important;
}

.status-menu-container .status-menu .status-button.watching:after {
 content: 'Watching';
 z-index: 1;
}

/* completed */

.status-menu-container .status-menu .status-button.completed {
  background-image: url("http://i.imgur.com/l1WxqGk.png");
  opacity: 1;
  margin-top: -20px !important;
  z-index: 2;
   -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
  }
  
  .status-menu-container .status-menu .status-button.completed:hover {
  background-image: url("http://i.imgur.com/FRyNKSO.png");
  opacity: 1;
  margin-top: -20px !important;
   z-index: 2;
  -webkit-transition:all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
 -moz-transition-property: all 0.3s ease-in-out 0s;
    -o-transition-property: all 0.3s ease-in-out 0s;
	margin-left: 0 !important;
  }
  
.status-menu-container .status-menu .status-button.completed.on {
  background-image: url("http://i.imgur.com/FRyNKSO.png");
  opacity: 1;
  margin-top: -20px !important;
  z-index: 2;
  margin-left: 0 !important;
}

.status-menu-container .status-menu .status-button.completed:after {
 content: 'Complete';
 margin-top: -20px !important;
 z-index: 2;
}

.status-menu .status-button.completed:hover:after {
    opacity: 1;
	margin-top: 50px !important;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}
/* on hold */

.status-menu-container .status-menu .status-button.onhold {
  background-image: url("http://i.imgur.com/B2pIB9G.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 3;
  -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
  }
  
  .status-menu-container .status-menu .status-button.onhold:hover{
  opacity: 1;
  background-image: url("http://i.imgur.com/3pb1bsA.png");
  margin-top: -20px !important;
  z-index: 3;
  -webkit-transition:all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
 -moz-transition-property: all 0.3s ease-in-out 0s;
    -o-transition-property: all 0.3s ease-in-out 0s;
	margin-left: 0 !important;
  }

.status-menu-container .status-menu .status-button.onhold.on {
  background-image: url("http://i.imgur.com/3pb1bsA.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 3;
 margin-left: 0 !important;
}

.status-menu-container .status-menu .status-button.onhold:after {
 content: 'Hold';
 margin-top: -20px !important;
 z-index: 3;
}

.status-menu .status-button.onhold:hover:after {
    opacity: 1;
	margin-top: 50px !important;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}

/* dropped */

.status-menu-container .status-menu .status-button.dropped {
  background-image: url("http://i.imgur.com/YOEj0OD.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 4;
  -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}
.status-menu-container .status-menu .status-button.dropped:hover{
 opacity: 1;
  background-image: url("http://i.imgur.com/wQSJPAF.png");
  margin-top: -20px !important;
 z-index: 4;
  -webkit-transition:all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
 -moz-transition-property: all 0.3s ease-in-out 0s;
    -o-transition-property: all 0.3s ease-in-out 0s;
	margin-left: 0 !important;

}

.status-menu-container .status-menu .status-button.dropped.on {
  background-image: url("http://i.imgur.com/wQSJPAF.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 4;
 margin-left: 0 !important;
}
  .status-menu-container .status-menu .status-button.dropped:after {
 content: 'Dropped';
 margin-top: -20px !important;
 z-index: 4;
}

.status-menu .status-button.dropped:hover:after {
    opacity: 1;
	margin-top: 50px !important;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}

/* PTW */

.status-menu-container .status-menu .status-button.plantowatch {
  background-image: url("http://i.imgur.com/5AvBfdn.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 5;
  -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}
.status-menu-container .status-menu .status-button.plantowatch:hover{
opacity: 1;
background-image: url("http://i.imgur.com/mQCWKiE.png");
margin-top: -20px !important;
  z-index: 5;
  -webkit-transition:all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
 -moz-transition-property: all 0.3s ease-in-out 0s;
    -o-transition-property: all 0.3s ease-in-out 0s;
	margin-left: 0 !important;
}

.status-menu-container .status-menu .status-button.plantowatch.on {
  background-image: url("http://i.imgur.com/mQCWKiE.png");
  opacity: 1;
  margin-top: -20px !important;
 z-index: 5;
 margin-left: 0 !important;
}

.status-menu-container .status-menu .status-button.plantowatch:after {
 content: 'Plan';
 margin-top: -20px !important;
 z-index: 5;
}

.status-menu .status-button.plantowatch:hover:after {
    opacity: 1;
	margin-top: 50px !important;
	 -webkit-transition:all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
 -moz-transition-property: all 0.2s ease-in-out 0.2s;
    -o-transition-property: all 0.2s ease-in-out 0.2s;
}

/*scroll bar*/

::-webkit-scrollbar
{height: 7px;
width: 7px;
background-color: #f5f5f5;}
::-webkit-scrollbar-thumb
{border: 2px solid #f5f5f5;
background-color: #a50066;}

/**
 * List Container - Status Menu - Search
 */
.status-menu-container .search-container {
    position: fixed;
    left: 10px;
	bottom: 10px;
	width: 140px !important;
	
}
.status-menu-container .search-container #search-button {
    display: inline-block;
    height: 22px;
    margin-top: 15px;
    color: #787878;
    font-size: 1.6em;
    vertical-align: middle;
}

.status-menu-container .search-container #search-box {
    display: inline-block;
    width: 0;
    height: 22px;
    overflow: hidden;
    margin-top: 13px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    vertical-align: middle;
}

.status-menu-container .search-container #search-box.open {
    display: inline-block;
    width: 100px;
}

.status-menu-container .search-container #search-box input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* cover image */

#cover-image{

margin:auto;
  width:600px !important;
  height:auto;
  background-color:rgba(0,0,0,.5) !important;
  background-size: contain !important;
 
}

/**
 * List Container - List Block
 */
.list-block {
    margin: 0;
	min-height:0;
}

.list-unit {
	margin: 0;
	width: 600px;
}

/**
 * List Container - List Status Title (with Stats)
 */
.list-unit .list-status-title {
    position: relative;
    display: table-cell;
    background-color: transparent;
    width: 600px;
    height: 470px !important;

}

.list-unit .list-status-title .text {
    display:none;

}

.list-unit .list-status-title .stats {
    position: absolute;
    height: 38px;
    line-height: 38px;
    right: 4px;
	margin-top: 420px !important;
}

.list-unit .list-status-title .stats a {
    margin-right: 8px;
    color: #FFF;
	text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
	
}

.list-unit .list-status-title .stats a.filterd {
    text-shadow: 0px 0px 2px #FFF;
}

.list-unit .list-stats {
  background-color:rgba(255,255,255,0.7) !important;
bottom: 0px !important;
color : #323232;
height: 35px;
left: 50%;
margin-left: -300px;
position: fixed;
width: 600px !important;
z-index: 1;
}

/**
 * List Container - List Table
 */

.list-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
	background-color:transparent !important;
	color: #000 !important;
	border:none;
}

.list-table > tbody:nth-of-type(2n+1) {
    background-color: rgba(222, 222, 222, 0.6) !important;

}

.list-table > tbody:nth-of-type(2n) {
background-color: rgba(255, 255, 255, 0.6) !important;

}

/**
 * List Container - List Table - Header
 */

.list-table .list-table-header .header-title {
position: absolute;
    background: transparent;
    display: block;
    height: 36px;
    text-align: center;
    vertical-align: middle;
	width: 600px;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
 font-style: italic !important;
 border:none;
 color: #fff !important;
 z-index:10;
 left: 50%;
 margin-top: -40px;
 transform: translateX(-50%);
}

.list-table .list-table-header .header-title:last-child {
    background-image: none;
	color: #fff !important;
}

.list-table .list-table-header .header-title.status {
    background-image: none;
    width: 4px
	color: #fff !important;
}

.list-table .list-table-header .header-title.number {
    display: none;
}

.list-table .list-table-header .header-title.image {
    display: none;
}

.list-table .list-table-header .header-title.title {
    display: none;
}

.list-table .list-table-header .header-title.score {
    width: 65px
	color: #fff !important;
	margin-left: -65px;
	
}

.list-table .list-table-header .header-title.type {
    width: 60px
	color: #fff !important;
	
}

.list-table .list-table-header .header-title.progress {
    width: 90px
	color: #fff !important;
	margin-left: 65px;
}

.list-table .list-table-header .header-title.chapters {
    width: 90px
}

.list-table .list-table-header .header-title.volumes {
    width: 90px
}

.list-table .list-table-header .header-title.tags {
    width: 120px
}

.list-table .list-table-header .header-title.rated {
    width: 70px
}

.list-table .list-table-header .header-title.started {
    width: 110px
}

.list-table .list-table-header .header-title.finished {
    width: 110px
}

.list-table .list-table-header .header-title.days {
    width: 45px
}

.list-table .list-table-header .header-title.storage {
    width: 75px
}

.list-table .list-table-header .header-title.retail {
    width: 65px
}

.list-table .list-table-header .header-title.priority {
    width: 70px
}

.list-table .list-table-header .header-title .link {
    font-size: 11px;
    color: #000;
    text-decoration: none
}

.list-table .list-table-header .header-title .link.sort {
    position: relative;
    display: inline-block;
    color: #fff;
    white-space: nowrap;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.list-table .list-table-header .header-title .link.sort:hover {
    color: #787878;
}

.list-table .list-table-header .header-title .sort-icon {
    color: #fff;
}

.list-table .list-table-data:hover {
    transition: .2s linear;
    background-color: rgba(107, 65, 124, 0.6);
	color: #fff !important;
}

.list-table .list-table-data:hover a{
color: #fff !important;
}

.list-table .list-table-data:hover .data.title  {
  text-shadow: 0 0 2px #5c4ef5, 0 0 1px #5c4ef5, 0 1px 7px #5c4ef5, 0 0 0.5px #5c4ef5;
  transition: .1s linear;
  color: #fff !important;
  }

.list-table .list-table-data .data.number:hover {
transition: .5s linear;
    background-color: rgba(107, 65, 124, 0.8);
}

.header a:hover,.list-table .list-table-data a:not(.edit-disabled):hover {
text-decoration:underline;
}

/**
 * List Container - List Table - Items
 */

.list-table .list-table-data .data {
    display: table-cell;
    padding: 4px 0;
    text-align: center;
    vertical-align: middle;
	color: #000 !important;
	border:none;
}

.list-table .list-table-data:hover .data {
color: #fff !important;
}

.list-table .list-table-data a:not(.edit-disabled):hover {
    text-decoration: underline;
    color: #fff !important;
}

.list-table .list-table-data a.edit-disabled {
    cursor: text;
    color: #000;
}

.list-table .list-table-data .tags .edit {
    display: block;
    width: 100%;
    text-align: center;
    color:  #2db039;
    font-size: 10px;
    font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
	display:none;
}
.list-table .list-table-data .tags .edit:hover {
    display:none;
}

.list-table .list-table-data .tags textarea {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
}

.list-table .list-table-data .data.image a {
    display: inline-block;
	
/* small list image */

}
.list-table .list-table-data .data.image .image {
    width: 30px;
    height: 30px;
	background-size:cover;
	border:2px solid #fff;
	-webkit-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	-moz-box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	box-shadow:2px 2px 8px -3px rgba(0,0,0,.76);
	border-radius:180px;
	display:inline-block!important;
}

.list-table .list-table-data:hover .data.image {
position: absolute;
margin-left: -30px !important;
opacity: 0;
    -moz-transition-duration: 0.3s ease-in-out;
    -o-transition-duration: 0.3s ease-in-out;
    -webkit-transition-duration: 0.3s ease-in-out;
    transition-duration: 0.3s ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
	-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
}

/* */

.list-table .list-table-data .data.title {
    padding-left: 8px;
    text-align: left;
    word-wrap: break-word
	
}

.list-table .list-table-data .data.title .link {
    font-size: 17px !important;
 text-decoration: none !important;
font-family: Rancho !important;
font-weight:100 !important;
transition: all 0.1s ease 0s;
}

.list-table .list-table-data:hover .data.title .link {
  letter-spacing: 0.5px;
  transition: all 0.1s ease 0s;
  color: #fff !important;
}
  
.list-table .list-table-data .data.title .rewatching, .list-table .list-table-data .data.title .rereading, .list-table .list-table-data .data.title .content-status {
    text-shadow: 0 0 2px #1a1aff, 0 0 1px #1a1aff, 1px 1px 7px #1a1aff, 0 0 0 #1a1aff !important;
	color: #fff !important;
    font-size: 0.9em
}

.list-table .list-table-data .data.score .link {
    font-size: 1.1em;
    font-weight: bold
}

td.td1.borderRBL {
color: #000 !important;
}

/*add edit */

.list-table .list-table-data .data.title .add-edit-more {
    float: right;
    margin-right: 10px;
   font-size:0 !important;
  
}

.add-edit-more {
    opacity: 0;
	transition: all 0.2s ease 0s;

}
.list-item:hover .add-edit-more {
    opacity: 1;
	transition: all 0.2s ease 0s;
}

.list-table .list-table-data .data.title .edit a {
	background-image: url(http://i.imgur.com/OT1yCLP.png);
	display: inline-block;
width: 15px;
height: 15px;
	background-size: cover;
	color: transparent !important;
	margin-right: 7px !important;
}

.list-table .list-table-data .data.title .more a {
	background-image: url(http://i.imgur.com/cUAaila.png);
	display: inline-block;
width: 15px;
height: 15px;
	background-size: cover;
	color: transparent !important;
}

.list-table .list-table-data .data.title .add a {
	background-image: url(http://i.imgur.com/AoTgUAL.png);
	display: inline-block;
width: 15px;
height: 15px;
	background-size: cover;
	color: transparent !important;
	margin-right: 7px !important;
}

/* */
.list-table .list-table-data .data.title .more {
    position: relative;
}

.list-table .more-info {
    display: none;
}

.list-table .more-info .more-content {
    padding: 10px;
}

/* review section */

.list-table .list-table-data .data.tags {
	 position: fixed;
    left: -30px;
top:90px;
    opacity: 0;
display: inline !important;
line-height: 16px !important;
font-family: Segoe UI, Atilla, Arial, Helvetica, sans-serif;
padding: 10px;
text-align:left;
width:135px;
height:auto !important;
	background-repeat: no-repeat;
pointer-events: none;
/* animation */
transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;
}

.list-table .list-table-data .data.tags span:after {
   position: fixed;
    left: -30px;
top:90px;
    opacity: 0;
display: block !important;
content:'';
width:150px;
height:224px !important;
background-image: url(http://i.imgur.com/sSnHx6Z.png);
	background-position: center;
        background-size:contain;
	background-repeat: no-repeat;
        box-shadow: 0 2px 5px rgba(0,0,0, 1);
pointer-events: none;
/* animation */
 transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;
z-index: -1;
}

.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
 opacity: 1;
 margin-left: 162px !important;
 transition: opacity .3s linear, margin-left .5s ease, transform 1s ease-in-out;
 
}

.list-table .list-table-header .header-title.tags {
display:none;
}

.link.sort + a {display: none;} /* remove watch buttons */

/**
* Large full-res hover images
*/

@import url(http://mal-fellow-writer.appspot.com/anime/takana_no_hana/?covers=https://dl.dropboxusercontent.com/u/188037746/.modern.styles/fellow.writer/covers.link.sort.after);

.link.sort:after
{content: "";
display: block !important;
position: fixed;
left: -20px !important;
top: 90px !important;
width: 122px;
height: 180px;
background-color: rgba(0,0,0,.3);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover;
border: 1px solid #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0, 0.7);
visibility: hidden;
opacity: 0;
transition: opacity .8s linear, margin-left .5s ease, transform 1s ease-in-out;
z-index: 5;}

.list-table .list-table-data:hover .link.sort:after {
visibility: visible;
opacity: 1;
margin-left: 30px !important;
transition: .3s ease-out;}

/* */

.list-table .list-table-data .data.status {
    width: 4px
}

.list-table .list-table-data .data.status .text {
    display: none
}

.list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {
    background-color: #2db039
}

.list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {
    background-color: #c3c3c3
}

.list-table .list-table-data .data.status.completed {
    background-color: #26448f
}

.list-table .list-table-data .data.status.onhold {
    background-color: #f1c83e
}

.list-table .list-table-data .data.status.dropped {
    background-color: #a12f31
}

/* */

.list-table .list-table-data .data.title {
    padding-left: 8px;
    text-align: left
}

.list-unit .loading-space {
    background-color:rgba(0, 0, 0, 0);
     color: #fff !important;
     display: inline-block;
     margin: auto;
    width: 600px;
    font-size: 11px;
    line-height:15px;
    text-align: middle !important;
	padding-top: 0px;
 margin-bottom: 0px;
  height:241px;
  background-attachment:scroll;
  background-image:url(http://i.imgur.com/q2TtrwV.jpg);
  background-repeat: no-repeat no-repeat;
  background-position: 0% 100%;
}

/*override codes*/
.header .header-info > a {color: rgba(255,255,255,1) !important;}
.header .header-info {color: rgba(255,255,255,0.8) !important;}
.header .header-menu {color: rgba(255,255,255,0.8) !important;}
.header .header-menu .btn-menu {color: rgba(255,255,255,0.8) !important;}
.username {color: rgba(255,255,255,1) !important;}
#header-menu-button {color: rgba(255,255,255,0.8) !important;}
.header a {
    font-weight: bold;
    color: #fff !important;
}

.data.status.all_anime, .status-button.all_anime, .data.status.all_anime, .status-button.all_anime.on, a.status-button.all_anime {
display:none !important;
}

.cover-block::before {
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1)) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1)) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1)) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .1)) !important; /* Standard syntax */
    position: absolute;
    top: 390px;
left: 20%;
margin-left: 305px !important;
width: 170px;
z-index: 1;
 color: #ffffff;
    display: block;
    font-size: 18px !important;
    font-family: Rancho;
text-align: left;
    text-shadow: 0 0 2px #b40bc3, 0 0 1px #b40bc3, 1px 1px 7px #b40bc3, 0 0 0 #FFF !important;
letter-spacing: 0 !important;
padding-left: 20px;
}

/* */
.header .header-title {
position: absolute;
top: 0px;
left: 0px;
background-image: url("http://i.imgur.com/VgrYqgb.png");
background-position: left top;
background-repeat: no-repeat;
background-size: auto 50px;
display: block;
width: 50px !important;
height: 50px;
text-indent: -9999px;
overflow: hidden
}

a.header-title {
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 50px;
}

/* customization */

/*body animation */
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, -15px);}
    to {-webkit-transform: translate(0, -0px);    }

}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, -15px);}
    to {-moz-transform: translate(0, -0px);}

}

/* The list background */
body:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0px;
	height: 470px !important;
width:100%;
}

body:before {
	background-image: url(http://i.imgur.com/W3Ok3fj.png);
	background-position: 50% 50%;
        background-size:contain;
	background-repeat: no-repeat;
	z-index: 10;
	background-color: transparent;
	/*animation*/
	 float: left;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;

}

/* body:after {
position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0px;
	height: 470px !important;
width:100%;
	background-image: url("http://i.imgur.com/Hm8he2A.jpg");
background-color: #fffcf9;
background-size:contain;
background-repeat:repeat-x;
z-index: 9;
} */

body:after {
position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0px;
	height: 470px !important;
width:100%;
	background-image: url("http://i.imgur.com/BtUITOH.png");
background-color: #fffcf9;
background-size:cover;
background-repeat:no-repeat;
background-position: right top;
z-index: 9;
}

body {
	content: '';
text-align: center;
font-family: Verdana, Arial;
font-size: 11px;
background-color: #fffcf9;
padding-bottom: 10px !important;
cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important;
  overflow-x: hidden;
       overflow-y: auto;
	   background-image: url(http://i.imgur.com/JsJCEPV.png);
	   background-size:contain;
	   background-position: right bottom;
	   background-attachment:fixed;
	   background-repeat: no-repeat;
}

/* 
**Characters render in each category. You can delete this part if you don't like 
default img
http://i.imgur.com/7ouzCUu.jpg
*/
.list-table .list-table-data .data.status.watching:after
{
position: fixed;
	display: block;
	content: '';
	top: 0;	
	height: 100%;
width:100%;
background-image: url("http://i.imgur.com/3GtASXm.jpg");
background-position:right !important;
background-size: contain;
background-repeat: no-repeat;
right: calc(17% + 600px);
border-width: 0;
background-color: #fffcf9;
content: "";
z-index: -4;
pointer-events: none;
}

.list-table .list-table-data .data.status.completed:after {
position: fixed;
	display: block;
	content: '';
	top: 0;	
	height: 100%;
width:100%;
background-image: url("http://i.imgur.com/MQsODjt.jpg");
background-position:right !important;
background-size: contain;
background-repeat: no-repeat;
right: calc(17% + 600px);
border-width: 0;
background-color: #fffcf9;
content: "";
z-index: -4;
pointer-events: none;
}

.list-table .list-table-data .data.status.onhold:after {
 position: fixed;
	display: block;
	content: '';
	bottom: 0;	
	height: 90%;
width:90%;
background-image: url("http://i.imgur.com/6uwJHq8.jpg");
background-position:bottom right !important;
background-size: contain;
background-repeat: no-repeat;
right: calc(17% + 600px);
border-width: 0;
background-color: #fffcf9;
content: "";
z-index: -4;
pointer-events: none;
 }
 
 .list-table .list-table-data .data.status.dropped:after {
position: fixed;
	display: block;
	content: '';
	top: 0;	
	height: 100%;
width:100%;
background-image: url("http://i.imgur.com/ogorszZ.jpg");
background-position:right !important;
background-size: contain;
background-repeat: no-repeat;
right: calc(17% + 600px);
border-width: 0;
background-color: #fffcf9;
content: "";
z-index: -4;
pointer-events: none;
}

.list-table .list-table-data .data.status.plantowatch:after{
position: fixed;
	display: block;
	content: '';
	top: 0;	
	height: 100%;
width:100%;
background-image: url("http://i.imgur.com/YKISJ02.jpg");
background-position:right !important;
background-size: contain;
background-repeat: no-repeat;
right: calc(17% + 600px);
border-width: 0;
background-color: #fffcf9;
content: "";
z-index: -4;
pointer-events: none;
}

/*status watching, etc background*/

.list-unit.completed .list-status-title:after {
color: transparent;
height: 550px !important;
width: 600px! important;
background-image: url("http://i.imgur.com/uSgnQd2.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -1 !important;
background-color: transparent;
margin-bottom: 20px !important;
pointer-events: none;
}

.list-unit.watching .list-status-title:after {
color: transparent;
height: 682px !important;
width: 600px! important;
background-image: url("http://i.imgur.com/jzbIsrM.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -1 !important;
background-color: transparent;
margin-bottom: 20px !important;
pointer-events: none;
}

.list-unit.onhold .list-status-title:after {
color: transparent;
height: 682px !important;
width: 600px! important;
background-image: url("http://i.imgur.com/vm4BlEq.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -1 !important;
background-color: transparent;
margin-bottom: 20px !important;
pointer-events: none;
}

.list-unit.dropped .list-status-title:after {
color: transparent;
height: 682px !important;
width: 600px! important;
background-image: url("http://i.imgur.com/U6LDgyh.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -1 !important;
background-color: transparent;
margin-bottom: 20px !important;
pointer-events: none;
}

.list-unit.plantowatch .list-status-title:after {
color: transparent;
height: 682px !important;
width: 600px! important;
background-image: url("http://i.imgur.com/rYE0y4R.png");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -1 !important;
background-color: transparent;
margin-bottom: 20px !important;
pointer-events: none;
}

/* white opacity background of the category images */

.list-unit.watching .list-status-title:before, .list-unit.onhold .list-status-title:before, .list-unit.plantowatch .list-status-title:before, .list-unit.completed .list-status-title:before, .list-unit.dropped .list-status-title:before {
color: transparent;
height: 470px !important;
width: 600px! important;
background-image: url("");
background-repeat: no-repeat;
background-size: contain;
position: absolute !important;
display: block !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
content: "";
z-index: -2 !important;
background-color: rgba(255,255,255,0.6) !important;
margin-bottom: 20px !important;
pointer-events: none;
}
   
/*
Animation

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}

}

@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}

@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}

@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}

@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.list-container:after {
 position: fixed;
    display: block;
    content: '';
    left: 0;
bottom:0;
    width: 100%;
    height: 100%;
    background:transparent url(http://i.imgur.com/4Ku9eFe.png) repeat top center;
  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
z-index: -1 !important;
}

.list-container:before {
 position: fixed;
    display: block;
    content: '';
    left: 0;
bottom:0;
    width: 100%;
    height: 100%;
	top: calc(100% - 400px) !important;
    background:transparent url(http://i.imgur.com/yB8QBAc.png) repeat top center;
  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
z-index: -1 !important;
}
*/

.status-menu-container .status-menu .status-button.all_anime.on:hover:after,
.status-menu-container .status-menu .status-button.watching.on:hover:after,
.status-menu-container .status-menu .status-button.reading.on:hover:after,
.status-menu-container .status-menu .status-button.completed.on:hover:after,
.status-menu-container .status-menu .status-button.onhold.on:hover:after,
.status-menu-container .status-menu .status-button.dropped.on:hover:after,
.status-menu-container .status-menu .status-button.plantowatch.on:hover:after,
.status-menu-container .status-menu .status-button.plantoread.on:hover:after
{
  opacity: 1 !important;
  margin-top: 50px !important;
	 -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

/* testing */

.list-unit.watching:after {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: fixed;
  bottom: 0px !important;
  right: 0px !important;
  background: url(http://i.imgur.com/4850NrO.png) no-repeat bottom right;
  background-size: 100%;
  pointer-events: none;
  z-index: 9;
}

.list-unit.completed:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: fixed;
  bottom: 0px !important;
  right: 0px !important;
  background: url(http://i.imgur.com/QIQv5oU.png) no-repeat bottom right;
  background-size: 100%;
  pointer-events: none;
  z-index: 9;
}

.list-unit.onhold:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: fixed;
  bottom: 0px !important;
  right: 0px !important;
  background: url(http://i.imgur.com/mxSdlQX.png) no-repeat bottom right;
  background-size: 100%;
  pointer-events: none;
  z-index: 9;
}

.list-unit.dropped:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: fixed;
  bottom: 0px !important;
  right: 0px !important;
  background: url(http://i.imgur.com/UoPx37I.png) no-repeat bottom right;
  background-size: 100%;
  pointer-events: none;
  z-index: 9;
}

.list-unit.plantowatch:before {
  content: "";
  display: block;
  width: 20%;
  height: 100%;
  position: fixed;
  bottom: 0px !important;
  right: 0px !important;
  background: url(http://i.imgur.com/jfCq1dV.png) no-repeat bottom right;
  background-size: 100%;
  pointer-events: none;
  z-index: 9;

}

.link:hover {
cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1394.cur), progress !important;
}

.list-table .list-table-data .data.score {
width: 21px !important;
height: 21px !important;
background-image: url(http://i.imgur.com/udzEw6G.png);
background-repeat: no-repeat;
background-size:contain;
background-position: 50% 50%;
}

.list-table .list-table-data .data.score a {color:#fff !important;}

Changed text

Open file

/* A GochiUsa layout for modern CSS 
** Visit Shishio's club for more premade layouts 
** You can customize a few things in this layout
**
*/

/* General codes */

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/datatitleafter";
@\import "https://fonts.googleapis.com/css?family=Orbitron";
@\import "http://fonts.googleapis.com/css?family=Amaranth";
@\import "https://fonts.googleapis.com/css?family=Rancho";
@\import "https://fonts.googleapis.com/css?family=Romanesco";
#advanced-options {
    position: fixed;
    top: 24px;
    left: 0;
    right: 0;
    background-color: #F6F6F6;
    display: none;
    width: 860px;
    margin: 0 auto;
    padding: 25px 0px 30px;
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    color: #323232;
    text-align: left;
    font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
    z-index: 1101;
	border: 5px solid rgba(255,255,255, 0.7);
background-image: url(http://i.imgur.com/4bgsxkl.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;	}
	
#advanced-options .advanced-options-header {
    width: 750px;
    margin: 0px auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #BEBEBE;
    font-size: 16px;
	color:#fff !important;
text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 5px #000, 0 0 0 #000 !important;
}