API tools faq
paste
Advertisement
Takeshi-no-uta

Takeshino's animelist

Takeshi-no-uta
Sep 14th, 2017
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 58.14 KB | None | 0 0
raw download clone embed print report
  1. /* General codes */
  2. @import url(https://malcat-gen.appspot.com/series?preset=dataimagelinkbefore);
  3. @import url('https://fonts.googleapis.com/css?family=Roboto');
  4. @import url(https://fonts.googleapis.com/css?family=Orbitron);
  5. @import url(http://fonts.googleapis.com/css?family=Amaranth);
  6. @import url(https://fonts.googleapis.com/css?family=Rancho);
  7. @import url(https://fonts.googleapis.com/css?family=Kaushan+Script|Tangerine);
  8.  
  9. #advanced-options {
  10.     position: fixed;
  11.     top: 100px;
  12.     left: 0px;
  13.     right: 0;
  14.     display: none;
  15.     width: 1000px;
  16.     margin: 0 auto;
  17.     padding: 30px 0px 30px;
  18.     -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
  19.     -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
  20.     -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
  21.     -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
  22.     box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.5);
  23.     color: #000;
  24.     text-align: left;
  25.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  26.     z-index: 1101;
  27.     border: none;
  28. background-image: url(http://i.imgur.com/rCYuX5A.gif);
  29. background-color:rgba(0,0,0,1);
  30.     background-repeat: no-repeat;
  31.     background-size: cover;
  32.     background-position: 50% 50%;}
  33.    
  34. #advanced-options .advanced-options-header {
  35.     width: 950px;
  36.     margin: 0px auto;
  37.     padding-bottom: 2px;
  38.     border-bottom: 2px solid #d8e0f3;
  39.     font-size: 25px;
  40.     color: #d8e0f3;
  41.     text-shadow: 2px 2px 2px #000000;
  42. } !important;
  43. }
  44.  
  45.  
  46. #advanced-options .advanced-options-header .description {
  47.     font-size: 22px;
  48.     font-weight: normal;
  49.     margin-left: 4px;
  50.     color:#d8e0f3 !important;
  51. }
  52.  
  53. #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 {
  54. font-size: 22px;
  55. color:#d8e0f3 !important;
  56. text-shadow: 2px 2px 2px #000000;
  57. }
  58.  
  59. #advanced-options select {
  60.     -ms-appearance: none;
  61.     -webkit-appearance: none;
  62.     -moz-appearance: none;
  63.     appearance: none;
  64.     background-image: url(/img/pc/ownlist/icon_pulldown_triangle.png);
  65.     background-repeat: no-repeat;
  66.     background-position: center right;
  67.     background-size: 15px 4px;
  68.     background-color: #fff;
  69.     display: inline-block;
  70.     height: 30px;
  71.     padding: 2px 20px 4px 4px;
  72.     padding-right: 4px\0;
  73.     border: #d8e0f3 2px solid;
  74.     border-radius: 8px;
  75.     font-size: 12px;
  76. }
  77. #advanced-options select::-ms-expand {
  78.     display: none;
  79. }
  80.  
  81. #advanced-options select:disabled {
  82.     background-image: url(/img/pc/ownlist/icon_pulldown_triangle_disable.png);
  83.     color: #d8e0f3;
  84. }
  85.  
  86. #advanced-options input[type=text] {
  87.     padding: 4px;
  88.     border: #d8e0f3 2px solid;
  89.     border-radius: 8px;
  90. }
  91.  
  92. #advanced-options input:focus {
  93.     outline: none;
  94. }
  95.  
  96.  
  97. /* sort */
  98. #advanced-options .sort-widget {
  99.     margin: 0px auto;
  100.     padding: 8px 0px 0px;
  101.     width: 900px;
  102. }
  103. #advanced-options .sort-widget:last-of-type {
  104.     padding-bottom: 45px;
  105. }
  106.  
  107. #advanced-options .sort-widget select {
  108.     width: 285px;
  109.     margin-right: 8px;
  110. }
  111.  
  112. #advanced-options .sort-widget input[type=radio] {
  113.     display: none;
  114. }
  115. #advanced-options .sort-widget input[type=radio] + label {
  116.     background-color: #d8e0f3;
  117.     display: inline-block;
  118.     width: 56px;
  119.     padding: 5px 0px;
  120.     border: #244291 2px solid;
  121.     border-radius: 8px;
  122.     color: #000000;
  123.     font-size: 13px;
  124.     text-align: center;
  125.     cursor: pointer;
  126. }
  127. #advanced-options .sort-widget input[type=radio]:checked + label {
  128.     background-color: #244291;
  129.     border: #244291 2px solid;
  130.     color: #FFFFFF;
  131. }
  132. #advanced-options .sort-widget input[type=radio]:disabled + label {
  133.     border: #d8e0f3 2px solid;
  134.     color: #9B9B9B;
  135. }
  136. #advanced-options .sort-widget input[type=radio]:checked:disabled + label {
  137.     background-color: #FFFFFF;
  138.     border: #d8e0f3 2px solid;
  139.     color: #9B9B9B;
  140. }
  141.  
  142. /* filter */
  143. #advanced-options .filter-widget {
  144.     margin: 0px auto;
  145.     padding: 12px 0px 0;
  146.     width: 900px;
  147. }
  148.  
  149. #advanced-options .filter-widget select {
  150.     margin-right: 8px;
  151.     font-size: 12px;
  152. }
  153.  
  154. #advanced-options .filter-widget.title input[type=text] {
  155.     width: 409px;
  156. }
  157.  
  158. #advanced-options .filter-widget.airing-status select,
  159. #advanced-options .filter-widget.publishing-status select {
  160.     width: 419px;
  161. }
  162.  
  163. #advanced-options .filter-widget.producer select,
  164. #advanced-options .filter-widget.magazine select {
  165.     width: 419px;
  166. }
  167.  
  168. #advanced-options .filter-widget.aired-date select.year,
  169. #advanced-options .filter-widget.published-date select.year {
  170.     width: 60px;
  171. }
  172.  
  173. #advanced-options .filter-widget.aired-date select.month,
  174. #advanced-options .filter-widget.published-date select.month,
  175. #advanced-options .filter-widget.aired-date select.day,
  176. #advanced-options .filter-widget.published-date select.day {
  177.     width: 45px;
  178. }
  179.  
  180. #advanced-options .filter-widget.aired-date .text,
  181. #advanced-options .filter-widget.published-date .text {
  182.     display: inline-block;
  183.     margin-right: 4px;
  184.     font-size: 12px;
  185.     text-shadow: 2px 2px 2px #000000;
  186. }
  187.  
  188. #advanced-options .filter-widget.aired-season select.year {
  189.     width: 60px;
  190. }
  191.  
  192. #advanced-options .filter-widget.aired-season select.season {
  193.     width: 110px;
  194. }
  195.  
  196. #advanced-options .sort-widget .widget-header,
  197. #advanced-options .filter-widget .widget-header {
  198.     display: inline-block;
  199.     width: 110px;
  200.     font-size: 12px;
  201.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  202. }
  203.  
  204. #advanced-options .sort-widget:last-of-type,
  205. #advanced-options .filter-widget:last-of-type {
  206.     padding-bottom: 5px;
  207. }
  208.  
  209. #advanced-options .advanced-options-button {
  210.     width: 950px;
  211.     margin: 0px auto;
  212.     padding: 15px 0px -20px;
  213.     border-top: 2px solid #d8e0f3;
  214.     text-align: center;
  215. }
  216.  
  217. #advanced-options .btn-apply,
  218. #advanced-options .btn-clear {
  219.     background-color: rgba(0,0,0, 0.5);
  220.     display: inline-block;
  221.     width: 250px;
  222.     margin: -0 100px;
  223.     padding: 5px 0px;
  224.     border-radius: 15px;
  225.     font-size: 18px;
  226.     color: #FFFFFF;
  227.     text-shadow: 2px 2px 4px #000000;
  228.     text-align: center;
  229.     -moz-transition-property: all;
  230.     -o-transition-property: all;
  231.     -webkit-transition-property: all;
  232.     transition-property: all;
  233.     -moz-transition-duration: 0.3s;
  234.     -o-transition-duration: 0.3s;
  235.     -webkit-transition-duration: 0.3s;
  236.     transition-duration: 0.3s;
  237.     -moz-transition-timing-function: ease-in-out;
  238.     -o-transition-timing-function: ease-in-out;
  239.     -webkit-transition-timing-function: ease-in-out;
  240.     transition-timing-function: ease-in-out;
  241. }
  242.  
  243. #advanced-options .btn-apply:hover,
  244. #advanced-options .btn-clear:hover {
  245.   background-color: rgba(36,66,145, 0.95);
  246.   box-shadow: 2px 2px 5px #000000
  247. }
  248.  
  249.  
  250.  
  251. /**
  252.  * General Styles
  253.  */
  254.  
  255.  
  256. td {
  257.     line-height: 2.0em;
  258.     height: 25px !important;
  259. }
  260.  
  261. a {
  262.     color: #fff;
  263.     text-decoration: none;
  264. }
  265. a:hover {
  266.     color: #fff !important;
  267.     text-shadow: 2px 2px 4px #000000;
  268.     text-decoration: none;
  269. }
  270.  
  271. #footer-block {
  272.     padding: 5px 0;
  273.     background-color: #244291;
  274.     color: #fff;
  275.     text-shadow: 2px 2px 4px #000000;
  276.     font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif;
  277.     display:none;
  278. }
  279.  
  280. #copyright {
  281.     font-size: 15px;
  282.     color: #FFFFFF;
  283.     padding-top: 8px;
  284.     text-align: center;
  285. }
  286.  
  287. /*
  288.  * Header
  289.  */
  290. .header a {
  291.     font-weight: bold;
  292.     color: #fff !important;
  293. }
  294. .header a:hover {
  295.     text-decoration: underline;
  296. }
  297.  
  298. .header {
  299.     position: absolute;
  300.     color: #000;
  301.     display: block;
  302.     width: 100%;
  303.     height: 50px;
  304.     margin: 0 auto
  305.     border:none;
  306.     background: -webkit-linear-gradient(rgba(0,0,0,.4), transparent); /* For Safari 5.1 to 6.0 */
  307.     background: -o-linear-gradient(rgba(0,0,0,.4), transparent); /* For Opera 11.1 to 12.0 */
  308.     background: -moz-linear-gradient(rgba(0,0,0,.4), transparent); /* For Firefox 3.6 to 15 */
  309.     background: linear-gradient(rgba(0,0,0,1), transparent); /* Standard syntax */
  310.     -moz-transition-property: all;
  311.     -o-transition-property: all;
  312.     -webkit-transition-property: all;
  313.     transition-property: all;
  314.     -moz-transition-duration: 1s;
  315.     -o-transition-duration: 1s;
  316.     -webkit-transition-duration: 1s;
  317.     transition-duration: 1s;
  318.     -moz-transition-timing-function: ease-in-out;
  319.     -o-transition-timing-function: ease-in-out;
  320.     -webkit-transition-timing-function: ease-in-out;
  321.     transition-timing-function: ease-in-out;
  322.     z-index: 40;
  323. }
  324.  
  325. .header:hover {background-color:rgba(0,0,0,0.5);
  326.   -moz-transition-property: all;
  327.     -o-transition-property: all;
  328.     -webkit-transition-property: all;
  329.     transition-property: all;
  330.     -moz-transition-duration: 0.5s;
  331.     -o-transition-duration: 0.5s;
  332.     -webkit-transition-duration: 0.5s;
  333.     transition-duration: 0.5s;
  334.     -moz-transition-timing-function: ease-in-out;
  335.     -o-transition-timing-function: ease-in-out;
  336.     -webkit-transition-timing-function: ease-in-out;
  337.     transition-timing-function: ease-in-out;
  338.  
  339. }
  340.  
  341. .header .header-menu {
  342.     position: absolute;
  343.     top: 17px;
  344.     right: 4px
  345. }
  346. .header .header-menu.other {
  347.     top: 5px;
  348. }
  349.  
  350.  
  351.  
  352. .header .header-menu .header-info {
  353.     font-size: 10px;
  354.     margin-top: 6px;
  355.     margin-right: 15px;
  356.     text-align: right;
  357. }
  358.  
  359. .header .username {
  360.     font-weight: bold;
  361. }
  362.  
  363. .header .header-menu .list-menu {
  364.     position: absolute;
  365.     top: 25px;
  366.     right: -4px;
  367.     background-color: rgba(255,255,255,.8);
  368.     display: none;
  369.     border: none !important;
  370.     -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  371.     -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  372.     box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  373.     z-index: 1;
  374. }
  375.  
  376. .header .header-menu .list-menu .icon-menu {
  377.     display: block;
  378.     width: 150px;
  379.     height: 30px;
  380.     color: #000;
  381.     font-size: 20px;
  382.     font-weight: bold;
  383.     text-decoration: none;
  384.     -moz-transition-property: all;
  385.     -o-transition-property: all;
  386.     -webkit-transition-property: all;
  387.     transition-property: all;
  388.     -moz-transition-duration: 0.3s;
  389.     -o-transition-duration: 0.3s;
  390.     -webkit-transition-duration: 0.3s;
  391.     transition-duration: 0.3s;
  392.     -moz-transition-timing-function: ease-in-out;
  393.     -o-transition-timing-function: ease-in-out;
  394.     -webkit-transition-timing-function: ease-in-out;
  395.     transition-timing-function: ease-in-out;
  396. }
  397.  
  398. .header .header-menu .list-menu .icon-menu:hover {
  399.     background-color: rgba(0,0,0,.5);
  400. }
  401.  
  402. .header .header-menu .list-menu .icon-menu svg.icon {
  403.     position: absolute;
  404.     fill: rgba(0,0,0,.5);
  405.     left: 12px;
  406.     top: 4px;
  407. }
  408.  
  409. .header .header-menu .list-menu .icon-menu:hover svg.icon {
  410.     fill: rgba(255,255,255,1) !important;
  411. }
  412.  
  413. .header .header-menu .list-menu .icon-menu .text {
  414.     position: absolute;
  415.     left: 52px;
  416.     top: 6px;
  417. }
  418.  
  419. .header .header-menu .list-menu .icon-menu:hover .text {color:rgba(255,255,255,1) !important;}
  420.  
  421. .header .header-menu .btn-menu {
  422. display: block;
  423.     text-align: right;
  424. color: rgba(0,0,0,0.7) !important;
  425. font-size: 12px !important;
  426. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  427. }
  428.  
  429. #header-menu-dropdown > a {color: rgba(0,0,0,.5) !important;}
  430.  
  431. /* svg.icon.icon-manga-list {color: rgba(0,0,0,.5) !important;} */
  432.  
  433. /**
  434.  * Floating Menu
  435.  */
  436. /**
  437.  * Floating Menu
  438.  */
  439. .list-menu-float:before
  440. {content: "\f0c9";
  441. font-family: 'FontAwesome' !important;
  442. display: block;
  443. text-align: center !important;
  444. text-indent: 5px;
  445. color: #000 !important;
  446. font-size:1.5em !important;
  447. height: 50px;
  448. width: 40px;
  449. line-height: 50px;}
  450.  
  451. .list-menu-float:hover:before {
  452. font-size:3.5em !important;
  453. text-shadow: 0 0 2px #fff, 0 0 1px #fff, 1px 1px 7px #fff, 0 0 0 #fff;
  454. -moz-transition-property: all;
  455.     -o-transition-property: all;
  456.     -webkit-transition-property: all;
  457.     transition-property: all;
  458.     -moz-transition-duration: 5s;
  459.     -o-transition-duration: 5s;
  460.     -webkit-transition-duration: 5s;
  461.     transition-duration: 5s;
  462.     -moz-transition-timing-function: ease-in-out;
  463.     -o-transition-timing-function: ease-in-out;
  464.     -webkit-transition-timing-function: ease-in-out;
  465.     transition-timing-function: ease-in-out;
  466. }
  467.  
  468. .list-menu-float
  469. {position: absolute;
  470. top: 0px;
  471. left:0px;
  472. width: 120px;
  473. border: none;
  474. opacity: 1;
  475. height: 40px !important;
  476. z-index: 100;
  477.  
  478. }
  479.  
  480. .list-menu-float .icon-menu
  481. {display: block;
  482. width: 110px;
  483. background-color: #D8E0F3;
  484. height: 30px;
  485. line-height: 30px;
  486. text-indent: 5px;
  487. opacity:0;
  488.  }
  489.  
  490. .list-menu-float:hover .icon-menu
  491. {opacity:1;
  492. -moz-transition-property: all;
  493.     -o-transition-property: all;
  494.     -webkit-transition-property: all;
  495.     transition-property: all;
  496.     -moz-transition-duration: 1s;
  497.     -o-transition-duration: 1s;
  498.     -webkit-transition-duration: 1s;
  499.     transition-duration: 1s;
  500.     -moz-transition-timing-function: cubic-bezier(.25,.25,.53,1.84);
  501.     -o-transition-timing-function: cubic-bezier(.25,.25,.53,1.84);
  502.     -webkit-transition-timing-function: cubic-bezier(.25,.25,.53,1.84);
  503.     transition-timing-function: cubic-bezier(.25,.25,.53,1.84);}
  504.  
  505. .list-menu-float .icon-menu.profile
  506. {background-image: none !important;}
  507.  
  508. .list-menu-float .icon-menu.profile:before
  509. {position:absolute;
  510. width:150px !important;
  511. content: "\f007\00a0Profile";
  512. font-family: 'FontAwesome' !important;
  513. margin-top:5px !important;
  514. margin-left:-65px !important;
  515. color: #000;
  516. text-align: center;}
  517.  
  518. .list-menu-float .icon-menu .text
  519. {opacity: 1;
  520. width: auto;
  521. left: 20px;
  522. top: 0;
  523. color: #000;}
  524.  
  525. .list-menu-float .icon-menu:hover
  526. {width: 150px !important;
  527. background-color:rgba(36,66,145,.9) !important;}
  528.  
  529. .list-menu-float .icon-menu:hover .text, .list-menu-float .icon-menu:hover:before, .list-menu-float .icon-menu:hover:after
  530. {color: #fff;
  531. width: auto;}
  532.  
  533. .list-menu-float .icon-menu.logout
  534. {border-radius: 0 0 4px 4px;}
  535.  
  536. .list-menu-float .icon-menu.setting
  537. {display:none;}
  538.  
  539. .list-menu-float .icon-menu svg.icon
  540. {top: 7px !important;
  541. left: 5px !important;
  542. width: 15px;
  543. height: 15px;}
  544.  
  545. .list-menu-float .icon-menu.setting svg.icon-setting {display:none;}
  546. /**
  547.  * List Container
  548.  */
  549.  
  550. .list-container {
  551.     position: absolute;
  552.     background-color: transparent !important;
  553.     width: 1200px;
  554.     left: 0;
  555.     right: 0;
  556.     margin: auto;
  557.     margin-top:94px;
  558.     /* box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000; */
  559.     border:none !important;
  560.     margin-bottom:30px;
  561. }
  562.  
  563. /**
  564.  * List Container - Cover Block
  565.  */
  566. .cover-block {
  567.     position:relative;
  568.     display: block;
  569.     width: 1180px;
  570.     margin: 0 auto;
  571.     height:auto;
  572.     text-align: center;
  573.     vertical-align: middle;
  574.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  575.     z-index: -1 !important;
  576. }
  577.  
  578. .cover-block .image-container {
  579.     display: block;
  580.     width: 1180px;
  581.     height:auto;
  582.     padding-top:0;
  583. }
  584.  
  585. .cover-block .image-container.hide {
  586.     display: none;
  587. }
  588.  
  589. .cover-block .image-container img {
  590.     max-width: 1180px;
  591.     height: auto;
  592. }
  593.  
  594. /* cover image */
  595.  
  596. #cover-image{
  597.  
  598.   margin:auto;
  599.   width:1180px !important;
  600.   height:auto;
  601.   background-color:transparent;
  602.   background-size: cover !important;
  603.   background-position: 50% 50%;
  604. }
  605.  
  606. /* setting icon */
  607. .cover-block .image-container .btn-list-setting {
  608.      display: none;
  609. }
  610.  
  611. .cover-block .image-container:hover .btn-list-setting {
  612.     display: none;
  613.     position: absolute;
  614.     top: 20px;
  615.     right: 28px;
  616.     padding: 8px;
  617.     border: rgba(255,255,255,0) 1px solid;
  618.     font-size: 14px;
  619.     color: #ffffff;
  620.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  621. }
  622.  
  623.  
  624.  
  625. .cover-block .image-container .btn-list-setting:hover {
  626.     position: absolute;
  627.     top: 20px;
  628.     right: 28px;
  629.     background-color: rgba(0,0,0,0.6);
  630.     padding: 8px;
  631.     border: none;
  632.     -moz-box-shadow: 0 0 4px #000000;
  633.     -webkit-box-shadow: 0 0 4px #000000;
  634.     -o-box-shadow: 0 0 4px #000000;
  635.     -ms-box-shadow: 0 0 4px #000000;
  636.     box-shadow: 0 0 4px #000000;
  637.     font-size: 14px;
  638.     color: #ffffff;
  639.     text-shadow: #323232 1px 1px 1px;
  640.    
  641. }
  642.  
  643. .cover-block .image-container .btn-list-setting .fa-camera {
  644.     font-size: 16px;
  645.     -moz-text-shadow: #000000 1px 1px 3px;
  646.     -webkit-text-shadow: #000000 1px 1px 3px;
  647.     -o-text-shadow: #000000 1px 1px 3px;
  648.     -ms-text-shadow: #000000 1px 1px 3px;
  649.     text-shadow: #000000 1px 1px 3px;
  650.     -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)";
  651.    
  652. }
  653.  
  654. .cover-block .image-container .btn-list-setting .icon-plus-circle {
  655.     position: absolute;
  656.     top: 4px;
  657.     left: 18px;
  658.     background-color: rgba(0,0,0,0.6);
  659.     border-radius: 50%;
  660.     -moz-box-shadow: -1px 1px 0px 0px #323232;
  661.     -webkit-box-shadow: -1px 1px 0px 0px #323232;
  662.     -o-box-shadow: -1px 1px 0px 0px #323232;
  663.     -ms-box-shadow: -1px 1px 0px 0px #323232;
  664.     box-shadow: -1px 1px 0px 0px #323232;
  665.     font-size: 10px;
  666.    
  667. }
  668.  
  669. .cover-block .image-container .btn-list-setting .text {
  670.   display: none;
  671. }
  672.  
  673. .cover-block .image-container .btn-list-setting:hover .text {
  674.   display: inline-block;;
  675.   margin-left: 4px;
  676. }
  677.  
  678.  
  679. /**
  680.  * List Container - Status Menu
  681.  */
  682.  
  683. .status-menu-container .status-menu:after {
  684.     border: 5px solid;
  685.     border-top-color: transparent;
  686.     border-right-color: rgba(0,0,0,.6);
  687.     border-bottom-color: rgba(0,0,0,.6);
  688.     border-left-color: transparent;
  689.     content: "";
  690.     height: 0;
  691.     left: 0;
  692.     margin-top: -10px;
  693.     width: 0;
  694.     position: absolute;
  695.     z-index: -2 !important;
  696.  }
  697.  
  698.  .status-menu-container .status-menu:before {
  699.     border: 5px solid;
  700.     border-top-color: transparent;
  701.     border-right-color: transparent;
  702.     border-bottom-color: rgba(0,0,0,.6);
  703.     border-left-color: rgba(0,0,0,.6);
  704.     content: "";
  705.     height: 0;
  706.     right: 0;
  707.     margin-top: -10px;
  708.     width: 0;
  709.     position: absolute;
  710.     z-index: -2 !important;
  711.  }
  712.  
  713.  
  714. .status-menu-container {
  715.     width: 1200px;
  716.     height: 80px;
  717.     background-color: rgba(0,0,0,.4);
  718.     background-image:url();
  719.     background-repeat:repeat;
  720.     border-bottom: none;
  721.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  722.     z-index: 2 !important;
  723. }
  724.  
  725. .status-menu-container.fixed {
  726.     display: none !important;
  727. }
  728.  
  729. .status-menu-container.fixed + div.list-block {
  730.    min-height:500px;
  731. }
  732.  
  733. .status-menu-container .status-menu {
  734.     display: table;
  735.     margin: 0 auto;
  736.     border-collapse: separate;
  737.     border-spacing: 0px 0;
  738.     z-index:2 !important;
  739. }
  740.  
  741. .status-menu-container .status-menu .status-button {
  742.     padding:0 !important;
  743.     position: relative;
  744.     display: table-cell;
  745.     font-family: 'HelveticaNeue';
  746.     text-align: center;
  747.     vertical-align: center !important;
  748.     font-size: 18px;
  749.     font-weight:500 !important;
  750.     color: #fff;
  751.     width:135px;
  752.     height:75px;
  753.     z-index:10;
  754.     background-size:cover;
  755.     background-position:50% 50%;
  756.     background-repeat:no-repeat;
  757. border-radius:10px !important;
  758.  
  759.     top:2px;
  760. }
  761.  
  762.  
  763. /* status button */
  764. /* all_anime */
  765. .status-menu-container .status-menu .status-button.all_anime {
  766. background-image:url(http://i.imgur.com/M4DVP00.png);  
  767. }
  768.  
  769. .status-menu-container .status-menu .status-button.all_anime:hover {
  770. background-image:url(http://i.imgur.com/2p9w5Tv.gif);  
  771. }
  772.  
  773. .status-menu-container .status-menu .status-button.all_anime.on {
  774. background-image:url(http://i.imgur.com/2p9w5Tv.gif);  
  775. }
  776.  
  777. /* watching */
  778.  
  779. .status-menu-container .status-menu .status-button.watching {
  780. background-image:url(http://i.imgur.com/R2dK2x9.png);  
  781. left:8px !important;
  782. }
  783.  
  784. .status-menu-container .status-menu .status-button.watching:hover {
  785. background-image:url(http://i.imgur.com/07UFuEx.gif);      
  786. }
  787.  
  788. .status-menu-container .status-menu .status-button.watching.on {
  789. background-image:url(http://i.imgur.com/07UFuEx.gif);      
  790. }
  791.  
  792. /* completed */
  793.  
  794. .status-menu-container .status-menu .status-button.completed {
  795. background-image:url(http://i.imgur.com/jiIOyzj.png);  
  796. left:16px !important;
  797. }
  798.  
  799. .status-menu-container .status-menu .status-button.completed:hover {
  800. background-image:url(http://i.imgur.com/gAWSgfy.gif);  
  801. }
  802.  
  803. .status-menu-container .status-menu .status-button.completed.on {
  804. background-image:url(http://i.imgur.com/gAWSgfy.gif);  
  805. }
  806.  
  807. /* on-hold */
  808.  
  809. .status-menu-container .status-menu .status-button.onhold {
  810. background-image:url(http://i.imgur.com/sEPaeeh.png);  
  811. left:24px !important;
  812. }
  813.  
  814. .status-menu-container .status-menu .status-button.onhold:hover {
  815. background-image:url(http://i.imgur.com/dwJmHY3.gif);  
  816. }
  817.  
  818. .status-menu-container .status-menu .status-button.onhold.on {
  819. background-image:url(http://i.imgur.com/dwJmHY3.gif);  
  820. }
  821.  
  822. /*dropped */
  823.  
  824. .status-menu-container .status-menu .status-button.dropped {
  825. background-image:url(http://i.imgur.com/TJ1nttA.png);
  826. left:32px !important;
  827. }
  828.  
  829. .status-menu-container .status-menu .status-button.dropped:hover {
  830. background-image:url(http://i.imgur.com/Uz8ShFp.gif);
  831. }
  832.  
  833. .status-menu-container .status-menu .status-button.dropped.on {
  834. background-image:url(http://i.imgur.com/Uz8ShFp.gif);
  835. }
  836.  
  837. /* plan to watch */
  838.  
  839. .status-menu-container .status-menu .status-button.plantowatch {
  840. background-image:url(http://i.imgur.com/hpiprTG.png);
  841. left:40px !important;
  842. }
  843.  
  844. .status-menu-container .status-menu .status-button.plantowatch:hover {
  845. background-image:url(http://i.imgur.com/qytNbi8.gif);
  846. }
  847.  
  848. .status-menu-container .status-menu .status-button.plantowatch.on {
  849. background-image:url(http://i.imgur.com/qytNbi8.gif);
  850. }
  851.  
  852.  
  853.  
  854. /* */
  855.  
  856. .status-menu-container .status-menu .status-button.on {
  857.     color: #fff;
  858.     font-weight: bold;
  859.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  860.     border: #fff 1px solid;
  861.     box-sizing: border-box;
  862.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
  863. }
  864.  
  865. .status-menu-container .status-menu .status-button:hover {
  866.     border: #fff 1px solid;
  867.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;
  868.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  869.         box-sizing: border-box;
  870.     background-color: transparent;
  871.     color: #fff;
  872.     -moz-transition-property: all;
  873.     -o-transition-property: all;
  874.     -webkit-transition-property: all;
  875.     transition-property: all;
  876.     -moz-transition-duration: 0.3s;
  877.     -o-transition-duration: 0.3s;
  878.     -webkit-transition-duration: 0.3s;
  879.     transition-duration: 0.3s;
  880.     -moz-transition-timing-function: ease-in-out;
  881.     -o-transition-timing-function: ease-in-out;
  882.     -webkit-transition-timing-function: ease-in-out;
  883.     transition-timing-function: ease-in-out;
  884. }
  885.  
  886. .status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after {
  887.     opacity: 1
  888. }
  889.  
  890. /* .status-menu-container .status-menu .status-button.watching:before, .status-menu-container .status-menu .status-button.reading:before {
  891. content: "\f152\00a0\00a0";
  892. float: left;
  893. font-size: 1.5em;
  894. font-family: 'FontAwesome' !important;
  895. }
  896.  
  897. .status-menu-container .status-menu .status-button.completed:before {
  898. content: "\f05d\00a0\00a0";
  899. float: left;
  900. font-size: 1.5em;
  901. font-family: 'FontAwesome' !important;
  902. }
  903.  
  904. .status-menu-container .status-menu .status-button.onhold:before {
  905. content: "\f017\00a0\00a0";
  906. float: left;
  907. font-size: 1.5em;
  908. font-family: 'FontAwesome' !important;
  909. }
  910.  
  911. .status-menu-container .status-menu .status-button.plantowatch:before, .status-menu-container .status-menu .status-button.plantoread:before {
  912. content: "\f073\00a0\00a0";
  913. float: left;
  914. font-size: 1.5em;
  915. font-family: 'FontAwesome' !important;
  916. }
  917.  
  918. .status-menu-container .status-menu .status-button.dropped:before {
  919. content: "\f00d\00a0\00a0";
  920. float: left;
  921. font-size: 1.5em;
  922. font-family: 'FontAwesome' !important;
  923. }
  924.  
  925. .status-menu-container .status-menu .status-button.all_anime:before {
  926. content: "\f022\00a0";
  927. float: left;
  928. font-size: 1.5em;
  929. font-family: 'FontAwesome' !important;
  930. }*/
  931.  
  932. .status-menu-container .status-menu .status-button:after {display:none !important;}
  933.  
  934. /*scroll bar*/
  935.  
  936. ::-webkit-scrollbar
  937. {height: 5px;
  938. width: 7px;
  939. background-color: #f5f5f5;}
  940. ::-webkit-scrollbar-thumb
  941. {border: 2px solid #f5f5f5;
  942. border-radius: 2px;
  943. background-color: #9B9B9B;}
  944.  
  945. /**
  946.  * List Container - Status Menu - Search
  947.  */
  948. .status-menu-container .search-container {
  949.     position: absolute;
  950.     right: 10px;
  951.     z-index:20;
  952. }
  953. .status-menu-container .search-container #search-button {
  954.     display: inline-block;
  955.     height: 20px;
  956.     margin-top: 10px;
  957.     color: #fff;
  958.     font-size: 1.6em;
  959.     vertical-align: middle;
  960. }
  961.  
  962. .status-menu-container .search-container #search-box {
  963.     display: inline-block;
  964.     width: 0;
  965.     height: 20px;
  966.     overflow: hidden;
  967.     margin-top: 5px;
  968.     -webkit-transition: width 1.0s;
  969.     -moz-transition: width 1.0s;
  970.     transition: width 1.0s;
  971.     -webkit-backface-visibility: hidden;
  972.     vertical-align: middle;
  973. }
  974.  
  975. .status-menu-container .search-container #search-box.open {
  976.     display: inline-block;
  977.     width: 120px;
  978. }
  979.  
  980. .status-menu-container .search-container #search-box input {
  981.     width: 100%;
  982.     height: 100%;
  983.     box-sizing: border-box;
  984. }
  985.  
  986.  
  987. /**
  988.  * List Container - List Block
  989.  */
  990. .list-block {
  991.     margin: 0;
  992.     min-height:260px;
  993. z-index: 1 !important;
  994. }
  995.  
  996. .list-unit {
  997.     background: -webkit-linear-gradient(rgba(0,0,0,.4), transparent); /* For Safari 5.1 to 6.0 */
  998.     background: -o-linear-gradient(rgba(0,0,0,.4), transparent); /* For Opera 11.1 to 12.0 */
  999.     background: -moz-linear-gradient(rgba(0,0,0,.4), transparent); /* For Firefox 3.6 to 15 */
  1000.     background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(36,66,145,1)); /* Standard syntax */
  1001.     margin: auto;
  1002.     width: 1176px;
  1003.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1004.     margin-top:15px;
  1005.     z-index: 1 !important;
  1006.     padding-top:500px;
  1007. }
  1008.  
  1009. /**
  1010.  * List Container - List Status Title (with Stats)
  1011.  */
  1012. .list-unit .list-status-title {
  1013.     position: relative;
  1014.     display: table-cell;
  1015.     background-color: transparent;
  1016.     width: 1180px;
  1017.    height:0;
  1018. }
  1019.  
  1020.  
  1021. .list-unit .list-status-title .stats a.filterd {
  1022.     text-shadow: 0px 0px 2px #FFF;
  1023. }
  1024.  
  1025. .list-unit .list-status-title .stats a:hover {
  1026.     background:rgba(36,66,145, 0.95);
  1027. padding:8px;
  1028.  -moz-transition-property: all;
  1029.     -o-transition-property: all;
  1030.     -webkit-transition-property: all;
  1031.     transition-property: all;
  1032.     -moz-transition-duration: 0.3s;
  1033.     -o-transition-duration: 0.3s;
  1034.     -webkit-transition-duration: 0.3s;
  1035.     transition-duration: 0.5s;
  1036.     -moz-transition-timing-function: ease-in-out;
  1037.     -o-transition-timing-function: ease-in-out;
  1038.     -webkit-transition-timing-function: ease-in-out;
  1039.     transition-timing-function: ease-in-out;
  1040. }
  1041.  
  1042.  
  1043. .list-unit .list-stats {
  1044. background-color: rgba(255,255,255,.5);
  1045. margin-top: -500px !important;
  1046. color : #000;
  1047. height: 25px;
  1048. margin:auto;
  1049. position: absolute;
  1050. width: 1176px;
  1051. z-index: 1 !important;
  1052. }
  1053.  
  1054. .list-unit .list-status-title .stats {
  1055.     position: absolute;
  1056.     height: 40px;
  1057.     line-height: 40px;
  1058.     width:180px;
  1059.     right: -55px;
  1060.     margin-top: -550px;
  1061.     z-index: 1;
  1062. }
  1063.  
  1064. .list-unit .list-status-title .stats a {
  1065.     color: #fff;
  1066.     padding:8px;
  1067. margin:0 !important;
  1068. }
  1069.  
  1070.  
  1071. /**
  1072.  * List Container - List Table
  1073.  */
  1074.  
  1075. .list-table {
  1076.     width: 100%;
  1077.     margin: auto;
  1078.     border-collapse: collapse;
  1079.     background-color:transparent !important;
  1080.     color: #fff !important;
  1081.     border:none;
  1082. }
  1083.  
  1084. /* columns background color*/
  1085.  
  1086. .list-table > tbody:nth-of-type(2n+1) {
  1087.     background-color: transparent;
  1088.     background-image:url();
  1089.     background-repeat:repeat;
  1090.    
  1091. }
  1092.  
  1093. .list-table > tbody:nth-of-type(2n) {
  1094. background-color: transparent;
  1095.     background-image:url();
  1096.     background-repeat:repeat;
  1097.    
  1098. }
  1099.  
  1100.  /**
  1101.  * List Container - List Table - Header
  1102.  */
  1103.  
  1104.  
  1105.  
  1106. .list-table .list-table-header:before {content: "\f0dc\00a0SORT";
  1107. display: block;
  1108. text-align: center !important;
  1109. font-family: 'FontAwesome' !important;
  1110. text-indent: 0px;
  1111. color: #fff !important;
  1112. font-weight: 700 !important;
  1113. width: 57px;
  1114. line-height: 40px;
  1115. height:40px;
  1116. margin-left:0px !important;
  1117. margin-top:-40px;
  1118. position:absolute;
  1119. }
  1120.  
  1121. .list-table .list-table-header:hover:before {color:#fff !important;
  1122. background-color:rgba(0,0,0,.5);}
  1123.  
  1124. .list-table .list-table-header {
  1125. position: absolute;
  1126.     display: block;
  1127. margin-left:-10px;
  1128. margin-top:-515px;
  1129. z-index:200 !important;
  1130. }
  1131.  
  1132. .list-table .list-table-header .header-title {
  1133.      background: #F6F6F6 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px;
  1134.     display: block;
  1135.     border-bottom: 0;
  1136.     height: 39px;
  1137.     text-align: center;
  1138.     vertical-align: middle;
  1139.     z-index:60 !important;
  1140.     opacity:0;
  1141. }
  1142.  
  1143. .list-table .list-table-header:hover .header-title {opacity:1;
  1144. -moz-transition-property: all;
  1145.     -o-transition-property: all;
  1146.     -webkit-transition-property: all;
  1147.     transition-property: all;
  1148.     -moz-transition-duration: 0.3s;
  1149.     -o-transition-duration: 0.3s;
  1150.     -webkit-transition-duration: 0.3s;
  1151.     transition-duration: 0.3s;
  1152.     -moz-transition-timing-function: ease-in-out;
  1153.     -o-transition-timing-function: ease-in-out;
  1154.     -webkit-transition-timing-function: ease-in-out;
  1155.     transition-timing-function: ease-in-out;}
  1156.  
  1157. .list-table .list-table-header .header-title:last-child {
  1158.     background-image: none;
  1159. }
  1160.  
  1161. .list-table .list-table-header .header-title.status,.list-table .list-table-header .header-title.number,.list-table .list-table-header .header-title.image,.list-table .list-table-header .header-title.tags  {
  1162.     background-image: none;
  1163.     display:none !important;
  1164. }
  1165.  
  1166. .list-table .list-table-header .header-title.title {
  1167.     text-align: center;
  1168.     width:90px;
  1169.     line-height: 40px;
  1170.     padding:0 !important;
  1171. }
  1172.  
  1173. .list-table .list-table-header .header-title.score {
  1174.    text-align: center;
  1175.     width:90px;
  1176.     line-height: 40px;
  1177.     padding:0 !important;
  1178. }
  1179.  
  1180. .list-table .list-table-header .header-title.type {
  1181.    text-align: center;
  1182.     width:90px;
  1183.     line-height: 40px;
  1184.     padding:0 !important;
  1185. }
  1186.  
  1187. .list-table .list-table-header .header-title.progress {
  1188.    text-align: center;
  1189.     width:90px;
  1190.     line-height: 40px;
  1191.     padding:0 !important;
  1192. }
  1193.  
  1194. .list-table .list-table-header .header-title.chapters {
  1195.    text-align: center;
  1196.     width:90px;
  1197.     line-height: 40px;
  1198.     padding:0 !important;
  1199. }
  1200.  
  1201. .list-table .list-table-header .header-title.volumes {
  1202.    text-align: center;
  1203.     width:90px;
  1204.     line-height: 40px;
  1205.     padding:0 !important;
  1206. }
  1207.  
  1208. .list-table .list-table-header .header-title.rated {
  1209.    text-align: center;
  1210.     width:90px;
  1211.     line-height: 40px;
  1212.     padding:0 !important;
  1213. }
  1214.  
  1215. .list-table .list-table-header .header-title.started {
  1216.    text-align: center;
  1217.     width:90px;
  1218.     line-height: 40px;
  1219.     padding:0 !important;
  1220.     display:none;
  1221. }
  1222.  
  1223. .list-table .list-table-header .header-title.finished {
  1224.   text-align: center;
  1225.     width:90px;
  1226.     line-height: 40px;
  1227.     padding:0 !important;
  1228. }
  1229.  
  1230. .list-table .list-table-header .header-title.days {
  1231.    text-align: center;
  1232.     width:90px;
  1233.     line-height: 40px;
  1234.     padding:0 !important;
  1235. }
  1236.  
  1237. .list-table .list-table-header .header-title.storage {
  1238.     text-align: center;
  1239.     width:90px;
  1240.     line-height: 40px;
  1241.     padding:0 !important;
  1242. }
  1243.  
  1244. .list-table .list-table-header .header-title.retail {
  1245.    text-align: center;
  1246.     width:90px;
  1247.     line-height: 40px;
  1248.     padding:0 !important;
  1249. }
  1250.  
  1251. .list-table .list-table-header .header-title.priority {
  1252.     text-align: center;
  1253.     width:90px;
  1254.     line-height: 40px;
  1255.     padding:0 !important;
  1256. }
  1257.  
  1258. .list-table .list-table-header .header-title .link {
  1259.     font-size: 11px;
  1260.     color: #323232;
  1261.     text-decoration: none
  1262.     height:40px;
  1263.     width:90px;
  1264. }
  1265.  
  1266. .list-table .list-table-header .header-title .link.sort {
  1267.     position: relative;
  1268.     display: inline-block;
  1269.     color: #323232;
  1270.     height:40px;
  1271.     width:90px;
  1272.     white-space: nowrap;
  1273.     -moz-transition-property: all;
  1274.     -o-transition-property: all;
  1275.     -webkit-transition-property: all;
  1276.     transition-property: all;
  1277.     -moz-transition-duration: 0.3s;
  1278.     -o-transition-duration: 0.3s;
  1279.     -webkit-transition-duration: 0.3s;
  1280.     transition-duration: 0.3s;
  1281.     -moz-transition-timing-function: ease-in-out;
  1282.     -o-transition-timing-function: ease-in-out;
  1283.     -webkit-transition-timing-function: ease-in-out;
  1284.     transition-timing-function: ease-in-out
  1285. }
  1286.  
  1287. .list-table .list-table-header .header-title .link.sort:hover {
  1288.     color: #000;
  1289.     background-color: rgba(0,0,0,.5);
  1290.     height:40px;
  1291.     width:90px;
  1292. }
  1293.  
  1294. .list-table .list-table-header .header-title .sort-icon {
  1295.     color: #fff;
  1296. }
  1297.  
  1298.  
  1299. /* customize list */
  1300.  
  1301.  .list-table .list-table-data{
  1302. border:none !important;
  1303. }
  1304.  
  1305. .list-table .list-table-data:hover {
  1306.   box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  1307.  
  1308.   background-color:rgba(0,0,0,.3);
  1309.   border: 1px solid rgba(0,0,0,.3);
  1310.   box-sizing: border-box;
  1311.    -moz-transition-property: all;
  1312.     -o-transition-property: all;
  1313.     -webkit-transition-property: all;
  1314.     transition-property: all;
  1315.     -moz-transition-duration: 0.3s;
  1316.     -o-transition-duration: 0.3s;
  1317.     -webkit-transition-duration: 0.3s;
  1318.     transition-duration: 0.3s;
  1319.     -moz-transition-timing-function: ease-in-out;
  1320.     -o-transition-timing-function: ease-in-out;
  1321.     -webkit-transition-timing-function: ease-in-out;
  1322.     transition-timing-function: ease-in-out;
  1323. }
  1324.  
  1325.  
  1326. .list-table .list-table-data:hover .data.title  {
  1327.   text-shadow: 0 0 2px #000, 0 0 1px #000, 0 1px 7px #000, 0 0 0.5px #000;
  1328.   color:#fff;
  1329.   transition: .1s linear;
  1330.   }
  1331.  
  1332.  
  1333. .header a:hover,.list-table .list-table-data a:not(.edit-disabled):hover {
  1334. text-decoration:underline;
  1335. }
  1336.  
  1337.  
  1338. /**
  1339.  * List Container - List Table - Items
  1340.  */
  1341.  
  1342. .list-table .list-table-data .data {
  1343.     display: table-cell;
  1344.     padding: 4px 0;
  1345.     text-align: center;
  1346.     vertical-align: middle;
  1347.     color: #fff !important;
  1348.     border:none;
  1349.  
  1350. }
  1351.  
  1352. .list-table .list-table-data a:not(.edit-disabled):hover {
  1353.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1354.     color: #fff !important;
  1355. }
  1356.  
  1357. .list-table .list-table-data a.edit-disabled {
  1358.     cursor: text;
  1359.     color: #fff;
  1360. }
  1361.  
  1362.  
  1363.  
  1364. .list-table .list-table-data .data.title .link {
  1365.     font-size: 16px !important;
  1366.  text-decoration: none !important;
  1367. font-family: 'Roboto', sans-serif;
  1368. font-weight:200 !important;
  1369. transition: all 10s ease 0.2s;
  1370. /*text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;*/
  1371. color:#fff !important;
  1372. }
  1373.  
  1374. .list-table .list-table-data:hover .data.title .link {
  1375.   letter-spacing: 1.0px;
  1376.   transition: all 5s ease 0.0s;
  1377.   color:#fff !important;
  1378. }
  1379.  
  1380. .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 {
  1381.     text-shadow: 0 0 2px #F54EE7, 0 0 1px #F54EE7, 1px 1px 7px #E32BD4, 0 0 0 #F54EE7 !important;
  1382.     color: #fff !important;
  1383.     font-size: 0.9em;
  1384.     text-align:right !important;
  1385.     vertical-align:middle !important;
  1386.     width: 180px !important;
  1387.     display:block;
  1388.     opacity:0;
  1389. }
  1390.  
  1391.  
  1392.  
  1393. .list-table .list-table-data:hover .data.title .rewatching, .list-table .list-table-data:hover .data.title .rereading, .list-table .list-table-data:hover .data.title .content-status {
  1394.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  1395.     color: #fff !important;
  1396.     font-size: 1.0em;
  1397.     right: 4px !important;
  1398.     top: 30px !important;
  1399.     vertical-align:middle !important;
  1400.     width: 80px !important;
  1401.     text-align:right;
  1402.     display:block;
  1403.     opacity:1;
  1404.     position:absolute;
  1405.     font-weight: bold;
  1406. }
  1407.  
  1408. .list-table .list-table-data .data.season {
  1409.     text-shadow: 0 0 2px #F54EE7, 0 0 1px #F54EE7, 1px 1px 7px #E32BD4, 0 0 0 #F54EE7 !important;
  1410.     color: #fff !important;
  1411.     font-size: 0.9em;
  1412.     text-align:left !important;
  1413.     vertical-align:middle !important;
  1414.     width: 80px !important;
  1415.     display:block;
  1416.     opacity:0;
  1417. }
  1418.  
  1419. .list-table .list-table-data:hover .data.season  {
  1420.      text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  1421.     color: #fff !important;
  1422.     font-size: 1.0em;
  1423.     left: 4px !important;
  1424.     top: 30px !important;
  1425.     vertical-align:middle !important;
  1426.     display:block;
  1427.     opacity:1;
  1428.     position:absolute;
  1429.     font-weight: bold;
  1430.    
  1431. }
  1432.  
  1433. .list-table .list-table-data .data.score .link {
  1434.     font-size: 1.2em;
  1435.     font-weight: bold
  1436. }
  1437.  
  1438. td.td1.borderRBL {
  1439. color: #fff !important;
  1440. }
  1441.  
  1442. /* */
  1443. .list-table .list-table-data .data.title .more {
  1444.     position: relative;
  1445. }
  1446.  
  1447. .list-table .more-info {
  1448.     display: none;
  1449. }
  1450.  
  1451. .list-table .more-info .more-content {
  1452.     padding: 10px;
  1453. }
  1454.  
  1455. /* */
  1456.  
  1457. .list-table .list-table-data .data.status {
  1458.     width: 4px;
  1459.     z-index:9 !important;
  1460. }
  1461.  
  1462. .list-table .list-table-data .data.status .text {
  1463.     display: none
  1464. }
  1465.  
  1466. .list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {
  1467.     /* background-color: #2db039 */
  1468.     background-color:transparent;
  1469. }
  1470.  
  1471. .list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {
  1472.     /* background-color: #c3c3c3 */
  1473.     background-color:transparent;
  1474. }
  1475.  
  1476. .list-table .list-table-data .data.status.completed {
  1477.     /* background-color: #26448f */
  1478.     background-color:transparent;
  1479. }
  1480.  
  1481.  
  1482. .list-table .list-table-data .data.status.onhold {
  1483.     /*background-color: #f1c83e*/
  1484.     background-color:transparent;
  1485. }
  1486.  
  1487. .list-table .list-table-data .data.status.dropped {
  1488.     /*background-color: #a12f31*/
  1489.     background-color:transparent;
  1490. }
  1491.  
  1492.  
  1493.  
  1494. /*list status*/
  1495.  
  1496. /* .list-table .list-table-data:hover .data.status.completed:before, .list-table .list-table-data:hover .data.status.reading:before, .list-table .list-table-data:hover .data.status.watching:before,.list-table .list-table-data:hover .data.status.plantoread:before, .list-table .list-table-data:hover .data.status.plantowatch:before,.list-table .list-table-data:hover .data.status.onhold:before,.list-table .list-table-data:hover .data.status.dropped:before */
  1497.  
  1498. .list-table .list-table-data:hover .data.status.completed:before, .list-table .list-table-data:hover .data.status.reading:before, .list-table .list-table-data:hover .data.status.watching:before,.list-table .list-table-data:hover .data.status.plantoread:before, .list-table .list-table-data:hover .data.status.plantowatch:before,.list-table .list-table-data:hover .data.status.onhold:before,.list-table .list-table-data:hover .data.status.dropped:before {
  1499. height: 25px;
  1500. width:25px !important;
  1501. background-position:50% 50%;
  1502. background-repeat: no-repeat;
  1503. background-size:15px 17px;
  1504. display: inline-block !important;
  1505. position: relative;
  1506. left: 25px !important;
  1507. top: 0 !important;
  1508. z-index: 10 !important;
  1509. content: "";
  1510. pointer-events: none;
  1511. opacity: 1 !important; }
  1512.  
  1513. .list-table .list-table-data:hover .data.status.completed:before {
  1514. /* background-color: #26448f !important; */
  1515. color:#fff;
  1516. content: "\f05d";
  1517. font-size: 1.5em;
  1518. line-height:25px;
  1519. font-family: 'FontAwesome' !important;
  1520. }
  1521.  
  1522. .list-table .list-table-data:hover .data.status.watching:before, .list-table .list-table-data:hover .data.status.reading:before
  1523. {
  1524.     /*background-color: #2db039 !important;*/
  1525. color:#fff;
  1526. content: "\f008";
  1527. font-size: 1.5em;
  1528. line-height:25px;
  1529. font-family: 'FontAwesome' !important;}
  1530.  
  1531. .list-table .list-table-data:hover .data.status.plantowatch:before, .list-table .list-table-data:hover .data.status.plantoread:before
  1532. {/*background-color: #c3c3c3 !important;*/
  1533. color:#fff;
  1534. content: "\f073";
  1535. font-size: 1.5em;
  1536. line-height:25px;
  1537. font-family: 'FontAwesome' !important;}
  1538.  
  1539. .list-table .list-table-data:hover .data.status.onhold:before
  1540. {/*background-color: #f1c83e !important;*/
  1541. color:#fff;
  1542. content: "\f017";
  1543. font-size: 1.5em;
  1544. line-height:25px;
  1545. font-family: 'FontAwesome' !important;}
  1546.  
  1547. .list-table .list-table-data:hover .data.status.dropped:before
  1548. {/*background-color: #a12f31 !important;*/
  1549. color:#fff;
  1550. content: "\f00d";
  1551. font-size: 1.5em;
  1552. line-height:25px;
  1553. font-family: 'FontAwesome' !important;}
  1554.  
  1555.  
  1556.  
  1557.  
  1558. .link.sort + a {display: none;} /* remove watch buttons */
  1559.  
  1560.  
  1561.  
  1562. /* tags */
  1563.  
  1564. .data.tags:before
  1565. {margin:0;
  1566. width: 12px !important;
  1567. padding: 5px 0 !important;
  1568. z-index: 10;}
  1569.  
  1570. data.tags:hover:before
  1571. {width: 15px;
  1572. padding: 5px 5px 5px 4px !important;
  1573. font-size: 1.1em;
  1574.  
  1575. color: #fff;
  1576. cursor: default;}
  1577.  
  1578. .data.tags:before, .data.tags:hover:before
  1579. {position: absolute;
  1580. left: 50px;
  1581. top: 0px;
  1582. height: 15px !important;}
  1583.  
  1584.  .list-item:hover .data.tags:before
  1585. {opacity: 1;}
  1586.  
  1587.  
  1588.  
  1589. .data.tags
  1590. {opacity: 1;
  1591. height: 100%;
  1592. width: 0;
  1593. z-index: 25;}
  1594.  
  1595. .data.tags *
  1596. {z-index: 25;
  1597. transition: opacity .15s ease-in-out;
  1598. color:#000;
  1599. margin-top:25px;}
  1600.  
  1601. /*tags animation */
  1602.  
  1603. @-webkit-keyframes fadeIn {
  1604.   from {
  1605.     opacity: 0;
  1606.   }
  1607.  
  1608.   to {
  1609.     opacity: 1;
  1610.   }
  1611. }
  1612.  
  1613. @keyframes fadeIn {
  1614.   from {
  1615.     opacity: 0;
  1616.   }
  1617.  
  1618.   to {
  1619.     opacity: 1;
  1620.   }
  1621. }
  1622.  
  1623. .data.tags:hover *
  1624. {width: 180px;
  1625.  -webkit-animation-name: fadeIn;
  1626.   animation-name: fadeIn;
  1627.   -webkit-animation-duration: .5s;
  1628.   animation-duration: .5s;
  1629.   -webkit-animation-fill-mode: both;
  1630.   animation-fill-mode: both;
  1631. }
  1632.  
  1633. .data.tags a
  1634. {
  1635. text-align:left;
  1636. font-size: 1.0em;
  1637. color: #000;
  1638. white-space:nowrap;
  1639. }
  1640.  
  1641. .data.tags:before
  1642. {content: '';
  1643. border: none;
  1644. opacity: 0;
  1645. margin-top: 0px;
  1646. background-image:url(http://i.imgur.com/WC8S1cb.png);
  1647. background-size: 15px 14px;
  1648. background-repeat:no-repeat;
  1649. background-position:50% 50%;
  1650. letter-spacing: -1px;
  1651. background-color: transparent;
  1652. width: 25px !important;
  1653. height:15px !important;
  1654. display:block;}
  1655.  
  1656. .data.tags:hover:before
  1657. {content: '';
  1658. background-image:url(http://i.imgur.com/WC8S1cb.png);
  1659. background-size: 15px 14px;
  1660. background-repeat:no-repeat;
  1661. background-position:50% 50%;
  1662. letter-spacing: -1px;
  1663. color: #6ebcf4;
  1664. width: 25px !important;
  1665. height:15px !important;
  1666. display:block;}
  1667.  
  1668.  
  1669. .data.tags textarea
  1670. {position: absolute;
  1671. font-family: monospace!important;
  1672. z-index: 50;
  1673. width:180px !important;
  1674. height:200px !important;
  1675. }
  1676.  
  1677. .edit-transition.edit-leave
  1678. {display: none;}
  1679.  
  1680.  
  1681. .tags .edit
  1682. {position: absolute;
  1683. top: -25px;
  1684. left: 50px;
  1685. width: 25px !important;
  1686. height: 25px;
  1687. font-size: 0 !important;}
  1688.  
  1689. .tags .edit:hover
  1690. {width: 25px !important;}
  1691.  
  1692.  
  1693. div[class*="tags-"]
  1694. {overflow: hidden;
  1695. height: 200px;
  1696. background: rgba(255, 255, 255, 0.9);
  1697.  
  1698. }
  1699.  
  1700. .anime [href*="&tag="]
  1701. {white-space: normal !important;
  1702. text-transform: none;
  1703. pointer-events: none;}
  1704.  
  1705. /*List unit*/
  1706.  
  1707.  
  1708. .list-table
  1709. {display: table-row;}
  1710.  
  1711. .data.status, .data.image ~ td
  1712. {position: absolute;}
  1713.  
  1714. .list-table .list-table-data .data.image a
  1715. {
  1716. background-size: cover;
  1717. background-repeat: no-repeat;
  1718. background-position: center center !important;}
  1719.  
  1720. .list-item
  1721. {
  1722. margin:8px;
  1723. position: relative;
  1724. float: left;
  1725. }
  1726.  
  1727. .list-item .data
  1728. {opacity: 1;}
  1729.  
  1730. .list-item .list-table-data
  1731. {
  1732. position: absolute;}
  1733.  
  1734. .list-table .list-table-data .data
  1735. {padding: 0;
  1736. border-bottom: none;}
  1737.  
  1738. .list-item .data.image
  1739. {z-index: 0 !important;
  1740. position: absolute;}
  1741.  
  1742. .list-item .data.image img
  1743. {height: 100%; width: 100%;}
  1744.  
  1745. .list-item, .list-item .list-table-data
  1746. {width: 180px !important;
  1747. height: 283px !important;
  1748. }
  1749.  
  1750. .list-item .data.title {width: 180px !important;
  1751. height: 283px !important;}
  1752.  
  1753.  .data.image{overflow:hidden;
  1754.  width: 180px !important;
  1755. height: 225px !important;
  1756. margin-top:0px;
  1757. }
  1758.  
  1759. .data.image a:before
  1760. {content: "";
  1761. display: inline-block !important;
  1762. position: relative;
  1763. width: 180px;
  1764. height: 225px;
  1765. background-color: rgba(0,0,0,.8);
  1766. background-position: center !important;
  1767. background-repeat: no-repeat !important;
  1768. background-size: cover;
  1769. z-index: 5;
  1770. box-shadow: 0 0 8px black inset;
  1771. box-sizing: border-box;
  1772. transition: all 5s ease-in-out;}
  1773.  
  1774.  
  1775.  
  1776. .list-table .list-table-data:hover .data.image a:before {
  1777.     transition: all 30s ease-in-out;
  1778. transform: scale(2);
  1779. }
  1780.  
  1781. .list-item .data.number {
  1782.  
  1783. padding-left: 7px;
  1784. text-align:left !important;
  1785. line-height:25px !important;
  1786. width:173px;
  1787. height:25px;
  1788. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1789.     background: -webkit-linear-gradient(rgba(36, 66, 145,0.5), transparent);
  1790.     background: -o-linear-gradient(rgba(36, 66, 145,0.5), transparent);
  1791.     background: -moz-linear-gradient(rgba(36, 66, 145,0.5), transparent);
  1792.     background: linear-gradient(rgba(36, 66, 145,0.5), transparent);
  1793. z-index: 1 !important;
  1794. position: absolute;
  1795.  
  1796. }
  1797.  
  1798.  
  1799. /*data item position*/
  1800. .data.title > a
  1801. {position: absolute;
  1802. z-index: 5;
  1803. top: 230px;
  1804. height: 35px !important;
  1805. line-height: 1.15em;
  1806. text-align:center;
  1807. vertical-align:middle;
  1808. width: 100%;
  1809. overflow:hidden;}
  1810.  
  1811. .list-item .data.title
  1812. {box-sizing: border-box;
  1813. height: 200px !important;
  1814. padding: 0 !important;
  1815. }
  1816.  
  1817. .list-table .list-table-header .header-title.studio {
  1818.   display:none !important;
  1819. }
  1820.  
  1821.  
  1822. .list-item .data.studio {
  1823. width: 180px;
  1824. margin:0;
  1825. height: 30px !important;
  1826. top: 195px;
  1827. z-index: 1 !important;
  1828. display: table;
  1829. background-color: transparent;
  1830.     background: rgba(0,0,0,0);
  1831.     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1832.     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7)));
  1833.     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1834.     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1835.     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  1836.     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); 
  1837. }
  1838.  
  1839. .list-item .data.studio span {
  1840. display: table-cell;
  1841. vertical-align: middle;
  1842. }
  1843.  
  1844. .list-item .data.score
  1845. {right: 5px;
  1846. width: 15px; text-align: left;
  1847. bottom: -5px !important;
  1848. }
  1849.  
  1850. .list-item .data.score a {
  1851. color:#fff;
  1852. }
  1853.  
  1854. .list-item .data.score:hover * {
  1855. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
  1856. color:#fff;
  1857. }
  1858.  
  1859. .list-item .data.studio * {
  1860. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  1861. font-weight: bold !important;
  1862. }
  1863.  
  1864. .score select.edit-transition
  1865. {margin-left: -5px;}
  1866.  
  1867. .data.progress, .data.volume, a[href*="%C2%9"]
  1868. {
  1869. bottom: -5px !important;
  1870. transition: opacity .15s ease-in-out;
  1871. padding-left:5px !important;}
  1872.  
  1873. .data.chapter {
  1874. bottom: -5px !important;
  1875. padding-left:70px !important;
  1876. }
  1877.  
  1878. .data.progress *, .data.volume *, .data.chapter *{
  1879.     color:#fff;}
  1880.    
  1881.  
  1882. .list-item .data.type
  1883. {right: 5px !important;
  1884. width:50px !important;
  1885. top: 0px !important;
  1886. text-align:right !important;
  1887. font-size: 1.5em;
  1888. transition: opacity .5s ease-in-out;
  1889. opacity: 1;
  1890. z-index:1;
  1891. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1892. }
  1893.  
  1894.  
  1895. /* add edit more */
  1896.  
  1897. .list-table .list-table-data .data.title .add-edit-more {
  1898.     top:0;
  1899.     left: 75px;
  1900.    font-size:0 !important;
  1901.    position: absolute;
  1902.    z-index: 10 !important;
  1903.    text-align:center !important;
  1904.     vertical-align:middle !important;
  1905.     width: 25px !important;
  1906.     height: 25px !important;
  1907.     display:block;
  1908.  
  1909. }
  1910.  
  1911.  
  1912. .add-edit-more {
  1913.     opacity: 0;
  1914.     transition: all 0s ease 0s;
  1915.  
  1916. }
  1917. .list-item:hover .add-edit-more {
  1918.     opacity: 1;
  1919. }
  1920.  
  1921. .list-table .list-table-data .data.title .edit a {
  1922.     background-image: url(http://i.imgur.com/OT1yCLP.png);
  1923.     display: block;
  1924. width: 25px;
  1925. height: 25px;
  1926.     background-size: 15px 15px;
  1927.     background-repeat: no-repeat;
  1928.     background-color: transparent;
  1929. background-position: 50% 50%;
  1930. }
  1931.  
  1932. .list-table .list-table-data .data.title .more a {
  1933.     background-image: url(http://i.imgur.com/cUAaila.png);
  1934.     display: inline-block;
  1935. width: 15px;
  1936. height: 15px;
  1937.     background-size: cover;
  1938.     color: transparent !important;
  1939.     display:none;
  1940. }
  1941.  
  1942. .list-table .list-table-data .data.title .add a {
  1943.     background-image: url(http://i.imgur.com/AoTgUAL.png);
  1944.     display: block;
  1945. width: 25px;
  1946. height: 25px;
  1947.     background-size: 15px 15px;
  1948.     background-repeat: no-repeat;
  1949.     background-color: transparent;
  1950. background-position: 50% 50%;
  1951. }
  1952.  
  1953.  
  1954.  
  1955. /* */
  1956.  
  1957.  
  1958.  
  1959. .list-unit .loading-space {
  1960.      margin: 0px;
  1961.     height: 20px;
  1962.     font-size: 20px;
  1963.     text-align: center;
  1964. }
  1965.  
  1966. /*override codes*/
  1967. .header .header-info > a {color: rgba(255,255,255,1) !important;}
  1968. .header .header-info {color: rgba(255,255,255,0.8) !important;}
  1969. .header .header-menu {color: rgba(255,255,255,0.8) !important;}
  1970. .header .header-menu .btn-menu {color: rgba(255,255,255,0.8) !important;}
  1971. .username {color: rgba(255,255,255,0.8) !important;}
  1972. #header-menu-button {color: rgba(255,255,255,0.8) !important;}
  1973. .header a {
  1974.     font-weight: bold;
  1975.     color: #fff !important;
  1976. }
  1977.  
  1978. /*profile image & name */
  1979.  
  1980. .cover-block::after {
  1981. height: 120px !important;
  1982. width: 120px! important;
  1983. background-repeat: no-repeat;
  1984. background-size: contain;
  1985. position: absolute;
  1986. display:block !important;
  1987. margin-left:57px;
  1988. margin-top:-70px;
  1989. content: "";
  1990. padding: 5px;
  1991. background-color:#fff;
  1992. box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  1993. border-radius:5px;
  1994. border: #fff 2px solid;
  1995.  
  1996. }
  1997.  
  1998. .cover-block::before {
  1999. position: absolute;
  2000. display:block !important;
  2001. margin:auto;
  2002. bottom:10px;
  2003. width: 1200px;
  2004. text-align:center;
  2005. color: rgba(255,255,255,1) !important;
  2006. font-size: 22px !important;  
  2007. font-family: Trebuchet, sans-serif;
  2008.  text-shadow: -1px -1px 1px #000,
  2009.     2px 2px 2px #244291,
  2010.     3px 3px 9px #244291,
  2011.     4px 4px 8px #244291,
  2012.     5px 5px 7px #244291,
  2013.     6px 6px 5px #244291 !important;
  2014. letter-spacing: 0 !important;
  2015. }
  2016.  
  2017. /* */
  2018. .header .header-title {
  2019. position: absolute;
  2020. top: -5px;
  2021. left: 40px;
  2022. background-image: url("http://i.imgur.com/39cRtfK.png");
  2023. background-position: left top;
  2024. background-repeat: no-repeat;
  2025. background-size: auto 60px;
  2026. display: block;
  2027. width: 60px !important;
  2028. height: 60px;
  2029. text-indent: -9999px;
  2030. overflow: hidden
  2031. }
  2032.  
  2033. /* customization */
  2034.  
  2035. /* The list background */
  2036.  
  2037. body[data-query*='"status":1'],
  2038. body[data-query*='"status":2'],
  2039. body[data-query*='"status":3'],
  2040. body[data-query*='"status":4'],
  2041. body[data-query*='"status":6'],
  2042. body[data-query*='"status":7'] {
  2043.   background-attachment: fixed !important;
  2044.   background-position: 50% 50%;
  2045.   background-repeat: no-repeat !important;
  2046.   background-size:cover;
  2047.  
  2048. }
  2049.  
  2050. * { cursor: url(http://i.imgur.com/MbEIfgl.png), progress !important;}
  2051.  
  2052. /* */
  2053.  
  2054.  
  2055.  
  2056.  span a[href*="&tag=!"], span a[href*="&tag=%40"], span a[href*="&tag=~"] {display: none !important;}
  2057.  
  2058. /* favorite */
  2059. @media entrytags-favorites {}
  2060. a[href$="&tag=*"]
  2061. {position: absolute;
  2062. left: 0;
  2063. width: 150px;
  2064. height: 0;
  2065. font-size: 15px;
  2066. top: 0px;
  2067. color: transparent !important;
  2068. }
  2069.  
  2070. a[href$="&tag=*"]:after
  2071. {content: '\f005';
  2072. font-family: 'FontAwesome' !important;
  2073. display: inline-block;
  2074. pointer-events: all;
  2075. /* change the position below, and add in margin-whatever if it's not enough */
  2076. position: absolute;
  2077. top: 238px;
  2078. left: 145px;
  2079. /* change the size of font */
  2080. font-size: 1.1em;
  2081. color: #fff !important;
  2082. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #fff !important;}
  2083.  
  2084.  
  2085.  
  2086. /* Intro animation */
  2087. @keyframes intro {
  2088.   from {
  2089.     opacity: 0;
  2090.     margin-top: 100vh;
  2091.   }
  2092.   16% {
  2093.     opacity: 0;
  2094.     margin-top: 100vh;
  2095.   }
  2096.   to {
  2097.     opacity: 1;
  2098.     margin-top: 100px;
  2099.   }
  2100. }
  2101. .list-container {
  2102.   animation: intro 0.5s;
  2103. }
  2104.  
  2105.  
  2106.  
  2107. /* */
  2108.  
  2109. footer {
  2110.     position: fixed;
  2111.     bottom: 0px;
  2112.     left: 0px;
  2113.     width: 100%;
  2114.     height:55px !important;
  2115.     z-index: 9998;
  2116.    
  2117. }
  2118.  
  2119. #footer-block {
  2120. display:block;
  2121.     background-color: transparent;
  2122.     background: rgba(0,0,0,0);
  2123.     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%);
  2124.     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.9)));
  2125.     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%);
  2126.     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%);
  2127.     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
  2128.     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%); 
  2129. }
  2130.  
  2131. #copyright {
  2132.     color: #FFF;
  2133.     letter-spacing: 1px;
  2134.     text-shadow: 0px 3px 3px #000;
  2135.     font-size:16px;
  2136. }
  2137.  
  2138. #copyright::after {
  2139.     content: "Takeshino's edit of Shelter Style V2 [Kimi no Na wa Customade] - Layout designed by Takana no Hana Note: Neither of us own any of the gifs here. Except for for my profile pic. That's definitely mine. :)"
  2140. }
  2141.  
  2142. /*Character renders*/
  2143.  
  2144. /*
  2145.  
  2146. .list-unit.watching:after, .list-unit.onhold:after, .list-unit.plantowatch:after  {
  2147. background-image: url("http://i.imgur.com/iYbcDct.png");
  2148. background-repeat: no-repeat;
  2149. background-size: contain;
  2150. height: 100%;
  2151. background-position: right;
  2152. display: inline-block !important;
  2153. margin: auto !important;
  2154. position: fixed !important;
  2155. left: 0 !important;
  2156. right: 0 !important;
  2157. top: 0 !important;
  2158. z-index: -5 !important;
  2159. content: "";
  2160. pointer-events: none;
  2161. opacity: 1 !important;
  2162. }
  2163.  
  2164. .list-unit.completed:after, .list-unit.dropped:after, .list-unit.all_anime:after {
  2165. background-image: url("http://i.imgur.com/mX9zg7K.png");
  2166. background-repeat: no-repeat;
  2167. background-size: contain;
  2168. height: 100%;
  2169. background-position: right;
  2170. display: inline-block !important;
  2171. margin: auto !important;
  2172. position: fixed !important;
  2173. left: 0 !important;
  2174. right: 0 !important;
  2175. top: 0 !important;
  2176. z-index: -5 !important;
  2177. content: "";
  2178. pointer-events: none;
  2179. opacity: 1 !important;
  2180. }
  2181.  
  2182. */
  2183.  
  2184. /*backgrounds for each category list*/
  2185.  
  2186. /*status watching, etc background*/
  2187.  
  2188. .list-unit.watching .list-status-title:after {
  2189. color: transparent;
  2190. height: 755px !important;
  2191. width: 1176px! important;
  2192. background-image: url("http://i.imgur.com/29aC4Q9.gif");
  2193. background-repeat: no-repeat;
  2194. background-size: contain;
  2195. position: absolute !important;
  2196. display: block !important;
  2197. left: 0 !important;
  2198. right: 0 !important;
  2199. margin-top: -500px !important;
  2200. content: "";
  2201. z-index: 0 !important;
  2202. margin-bottom: 20px !important;
  2203. pointer-events: none;
  2204. }
  2205.  
  2206.  
  2207.  
  2208. .list-unit.completed .list-status-title:after {
  2209. color: transparent;
  2210. height: 755px !important;
  2211. width: 1176px! important;
  2212. background-image: url("http://i.imgur.com/amabplQ.gif");
  2213. background-repeat: no-repeat;
  2214. background-size: contain;
  2215. position: absolute !important;
  2216. display: block !important;
  2217. left: 0 !important;
  2218. right: 0 !important;
  2219. margin-top: -500px !important;
  2220. content: "";
  2221. z-index: 0 !important;
  2222. margin-bottom: 20px !important;
  2223. pointer-events: none;
  2224. }
  2225.  
  2226. .list-unit.onhold .list-status-title:after {
  2227. color: transparent;
  2228. height: 755px !important;
  2229. width: 1176px! important;
  2230. background-image: url("http://i.imgur.com/HJilwwD.gif");
  2231. background-repeat: no-repeat;
  2232. background-size: contain;
  2233. position: absolute !important;
  2234. display: block !important;
  2235. left: 0 !important;
  2236. right: 0 !important;
  2237. margin-top: -500px !important;
  2238. content: "";
  2239. z-index: 0 !important;
  2240. margin-bottom: 20px !important;
  2241. pointer-events: none;
  2242. }
  2243.  
  2244. .list-unit.dropped .list-status-title:after {
  2245. color: transparent;
  2246. height: 830px !important;
  2247. width: 1176px! important;
  2248. background-image: url("http://i.imgur.com/TkXJil8.gif");
  2249. background-repeat: no-repeat;
  2250. background-size: contain;
  2251. position: absolute !important;
  2252. display: block !important;
  2253. left: 0 !important;
  2254. right: 0 !important;
  2255. margin-top: -500px !important;
  2256. content: "";
  2257. z-index: 0 !important;
  2258. margin-bottom: 0px !important;
  2259. pointer-events: none;
  2260. }
  2261.  
  2262. .list-unit.plantowatch .list-status-title:after {
  2263. color: transparent;
  2264. height: 755px !important;
  2265. width: 1176px! important;
  2266. background-image: url("http://i.imgur.com/FNpKRHY.gif");
  2267. background-repeat: no-repeat;
  2268. background-size: contain;
  2269. position: absolute !important;
  2270. display: block !important;
  2271. left: 0 !important;
  2272. right: 0 !important;
  2273. margin-top: -500px !important;
  2274. content: "";
  2275. z-index: 0 !important;
  2276. margin-bottom: 20px !important;
  2277. pointer-events: none;
  2278. }
  2279.  
  2280. .list-unit.all_anime .list-status-title:after {
  2281. color: transparent;
  2282. height: 755px !important;
  2283. width: 1176px! important;
  2284. background-image: url("http://i.imgur.com/MCocIBd.gif");
  2285. background-repeat: no-repeat;
  2286. background-size: contain;
  2287. position: absolute !important;
  2288. display: block !important;
  2289. left: 0 !important;
  2290. right: 0 !important;
  2291. margin-top: -500px !important;
  2292. content: "";
  2293. z-index: 0 !important;
  2294. margin-bottom: 80px !important;
  2295. pointer-events: none;
  2296. }
  2297.  
  2298. .list-unit .list-status-title .text {
  2299.     display: block;
  2300.     position:absolute;
  2301.     width: 1180px;
  2302.     height: 38px !important;
  2303.     font-size: 80px;
  2304.     color: #fff;
  2305.     font-family:'Roboto', sans-serif;
  2306.     text-align: center;
  2307.     vertical-align: middle;
  2308. text-align: center;
  2309. border:none;
  2310. text-shadow: 0 1px 0 #ccc,
  2311.                0 2px 0 #c9c9c9,
  2312.                0 3px 0 #bbb,
  2313.                0 4px 0 #b9b9b9,
  2314.                0 5px 0 #aaa,
  2315.                0 6px 1px rgba(0,0,0,.1),
  2316.                0 0 5px rgba(0,0,0,.1),
  2317.                0 1px 3px rgba(0,0,0,.3),
  2318.                0 3px 5px rgba(0,0,0,.2),
  2319.                0 5px 10px rgba(0,0,0,.25),
  2320.                0 10px 10px rgba(0,0,0,.2),
  2321.                0 20px 20px rgba(0,0,0,.15); !important;
  2322.  background-color: transparent;
  2323. margin-top: -90px !important;
  2324. z-index:10 !important;
  2325. }
  2326.  
  2327.  
  2328.  
  2329. /*Change your backgrounds here*/
  2330. /*CURRENTLY WATCHING*/
  2331. body[data-query*='"status":1'] {
  2332. background-image: url("http://i.imgur.com/eE53gix.gif");
  2333. }
  2334. /*COMPLETED*/
  2335. body[data-query*='"status":2'] {
  2336. background-image: url("http://i.imgur.com/lsJ8C.gif");
  2337. }
  2338. /*ON HOLD*/
  2339. body[data-query*='"status":3'] {
  2340. background-image: url("http://i.imgur.com/3wuf7fV.gif");
  2341. }
  2342. /*DROPPED*/
  2343. body[data-query*='"status":4'] {
  2344. background-image: url("http://i.imgur.com/pueLdCe.gif");
  2345. }
  2346. /*PLANNED*/
  2347. body[data-query*='"status":6'] {
  2348. background-image: url("http://i.imgur.com/f539cOm.gif");
  2349. }
  2350. /*ALL*/
  2351. body[data-query*='"status":7'] {
  2352. background-image: url("http://i.imgur.com/9XRflOJ.gif");
  2353. }
  2354.  
  2355. /*
  2356. **Your desired avatar
  2357. **Note that the best resolution is 120px * 120px
  2358. */
  2359. .cover-block::after {
  2360.     display: none !important;
  2361. }
  2362.  
  2363. .list-table .list-table-header:after {
  2364.     position:absolute;
  2365.     height: 114px !important;
  2366. width: 114px! important;
  2367. background-repeat: no-repeat;
  2368. background-size: contain;
  2369. position: absolute;
  2370. display:block !important;
  2371. margin-left:57px;
  2372. margin-top:-280px;
  2373. content: "";
  2374. padding: 5px;
  2375. background-color:#fff;
  2376. box-shadow: 0px 2px 8px 0px rgba(0,0,0,1);
  2377. border-radius:8px;
  2378. border: #aff7ba 3px solid;
  2379. background-image: url("http://i.imgur.com/cM38QnK.gif");
  2380. pointer-events: none;
  2381. z-index: 10 !important;
  2382. }
  2383.  
  2384. /* Your name that displays next to the avatar
  2385. ** Replace content with "display:none;" if you want to get rid of it
  2386. */
  2387. .cover-block::before {
  2388. content: "Takeshi no uta's anime list ¯\\\_(ツ)\_/¯"
  2389. }
  2390.  
  2391. /* footer::after {
  2392.   content: "";
  2393.   display: block;
  2394.   width: 20%;
  2395.   height: 100%;
  2396.   position: fixed;
  2397.   bottom: 0px;
  2398.   left:calc(50% + 460px);
  2399.   background: url(http://i.imgur.com/ea0NmJM.png) no-repeat bottom right;
  2400.   background-size: 100%;
  2401.   pointer-events: none;
  2402. z-index: 3; } */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!