API tools faq
paste
Junaid_Hossain

MAL custom page 1

Junaid_Hossain
May 31st, 2021 (edited)
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.37 KB | None | 0 0
raw download clone embed print report
  1. {IMPORTANT:
  2. Change "SpaceCowboy" and
  3. "DateYutaka" to your MyAnimeList username in the next two imports under this section. That will personalize HD preview pics and you should get a faster/smoother load time. The two imports begin with
  4. @/import and are at lines 10 and 12 below.
  5.  
  6. If needed, fix preview pics and layout problems with this topic:
  7. https://myanimelist.net/forum/?topicid=439897
  8. }
  9.  
  10. @\import "https://malscraper.azurewebsites.net/covers/anime/SpaceCowboy/presets/dataimagelinkbefore";
  11.  
  12. @\import "https://malscraper.azurewebsites.net/covers/manga/DateYutaka/presets/dataimagelinkbefore";
  13.  
  14. /*Layout CSS was originally made by Takana_no_hana, edits by
  15. Shishio-kun and Valerio_Lyndon
  16.  
  17. Grid Style 1, 2021 Update
  18.  
  19. Learn how to customize the layout here:
  20. https://myanimelist.net/forum/?topicid=1640096
  21. */
  22. @\import "https://storage.live.com/items/4A07C1EEED420167%21170";
  23. @\import "https://fonts.googleapis.com/css?family=Orbitron";
  24. @\import "https://fonts.googleapis.com/css?family=Amaranth";
  25. @\import "https://fonts.googleapis.com/css?family=Rancho";
  26. @\import "https://fonts.googleapis.com/css?family=Kaushan+Script|Tangerine";
  27.  
  28. /*WALLPAPERS
  29. To change background images: delete what's in the parenthesis. Upload
  30. the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.*/
  31. body, body.ownlist
  32. {
  33. background-image: url(https://i.imgur.com/w1PeuIO.jpg);
  34. }
  35.  
  36. /*PREVIEW PICS/COVERS
  37. See the help at the top of this layout code if you have problems
  38. with blurry or missing preview pics.
  39.  
  40. If you want to customize a preview pic, use the code below but change the number after "anime" to the anime's number. Get the number from the address bar on its page on MAL. For example if you go to Code Geass's page the number in the address bar is 1575.
  41.  
  42. Change "anime" to "manga" to customize manga previews. This code customizes the Code Geass preview (anime #1575) if you change the background image link.
  43.  
  44. Copy and paste the code to customize more preview pics, just change the number.*/
  45.  
  46. .data.image a[href^="/anime/1575/"]:before{background-image:url(https://i.imgur.com/QuPoz5o.jpg);
  47. }
  48.  
  49. /*BANNER AVATAR
  50. Change the first "center" to "left" or "right" to move the picture position. Change "cover" to "contain" or remove it to change how the image fills the avatar.*/
  51. .list-table .list-table-header:after {
  52. background-image: url(https://i.imgur.com/eeojf1A.gif);
  53. background-position: center center;
  54. background-size: cover !important;
  55. }
  56.  
  57. /*BANNER QUOTE*/
  58. .cover-block::before {
  59. content: "The Accumulation Of Those Little Despairs Is What Makes A Person An Adult. -Kento Nanami"
  60. }
  61.  
  62. /*BANNER BACKGROUND AND HEIGHT
  63. If the image doesn't fit, increase the height and/or change "cover" to "contain". You may want to lower cover pics after (scroll down).*/
  64. .list-unit.watching .list-status-title:after,
  65. .list-unit.reading .list-status-title:after,
  66. .list-unit.completed .list-status-title:after,
  67. .list-unit.onhold .list-status-title:after,
  68. .list-unit.dropped .list-status-title:after,
  69. .list-unit.plantowatch .list-status-title:after,
  70. .list-unit.plantoread .list-status-title:after,
  71. .list-unit.all_anime .list-status-title:after {
  72. background-image: url(https://i.imgur.com/Rh0mfvc.jpg);
  73. background-size: cover !important;
  74. height: 500px !important;
  75. }
  76.  
  77. /*MOVE COVER PICS UP OR DOWN
  78. Increase 0px to a higher amount like 100px to move the anime preview pics and header (Completed, etc) down. -480px brings them up to the banner buttons.*/
  79. .list-unit .list-status-title .text,.list-item{
  80. top: 0px;
  81. }
  82.  
  83. /*BANNER BUTTON BACKGROUNDS
  84. The first image link in parenthesis is the still black and white image, the second image link is the animated image (a GIF).*/
  85.  
  86. /*ALL ANIME BANNER BUTTON*/
  87. .status-button.all_anime {
  88. background-image:url(https://i.imgur.com/sf3omnT.png);
  89. }
  90. .status-button.all_anime:hover,.status-button.all_anime.on {
  91. background-image:url(https://i.imgur.com/yIU2gd9.gif);
  92. }
  93. /*CURRENT BANNER BUTTON*/
  94. .status-button.watching,.status-button.reading {
  95. background-image:url(https://i.imgur.com/T42XTl0.png);
  96. }
  97. .status-button.watching:hover,.status-button.watching.on,.status-button.reading:hover,.status-button.reading.on {
  98. background-image:url(https://i.imgur.com/eX4jFga.gif);
  99. }
  100. /*COMPLETED BANNER BUTTON*/
  101. .status-button.completed {
  102. background-image:url(https://i.imgur.com/59G5tTh.png);
  103. }
  104. .status-button.completed:hover,.status-button.completed.on {
  105. background-image:url(https://i.imgur.com/Rwr5XnY.gif);
  106. }
  107. /*ON HOLD BANNER BUTTON*/
  108. .status-button.onhold {
  109. background-image:url(https://i.imgur.com/Bd0lXMr.png);
  110. }
  111. .status-button.onhold:hover ,.status-button.onhold.on {
  112. background-image:url(https://i.imgur.com/s8ygTGg.gif);
  113. }
  114. /*DROPPED BANNER BUTTON*/
  115. .status-button.dropped {
  116. background-image:url(https://i.imgur.com/eKcLsYN.png);
  117. }
  118. .status-button.dropped:hover,.status-button.dropped.on {
  119. background-image:url(https://i.imgur.com/QuQhZ4x.gif);
  120. }
  121. /*PLANNED BANNER BUTTON*/
  122. .status-button.plantowatch,.status-button.plantoread{
  123. background-image:url(https://i.imgur.com/mGVsSAl.png);
  124. }
  125. .status-button.plantowatch:hover,.status-button.plantowatch.on,.status-button.plantoread:hover,.status-button.plantoread.on {
  126. background-image:url(https://i.imgur.com/oUfJ7oR.gif);
  127. }
  128.  
  129. /*SIDE RENDERS (left and right)
  130. To move the renders, adjust the percentage after "left" or "right". You can use negatives. To resize the renders, adjust the percentage after "width". 0% will remove the render.*/
  131. footer:before {
  132. left: -3%;
  133. width: 25% !important;
  134. background-size: contain !important;
  135. background-image: url();
  136. background-position: left bottom !important;
  137. }
  138. footer:after {
  139. right: 0%;
  140. width: 20% !important;
  141. background-size: contain !important;;
  142. background-image: url(https://i.imgur.com/mchcqga.png);
  143. background-position: right bottom !important;
  144. }
  145.  
  146. /*ANIME/MANGA CONTAINER SETTINGS
  147. (TABLE COLORS)
  148. You can change the color with rbga colors. Generate RGBA colors here so you can replace the codes below:
  149. https://www.hexcolortool.com/
  150. First set of colors= entire table. Second = banner. Third = default container behind an anime. Fourth = container when you point to it. Fifth = upper left menu. Sixth = top. You can set the last digit to zero to make it completely transparent.*/
  151. .list-unit {
  152. background-color: rgba(0, 0, 0, .6) ;
  153. }
  154. .status-menu-container {
  155. background-color: rgba(139,102,84,.6) ;
  156. }
  157. .list-table .list-table-data {
  158. background-color: rgba(0,0,0,.2) !important;
  159. }
  160. .list-table .list-table-data:hover {
  161. background-color: rgba(0,0,0,.4) !important;
  162. }
  163. .list-menu-float .icon-menu{
  164. background-color: rgba(0,0,0,.4) !important;
  165. }
  166. .header {
  167. background: linear-gradient(rgba(0,0,0,.4),transparent) !important;
  168. }
  169.  
  170. /*CUSTOM CURSOR
  171. More here: https://myanimelist.net/forum/?topicid=1903808*/
  172. body *, :not(*) {
  173. cursor: url(https://i.imgur.com/j9ZWzyT.png), auto !important;
  174. }
  175.  
  176. /*FILTER MENU BACKGROUND*/
  177. #advanced-options {
  178. background-image: url(https://i.imgur.com/bLjRZCF.jpg) !important;
  179. }
  180.  
  181. /*MAL LOGO*/
  182. .header .header-title{
  183. background-image: url(https://i.imgur.com/5pFPiHp.png) !important;
  184. }
  185.  
  186. /*GREYSCALE FOR CUSTOM CATEGORY BUTTONS
  187. Delete this to remove grey from custom buttons.*/
  188. .status-button.watching,.status-button.reading,.status-button.completed,.status-button.onhold,.status-button.dropped,.status-button.plantowatch,.status-button.plantoread,.status-button.all_anime{
  189. filter: grayscale(100%);
  190. }
  191. .status-button.all_anime:hover,.status-button.all_anime.on,.status-button.plantowatch:hover,.status-button.plantowatch.on,.status-button.plantoread:hover,.status-button.plantoread.on,.status-button.dropped:hover,.status-button.dropped.on,.status-button.onhold:hover,.status-button.onhold.on,.status-button.completed:hover,.status-button.completed.on,.status-button.watching:hover,.status-button.watching.on,.status-button.reading:hover,.status-button.reading.on{
  192. filter: inherit;
  193. }
  194.  
  195. /*Original Layout*/
  196. #cover-image{display:none}.list-table .list-table-data{background-color:rgba(0,0,0,0);box-shadow:0 0 2px transparent;border:0 solid transparent}.list-table .list-table-data:hover{box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;border:1px solid rgba(0,0,0,.3)}.list-unit.onhold:after,.list-unit.plantoread:after,.list-unit.plantowatch:after,.list-unit.reading:after,.list-unit.watching:after{background-repeat:no-repeat;background-size:contain;height:100%;background-position:right;display:inline-block!important;margin:auto!important;position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:-5!important;content:"";pointer-events:none;opacity:1!important}.list-unit.all_anime:after,.list-unit.completed:after,.list-unit.dropped:after{background-repeat:no-repeat;background-size:contain;height:100%;background-position:right;display:inline-block!important;margin:auto!important;position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:-5!important;content:"";pointer-events:none;opacity:1!important}.list-unit .list-status-title .text{display:block;position:absolute;width:1180px;height:38px!important;font-size:42px;color:#fff;font-family:'Kaushan Script',cursive;text-align:center;vertical-align:middle;text-align:center;border:none;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #fff!important;background-color:transparent;margin-top:-30px!important;z-index:10!important}.list-table .list-table-header:after{position:absolute;height:120px!important;width:120px!important;background-repeat:no-repeat;background-size:contain;position:absolute;display:block!important;margin-left:57px;margin-top:-280px;content:"";padding:5px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border-radius:5px;border:#fff 2px solid;pointer-events:none;z-index:10!important}footer::after{content:"";display:block;position:fixed;bottom:0;background-size:100%;pointer-events:none;z-index:3}.cover-block::after{display:none!important}.list-unit.reading .list-status-title:after,.list-unit.watching .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}.list-unit.completed .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}.list-unit.onhold .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}.list-unit.dropped .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}.list-unit.plantoread .list-status-title:after,.list-unit.plantowatch .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}.list-unit.all_anime .list-status-title:after{color:transparent;width:1176px!important;background-repeat:no-repeat;background-size:contain;position:absolute!important;display:block!important;left:0!important;right:0!important;margin-top:-500px!important;content:"";z-index:0!important;margin-bottom:20px!important;pointer-events:none}#advanced-options{position:fixed;top:24px;left:0;right:0;display:none;width:860px;margin:0 auto;padding:25px 0 30px;-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.3);-o-box-shadow:0 2px 8px 0 rgba(0,0,0,.3);-ms-box-shadow:0 2px 8px 0 rgba(0,0,0,.3);box-shadow:0 2px 8px 0 rgba(0,0,0,.3);color:#fff;text-align:left;font-family:'Helvetica neue',Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif;z-index:1101;border:none;background-image:url(http://i.imgur.com/xD2LRjG.png);background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-size:cover;background-position:50% 50%}#advanced-options .advanced-options-header{width:750px;margin:0 auto;padding-bottom:4px;border-bottom:1px solid #fff;font-size:16px;color:#fff!important}#advanced-options .advanced-options-header .description{font-size:12px;font-weight:400;margin-left:8px;color:#fff!important}#advanced-options .filter-widget .widget-header,#advanced-options .filter-widget.aired-date .text,#advanced-options .filter-widget.published-date .text,#advanced-options .sort-widget .widget-header{color:#fff!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:#fff;display:inline-block;height:25px;padding:4px 20px 4px 4px;border:#bebebe 1px solid;border-radius:0;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:0}#advanced-options .sort-widget{margin:0 auto;padding:12px 0 0;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:#fff;display:inline-block;width:56px;padding:5px 0;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:#fff}#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:#fff;border:#bebebe 1px solid;color:#9b9b9b}#advanced-options .filter-widget{margin:0 auto;padding:12px 0 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.magazine select,#advanced-options .filter-widget.producer 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.day,#advanced-options .filter-widget.aired-date select.month,#advanced-options .filter-widget.published-date select.day,#advanced-options .filter-widget.published-date select.month{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 .filter-widget .widget-header,#advanced-options .sort-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 .filter-widget:last-of-type,#advanced-options .sort-widget:last-of-type{padding-bottom:40px}#advanced-options .advanced-options-button{width:750px;margin:0 auto;padding:12px 0 0;border-top:1px solid #bebebe;text-align:center}#advanced-options .btn-apply,#advanced-options .btn-clear{background-color:rgba(0,0,0,.8);display:inline-block;width:135px;margin:0 4px;padding:6px 0;border-radius:4px;font-size:12px;color:#fff;text-align:center;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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(0,0,0,.8)}td{line-height:1.5em;height:25px!important}a{color:#fff;text-decoration:none}a:hover{color:#fff!important;text-decoration:none}#footer-block{padding:15px 0;background-color:#244291;color:#fff;font-family:Avenir,"lucida grande",tahoma,verdana,arial,sans-serif;display:none}#copyright{font-size:12px;color:#fff;padding-top:3px;text-align:center}.header a{font-weight:700;color:#fff!important}.header a:hover{text-decoration:underline}.header{position:absolute;color:#fff;display:block;width:100%;height:50px;margin:0 auto border:none;background:-webkit-linear-gradient(rgba(0,0,0,.4),transparent);background:-o-linear-gradient(rgba(0,0,0,.4),transparent);background:-moz-linear-gradient(rgba(0,0,0,.4),transparent);background:linear-gradient(rgba(0,0,0,.4),transparent);-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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:40}.header:hover{background-color:rgba(0,0,0,.5);-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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{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:700}.header .header-menu .list-menu{position:absolute;top:25px;right:-4px;background-color:rgba(255,255,255,.8);display:none;border:none!important;-moz-box-shadow:rgba(0,0,0,.4) 0 0 10px;-webkit-box-shadow:rgba(0,0,0,.4) 0 0 10px;box-shadow:rgba(0,0,0,.4) 0 0 10px;z-index:1}.header .header-menu .list-menu .icon-menu{display:block;width:150px;height:30px;color:#000;font-size:14px;font-weight:700;text-decoration:none;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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:rgba(0,0,0,.5)}.header .header-menu .list-menu .icon-menu svg.icon{position:absolute;fill:rgba(0,0,0,.5);left:12px;top:4px}.header .header-menu .list-menu .icon-menu:hover svg.icon{fill:#fff!important}.header .header-menu .list-menu .icon-menu .text{position:absolute;left:52px;top:6px}.header .header-menu .list-menu .icon-menu:hover .text{color:#fff!important}.header .header-menu .btn-menu{display:block;text-align:right;color:rgba(0,0,0,.7)!important;font-size:12px!important;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000}#header-menu-dropdown>a{color:rgba(0,0,0,.5)!important}.list-menu-float:before{content:"\f0c9";font-family:FontAwesome!important;display:block;text-align:center!important;text-indent:10px;color:#fff!important;font-size:1.5em!important;height:50px;width:40px;line-height:50px}.list-menu-float:hover:before{font-size:1.7em!important;text-shadow:0 0 2px #fff,0 0 1px #fff,1px 1px 7px #fff,0 0 0 #fff;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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-menu-float{position:absolute;top:0;left:0;width:50px;border:none;opacity:1;height:40px!important;z-index:100}.list-menu-float .icon-menu{display:block;width:120px;background-color:#dfdfdf;height:30px;line-height:30px;text-indent:10px;opacity:0}.list-menu-float:hover .icon-menu{opacity:1;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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-menu-float .icon-menu.profile{background-image:none!important}.list-menu-float .icon-menu.profile:before{position:absolute;width:120px!important;content:"\f007\00a0Profile";font-family:FontAwesome!important;margin-top:5px!important;margin-left:-65px!important;color:#000;text-align:center}.list-menu-float .icon-menu .text{opacity:1;width:auto;left:20px;top:0;color:#555}.list-menu-float .icon-menu:hover{width:120px!important;background-color:rgba(0,0,0,.5)!important}.list-menu-float .icon-menu:hover .text,.list-menu-float .icon-menu:hover:after,.list-menu-float .icon-menu:hover:before{color:#fff;width:auto}.list-menu-float .icon-menu.logout{border-radius:0 0 4px 4px}.list-menu-float .icon-menu.setting{display:none}.list-menu-float .icon-menu svg.icon{top:7px!important;left:5px!important;width:15px;height:15px}.list-menu-float .icon-menu.setting svg.icon-setting{display:none}.list-container{position:absolute;background-color:transparent!important;width:1200px;left:0;right:0;margin:auto;margin-top:100px;border:none!important;margin-bottom:30px}.cover-block{position:relative;display:block;width:1180px;margin:0 auto;height:auto;text-align:center;vertical-align:middle;box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;z-index:-1!important}.cover-block .image-container{display:block;width:1180px;height:auto;padding-top:0}.cover-block .image-container.hide{display:none}.cover-block .image-container img{max-width:1180px;height:auto}#cover-image{margin:auto;width:1180px!important;height:auto;background-color:transparent;background-size:cover!important;background-position:50% 50%}.cover-block .image-container .btn-list-setting{display:none}.cover-block .image-container:hover .btn-list-setting{display:none;position:absolute;top:20px;right:28px;padding:8px;border:rgba(255,255,255,0) 1px solid;font-size:14px;color:#fff;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,.6);padding:8px;border:none;-moz-box-shadow:0 0 4px #000;-webkit-box-shadow:0 0 4px #000;-o-box-shadow:0 0 4px #000;-ms-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000;font-size:14px;color:#fff;text-shadow:#323232 1px 1px 1px}.cover-block .image-container .btn-list-setting .fa-camera{font-size:16px;-moz-text-shadow:#000 1px 1px 3px;-webkit-text-shadow:#000 1px 1px 3px;-o-text-shadow:#000 1px 1px 3px;-ms-text-shadow:#000 1px 1px 3px;text-shadow:#000 1px 1px 3px}.cover-block .image-container .btn-list-setting .icon-plus-circle{position:absolute;top:4px;left:18px;background-color:rgba(0,0,0,.6);border-radius:50%;-moz-box-shadow:-1px 1px 0 0 #323232;-webkit-box-shadow:-1px 1px 0 0 #323232;-o-box-shadow:-1px 1px 0 0 #323232;-ms-box-shadow:-1px 1px 0 0 #323232;box-shadow:-1px 1px 0 0 #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}.status-menu-container .status-menu:after{border:5px solid;border-top-color:transparent;border-right-color:rgba(0,0,0,.6);border-bottom-color:rgba(0,0,0,.6);border-left-color:transparent;content:"";height:0;left:0;margin-top:-10px;width:0;position:absolute;z-index:-2!important}.status-menu-container .status-menu:before{border:5px solid;border-top-color:transparent;border-right-color:transparent;border-bottom-color:rgba(0,0,0,.6);border-left-color:rgba(0,0,0,.6);content:"";height:0;right:0;margin-top:-10px;width:0;position:absolute;z-index:-2!important}.status-menu-container{width:1200px;height:80px;background-repeat:repeat;border-bottom:none;box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;z-index:2!important}.status-menu-container.fixed{display:none!important}.status-menu-container.fixed+div.list-block{min-height:500px}.status-menu-container .status-menu{display:table;margin:0 auto;border-collapse:separate;border-spacing:0 0;z-index:2!important}.status-menu-container .status-menu .status-button{padding:0!important;position:relative;display:table-cell;font-family:Tangerine,cursive;text-align:center;vertical-align:bottom!important;font-size:22px;font-weight:600!important;color:#fff;width:125px;height:74px;z-index:10;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;border-radius:5px!important;top:2px}.status-menu-container .status-menu .status-button.on{color:#fff;font-weight:700;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;border:#fff 1px solid;box-sizing:border-box;box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 4px #000,0 0 0 #000}.status-menu-container .status-menu .status-button:hover{border:#fff 1px solid;box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 4px #000,0 0 0 #000;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;box-sizing:border-box;background-color:transparent;color:#fff;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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}.status-menu .status-button:hover:after,.status-menu-container .status-menu .status-button.on:after{opacity:1}.status-menu-container .status-menu .status-button:after{display:none!important}::-webkit-scrollbar{height:5px;width:7px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border:2px solid #f5f5f5;border-radius:2px;background-color:#9b9b9b}.status-menu-container .search-container{position:absolute;right:5px;z-index:20}.status-menu-container .search-container #search-button{display:inline-block;height:22px;margin-top:10px;color:#fff;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:5px;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;-webkit-backface-visibility:hidden;vertical-align:middle}.status-menu-container .search-container #search-box.open{display:inline-block;width:130px}.status-menu-container .search-container #search-box input{width:100%;height:100%;box-sizing:border-box}.list-block{margin:0;min-height:260px;z-index:1!important}.list-unit{margin:auto;width:1176px;box-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;margin-top:15px;z-index:1!important;padding-top:500px}.list-unit .list-status-title{position:relative;display:table-cell;background-color:transparent;width:1180px;height:0}.list-unit .list-status-title .stats a.filterd{text-shadow:0 0 2px #fff}.list-unit .list-status-title .stats a:hover{background:rgba(0,0,0,.5);padding:8px;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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-unit .list-stats{background-color:rgba(255,255,255,.8);margin-top:-500px!important;color:#000;height:25px;margin:auto;position:absolute;width:1176px;z-index:1!important}.list-unit .list-status-title .stats{position:absolute;height:40px;line-height:40px;width:180px;right:-55px;margin-top:-550px;z-index:1}.list-unit .list-status-title .stats a{color:#fff;padding:8px;margin:0!important}.list-table{width:100%;margin:auto;border-collapse:collapse;background-color:transparent!important;color:#fff!important;border:none}.list-table>tbody:nth-of-type(2n+1){background-color:transparent;background-repeat:repeat}.list-table>tbody:nth-of-type(2n){background-color:transparent;background-repeat:repeat}.list-table .list-table-header:before{content:"\f0dc\00a0SORT";display:block;text-align:center!important;font-family:FontAwesome!important;text-indent:0;color:#fff!important;font-weight:700!important;width:57px;line-height:40px;height:40px;margin-left:0!important;margin-top:-40px;position:absolute}.list-table .list-table-header:hover:before{color:#fff!important;background-color:rgba(0,0,0,.5)}.list-table .list-table-header{position:absolute;display:block;margin-left:-10px;margin-top:-515px;z-index:200!important}.list-table .list-table-header .header-title{background:#f6f6f6 url(/img/pc/ownlist/bar-table-header.png) no-repeat right 7px/1px 22px;display:block;border-bottom:0;height:39px;text-align:center;vertical-align:middle;z-index:60!important;opacity:0}.list-table .list-table-header:hover .header-title{opacity:1;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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:last-child{background-image:none}.list-table .list-table-header .header-title.image,.list-table .list-table-header .header-title.number,.list-table .list-table-header .header-title.status,.list-table .list-table-header .header-title.tags{background-image:none;display:none!important}.list-table .list-table-header .header-title.title{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.score{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.type{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.progress{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.chapters{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.volumes{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.rated{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.started{text-align:center;width:90px;line-height:40px;padding:0!important;display:none}.list-table .list-table-header .header-title.finished{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.days{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.storage{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.retail{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title.priority{text-align:center;width:90px;line-height:40px;padding:0!important}.list-table .list-table-header .header-title .link{font-size:11px;color:#323232;text-decoration:none height:40px;width:90px}.list-table .list-table-header .header-title .link.sort{position:relative;display:inline-block;color:#323232;height:40px;width:90px;white-space:nowrap;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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:#000;background-color:rgba(0,0,0,.5);height:40px;width:90px}.list-table .list-table-header .header-title .sort-icon{color:#fff}.list-table .list-table-data:hover{box-sizing:border-box;-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.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-data:hover .data.title{text-shadow:0 0 2px #000,0 0 1px #000,0 1px 7px #000,0 0 .5px #000;color:#fff;transition:.1s linear}.header a:hover,.list-table .list-table-data a:not(.edit-disabled):hover{text-decoration:underline}.list-table .list-table-data .data{display:table-cell;padding:4px 0;text-align:center;vertical-align:middle;color:#fff!important;border:none}.list-table .list-table-data a:not(.edit-disabled):hover{text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;color:#fff!important}.list-table .list-table-data a.edit-disabled{cursor:text;color:#fff}.list-table .list-table-data .data.title .link{font-size:17px!important;text-decoration:none!important;font-family:Rancho,sans-serif;font-weight:100!important;transition:all .1s ease 0s;color:#fff!important}.list-table .list-table-data:hover .data.title .link{letter-spacing:.5px;transition:all .1s ease 0s;color:#fff!important}.list-table .list-table-data .data.title .content-status,.list-table .list-table-data .data.title .rereading,.list-table .list-table-data .data.title .rewatching{text-shadow:0 0 2px #f54ee7,0 0 1px #f54ee7,1px 1px 7px #e32bd4,0 0 0 #f54ee7!important;color:#fff!important;font-size:.9em;text-align:right!important;vertical-align:middle!important;width:180px!important;display:block;opacity:0}.list-table .list-table-data:hover .data.title .content-status,.list-table .list-table-data:hover .data.title .rereading,.list-table .list-table-data:hover .data.title .rewatching{text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;color:#fff!important;font-size:1em;right:4px!important;top:30px!important;vertical-align:middle!important;width:80px!important;text-align:right;display:block;opacity:1;position:absolute;font-weight:700}.list-table .list-table-data .data.season{text-shadow:0 0 2px #f54ee7,0 0 1px #f54ee7,1px 1px 7px #e32bd4,0 0 0 #f54ee7!important;color:#fff!important;font-size:.9em;text-align:left!important;vertical-align:middle!important;width:80px!important;display:block;opacity:0}.list-table .list-table-data:hover .data.season{text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;color:#fff!important;font-size:1em;left:4px!important;top:30px!important;vertical-align:middle!important;display:block;opacity:1;position:absolute;font-weight:700}.list-table .list-table-data .data.score .link{font-size:1.2em;font-weight:700}td.td1.borderRBL{color:#fff!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}.list-table .list-table-data .data.status{width:4px;z-index:9!important}.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:transparent}.list-table .list-table-data .data.status.plantoread,.list-table .list-table-data .data.status.plantowatch{background-color:transparent}.list-table .list-table-data .data.status.completed{background-color:transparent}.list-table .list-table-data .data.status.onhold{background-color:transparent}.list-table .list-table-data .data.status.dropped{background-color:transparent}.list-table .list-table-data:hover .data.status.completed:before,.list-table .list-table-data:hover .data.status.dropped:before,.list-table .list-table-data:hover .data.status.onhold: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.reading:before,.list-table .list-table-data:hover .data.status.watching:before{height:25px;width:25px!important;background-position:50% 50%;background-repeat:no-repeat;background-size:15px 17px;display:inline-block!important;position:relative;left:25px!important;top:0!important;z-index:10!important;content:"";pointer-events:none;opacity:1!important}.list-table .list-table-data:hover .data.status.completed:before{color:#fff;content:"\f05d";font-size:1.5em;line-height:25px;font-family:FontAwesome!important}.list-table .list-table-data:hover .data.status.reading:before,.list-table .list-table-data:hover .data.status.watching:before{color:#fff;content:"\f008";font-size:1.5em;line-height:25px;font-family:FontAwesome!important}.list-table .list-table-data:hover .data.status.plantoread:before,.list-table .list-table-data:hover .data.status.plantowatch:before{color:#fff;content:"\f073";font-size:1.5em;line-height:25px;font-family:FontAwesome!important}.list-table .list-table-data:hover .data.status.onhold:before{color:#fff;content:"\f017";font-size:1.5em;line-height:25px;font-family:FontAwesome!important}.list-table .list-table-data:hover .data.status.dropped:before{color:#fff;content:"\f00d";font-size:1.5em;line-height:25px;font-family:FontAwesome!important}.link.sort+a{display:none}.data.tags:before{margin:0;width:12px!important;padding:5px 0!important;z-index:10}data.tags:hover:before{width:15px;padding:5px 5px 5px 4px!important;font-size:1.1em;color:#fff;cursor:default}.data.tags:before,.data.tags:hover:before{position:absolute;left:50px;top:0;height:15px!important}.list-item:hover .data.tags:before{opacity:1}.data.tags{opacity:1;height:100%;width:0;z-index:25}.data.tags *{z-index:25;transition:opacity .15s ease-in-out;color:#000;margin-top:25px}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.data.tags:hover *{width:180px;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.data.tags a{text-align:left;font-size:1em;color:#000;white-space:nowrap}.data.tags:before{content:'';border:none;opacity:0;margin-top:0;background-image:url(http://i.imgur.com/WC8S1cb.png);background-size:15px 14px;background-repeat:no-repeat;background-position:50% 50%;letter-spacing:-1px;background-color:transparent;width:25px!important;height:15px!important;display:block}.data.tags:hover:before{content:'';background-image:url(http://i.imgur.com/WC8S1cb.png);background-size:15px 14px;background-repeat:no-repeat;background-position:50% 50%;letter-spacing:-1px;color:#6ebcf4;width:25px!important;height:15px!important;display:block}.data.tags textarea{position:absolute;font-family:monospace!important;z-index:50;width:180px!important;height:200px!important}.edit-transition.edit-leave{display:none}.tags .edit{position:absolute;top:-25px;left:50px;width:25px!important;height:25px;font-size:0!important}.tags .edit:hover{width:25px!important}div[class*=tags-]{overflow:hidden;height:200px;background:rgba(255,255,255,.9)}.anime [href*="&tag="]{white-space:normal!important;text-transform:none;pointer-events:none}.list-table{display:table-row}.data.image~td,.data.status{position:absolute}.list-table .list-table-data .data.image a{background-size:cover;background-repeat:no-repeat;background-position:center center!important}.list-item{margin:8px;position:relative;float:left}.list-item .data{opacity:1}.list-item .list-table-data{position:absolute}.list-table .list-table-data .data{padding:0;border-bottom:none}.list-item .data.image{z-index:0!important;position:absolute}.list-item .data.image img{height:100%;width:100%}.list-item,.list-item .list-table-data{width:180px!important;height:283px!important}.list-item .data.title{width:180px!important;height:283px!important}.data.image{overflow:hidden;width:180px!important;height:225px!important;margin-top:0}.data.image a:before{content:"";display:inline-block!important;position:relative;width:180px;height:225px;background-color:rgba(0,0,0,.3);background-position:center!important;background-repeat:no-repeat!important;background-size:cover;z-index:5;box-shadow:0 0 5px #000 inset;box-sizing:border-box;transition:all .2s ease-in-out}.list-table .list-table-data:hover .data.image a:before{transition:all .2s ease-in-out;transform:scale(1.1)}.list-item .data.number{padding-left:7px;text-align:left!important;line-height:25px!important;width:173px;height:25px;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000;background:-webkit-linear-gradient(rgba(0,0,0,.7),transparent);background:-o-linear-gradient(rgba(0,0,0,.7),transparent);background:-moz-linear-gradient(rgba(0,0,0,.7),transparent);background:linear-gradient(rgba(0,0,0,.7),transparent);z-index:1!important;position:absolute}.data.title>a{position:absolute;z-index:5;top:230px;height:35px!important;line-height:1.05em;text-align:center;vertical-align:middle;width:100%;overflow:hidden}.list-item .data.title{box-sizing:border-box;height:200px!important;padding:0!important}.list-table .list-table-header .header-title.studio{display:none!important}.list-item .data.studio{width:180px;margin:0;height:30px!important;top:195px;z-index:1!important;display:table;background-color:transparent;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%)}.list-item .data.studio span{display:table-cell;vertical-align:middle}.list-item .data.score{right:5px;width:15px;text-align:left;bottom:-5px!important}.list-item .data.score a{color:#fff}.list-item .data.score:hover *{text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #fff!important;color:#fff}.list-item .data.studio *{text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;font-weight:700!important}.score select.edit-transition{margin-left:-5px}.data.progress,.data.volume,a[href*="%C2%9"]{bottom:-5px!important;transition:opacity .15s ease-in-out;padding-left:5px!important}.data.chapter{bottom:-5px!important;padding-left:70px!important}.data.chapter *,.data.progress *,.data.volume *{color:#fff}.list-item .data.type{right:5px!important;width:50px!important;top:5px!important;text-align:right!important;font-size:1em;transition:opacity .15s ease-in-out;font-weight:700;opacity:1;z-index:2;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000}.list-table .list-table-data .data.title .add-edit-more{top:0;left:75px;font-size:0!important;position:absolute;z-index:10!important;text-align:center!important;vertical-align:middle!important;width:25px!important;height:25px!important;display:block}.add-edit-more{opacity:0;transition:all 0s ease 0s}.list-item:hover .add-edit-more{opacity:1}.list-table .list-table-data .data.title .edit a{background-image:url(http://i.imgur.com/OT1yCLP.png);display:block;width:25px;height:25px;background-size:15px 15px;background-repeat:no-repeat;background-color:transparent;background-position:50% 50%}.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;display:none}.list-table .list-table-data .data.title .add a{background-image:url(http://i.imgur.com/AoTgUAL.png);display:block;width:25px;height:25px;background-size:15px 15px;background-repeat:no-repeat;background-color:transparent;background-position:50% 50%}.list-unit .loading-space{margin:0;height:20px;font-size:20px;text-align:center}.header .header-info>a{color:#fff!important}.header .header-info{color:rgba(255,255,255,.8)!important}.header .header-menu{color:rgba(255,255,255,.8)!important}.header .header-menu .btn-menu{color:rgba(255,255,255,.8)!important}.username{color:rgba(255,255,255,.8)!important}#header-menu-button{color:rgba(255,255,255,.8)!important}.header a{font-weight:700;color:#fff!important}.cover-block::after{height:120px!important;width:120px!important;background-repeat:no-repeat;background-size:contain;position:absolute;display:block!important;margin-left:57px;margin-top:-70px;content:"";padding:5px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border-radius:5px;border:#fff 2px solid}.cover-block::before{position:absolute;display:block!important;margin:auto;bottom:5px;width:1200px;text-align:center;color:#fff!important;font-size:18px!important;font-family:Rancho;letter-spacing:0!important}.header .header-title{position:absolute;top:0;left:40px;background-image:url(http://i.imgur.com/39cRtfK.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}body[data-query*='"status":1'],body[data-query*='"status":2'],body[data-query*='"status":3'],body[data-query*='"status":4'],body[data-query*='"status":6'],body[data-query*='"status":7']{background-attachment:fixed!important;background-position:50% 50%;background-repeat:no-repeat!important;background-size:cover}span a[href*="&tag=!"],span a[href*="&tag=%40"],span a[href*="&tag=~"]{display:none!important}a[href$="&tag=*"]{position:absolute;left:0;width:150px;height:0;font-size:15px;top:0;color:transparent!important}a[href$="&tag=*"]:after{content:'\f005';font-family:FontAwesome!important;display:inline-block;pointer-events:all;position:absolute;top:238px;left:145px;font-size:1.1em;color:#fff!important;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #fff!important}@keyframes intro{from{opacity:0;margin-top:100vh}16%{opacity:0;margin-top:100vh}to{opacity:1;margin-top:100px}}.list-container{animation:intro 2s}footer{position:fixed;bottom:0;left:0;width:100%;height:30px!important;z-index:9998}#footer-block{display:block;background-color:transparent;background:rgba(0,0,0,0);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)}#copyright{color:#fff;letter-spacing:1px;text-shadow:0 3px 3px #000;font-size:10px}#copyright::after{content:"Shelter Style V2 - Layout originally designed by Takana no Hana"}
  197. /*2021 Changes*/
  198. .data.tags span a{pointer-events:auto;cursor:pointer!important}.list-table .list-table-data .data.tags a:hover{color:#000!important;text-shadow:none}.cover-block::after{opacity:0}a img{background-size:cover!important;height:250px!important;width:178px!important}.data.image a:before{content:"";display:inline-block!important;position:absolute;width:180px;height:225px;background-color:rgba(0,0,0,.3);background-position:center!important;background-repeat:no-repeat!important;background-size:cover;z-index:5;box-shadow:0 0 5px #000 inset;box-sizing:border-box;transition:all .2s ease-in-out}footer:after,footer:before{display:block;content:"";height:100%!important;bottom:0;background-repeat:no-repeat!important;pointer-events:none!important}.list-table .list-table-header .header-title.days,.list-table .list-table-header .header-title.licensor{color:gray!important}.list-table .list-table-header .header-title.licensor{padding-top:20px}.list-table .list-table-header:after{position:absolute!important;top:150px}.list-table .list-table-data .data.licensor,.list-table .list-table-data .data.magazine{position:absolute!important;margin-top:100px;left:-10px;width:200px}.list-table .list-table-data .data.rated:before{content:"Rated"}.list-table .list-table-data .data.rated{position:absolute!important;left:0;right:0;top:135px}.list-table .list-table-data .data.airing-started:before{content:"Debuted:"}.list-table .list-table-data .data.airing-started{position:absolute!important;top:50px!important;left:4px}.list-table .list-table-data .data.airing-finished:before{content:"Ended:"}.list-table .list-table-data .data.airing-finished{position:absolute!important;top:70px!important;left:4px}.list-table .list-table-data .data.days{position:absolute!important;margin-top:-14px;left:-18px;width:100px;z-index:10;pointer-events:none!important;font-size:11px!important}.list-table .list-table-data .data.storage{position:absolute!important;z-index:100;margin-top:283px;left:0}.list-table .list-table-data .data.started:before{content:"Started:"}.list-table .list-table-data .data.started{position:absolute!important;margin-top:157px;left:4px}.list-table .list-table-data .data.finished:before{content:"Finished:"}.list-table .list-table-data .data.finished{position:absolute!important;margin-top:172px;left:4px}.data.score:before{content:"Score:";position:absolute;left:-40px}.list-table .list-table-data .data.airing-finished,.list-table .list-table-data .data.airing-started,.list-table .list-table-data .data.days,.list-table .list-table-data .data.finished,.list-table .list-table-data .data.licensor,.list-table .list-table-data .data.magazine,.list-table .list-table-data .data.rated,.list-table .list-table-data .data.season,.list-table .list-table-data .data.started,.list-table .list-table-data .data.storage{opacity:0!important;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;color:#fff!important;font-size:.9em;font-weight:700}.list-table .list-table-data:hover .data.airing-finished,.list-table .list-table-data:hover .data.airing-started,.list-table .list-table-data:hover .data.days,.list-table .list-table-data:hover .data.finished,.list-table .list-table-data:hover .data.licensor,.list-table .list-table-data:hover .data.magazine,.list-table .list-table-data:hover .data.rated,.list-table .list-table-data:hover .data.season,.list-table .list-table-data:hover .data.started,.list-table .list-table-data:hover .data.storage,.list-table .list-table-data:hover .data.studio{opacity:1!important;visibility:visible!important}.list-table .list-table-data:hover .data.season{width:400px!important}.list-item .data.score a{padding-right:10px;padding-bottom:5px;padding-top:5px;z-index:1000!important}.list-table .list-table-data .data.score{z-index:1000!important}.list-table .list-table-data .data.score .link:Before{content:"";position:absolute;height:40px;width:80px;display:block;top:-5px;left:-50px;opacity:.5;z-index:1000!important}select{background-color:#000!important;color:#fff!important}select:hover{background-color:#000!important;color:#fff!important}.list-table .fa:after{content:"";position:absolute!important;top:-6px!important;left:40px!important;display:block;padding-right:30px;padding-left:10px;padding-bottom:30px;padding-top:10px}.fa:hover{text-decoration:underline!important}.list-table .list-table-data .data.title .link:hover{text-decoration:underline!important}.data.progress span a:before{content:"";width:35px;height:10px;left:0;top:-5px;position:absolute;padding-bottom:20px;z-index:10000!important}.data.title>a{height:18px!important}.list-table .list-table-data .data.title .link:hover{width:100%;height:auto;overflow:visible;white-space:initial}footer::after,footer::before{content:"";display:block;position:fixed;bottom:0;background-size:100%;pointer-events:none;z-index:3}.cover-block::after{display:none!important}.list-table .list-table-data .tags textarea{position:absolute;top:0;background:beige;color:#000;text-align:center!important;font-family:Verdana,Arial!important;font-size:11px;box-sizing:inherit!important;transition:none!important;animation:none!important;border:none!important;line-height:inherit}.data.priority:after{content:"Priority"}.data.priority{position:absolute;z-index:1000;top:-14px;left:75px;text-shadow:0 0 2px #000,0 0 1px #000,1px 1px 7px #000,0 0 0 #000!important;color:#fff!important;pointer-events:none!important;font-weight:700}.data.priority:after{content:"Priority"}.list-table .list-table-data .data.chapter,.list-table .list-table-data .data.chapter a,.list-table .list-table-data .data.licensor a,.list-table .list-table-data .data.magazine a,.list-table .list-table-data .data.progress,.list-table .list-table-data .data.progress a,.list-table .list-table-data .data.score a,.list-table .list-table-data .data.season a,.list-table .list-table-data .data.studio a,.list-table .list-table-data .data.volume,.list-table .list-table-data .data.volume a{color:#fff!important}.list-table .list-table-data .data.tags a{color:#000!important}.list-item .data.studio span{display:inline-block}.list-menu-float{z-index:400;pointer-events:none}.list-menu-float::before,.list-menu-float:hover{pointer-events:auto}.list-table .list-table-header{pointer-events:none}.list-table .list-table-header::before,.list-table .list-table-header:hover{pointer-events:auto}.data.progress span a::before{z-index:1!important}.list-item .data.studio span{display:inline!important;vertical-align:middle!important}.cover-block::after,v.list-table .list-table-header:after{background-size:cover!important;background-position:center center!important}.data.days:before{content:"Days:"}.list-menu-float span.text{color:#fff!important}.list-menu-float .icon-menu.profile::before{color:#fff!important}.list-menu-float span.text:hover{text-decoration:underline}.list-menu-float{padding-right:10px;padding-bottom:20px}.list-menu-float .icon-menu svg.icon{fill:#fff!important}.list-menu-float .icon-menu.profile{font-size:16px;left:0;width:120px!important}.list-menu-float .icon-menu.profile::before{position:absolute;font-size:17px!important;left:14px;top:-3px;content:"\f007\00a0"!important;font-family:FontAwesome!important}.list-menu-float .icon-menu.profile::after{content:"Profile";position:absolute;left:19px;top:4px;font-family:'Helvetica neue',Helvetica,"lucida grande",tahoma,verdana,arial,sans-serif}.list-menu-float .icon-menu.profile:hover:before{text-decoration:none!important}.list-menu-float .icon-menu.profile:hover:after{text-decoration:underline}.list-menu-float .icon-menu.profile::before{top:-7px}.list-menu-float .icon-menu.profile::after{top:0}.list-unit:before{content:"";height:100%;width:100%;left:0;top:0;display:block;position:fixed}.data.priority{top:5px;left:30px}.list-table .list-table-data:hover .data.priority{top:-14px;left:70px;position:absolute;width:120px}.list-item .data.number{line-height:26px!important}
  199.  
  200. {ADD NEW CODES UNDER HERE}
Add Comment
Please, Sign In to add comment
Public Pastes
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!