Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*------------------------------*\
- |* - - - - Brink V1.4.1 - - - - *|
- \* - - - - - - - - - - - - - - -*/
- @\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelink";
- @\import "https://fonts.googleapis.com/css?family=Sarabun:400,700";
- /*==============================*\
- VARIABLES
- \*------------------------------*/
- :root {
- /* USER OPTIONS
- *
- * toggleStats / Toggles list statistics (found in the footer)
- * valid values: visible / hidden
- *
- * togglePV / Toggles anime preview & video links.
- * valid values: visible / hidden
- *
- * toggleInfoBG / Toggles background on list items for improved readability.
- * valid values: visible / hidden
- *
- * toggleTopRatings / Toggles banners on top of highly rated items.
- * valid values: visible / hidden
- *
- * bgDimness / Changes dimming of background / Higher = Dimmer.
- * min value: 0% / max value: 100%
- *
- * imageBrightness(Hov) / Changes lightness of cover images / Higher = Brighter.
- * min value: 0% / max value: 100%
- */
- --toggleStats: hidden;
- --togglePV: hidden;
- --toggleInfoBG: visible;
- --toggleTopRatings: visible;
- --bgDimness: 100%;
- --imageBrightness: 60%;
- --imageBrightnessHov: 30%;
- /* THEME COLOURS
- *
- * Colours are HSL values but without their surrounding parentheses.
- * To get the correct values, simply strip away the surrounding parentheses and blurb.
- * For instance, "hsl(244, 42%, 82%)" would simply become "244, 42%, 82%".
- * For help with HSL: https://www.w3schools.com/colors/colors_hsl.asp
- */
- --bg: 0, 0%, 0%;
- --bgAlt: 240, 3%, 14%;
- --btn: 240, 3%, 16%;
- --btnLight: 0, 100%, 50%;
- --btnAccent: 0, 100%, 50%;
- --border: 0, 100%, 50%;
- --accent: 0, 100%, 50%;
- --textBright: 0, 0%, 100%;
- --textMid: 0, 0%, 88%;
- --textDim: 0, 0%, 80%;
- --textProminent: 27, 87%, 67%;
- --textLinkHov: 0, 100%, 50%;
- --textIcon: 0, 0%, 80%;
- --current: 0, 100%, 50%;
- --completed: 0, 100%, 50%;
- --paused: 0, 100%, 50%;
- --dropped: 0, 100%, 50%;
- --planned: 0, 100%, 50%;
- --goldRating: var(--textProminent);
- --silverRating: var(--textDim);
- }
- /*==============================*\
- THEME
- \*------------------------------*/
- :root{--font:"Sarabun","Segoe UI","Arial","FontAwesome",sans-serif;--timeText:60ms;--timeButton:160ms;--timeButtonLarge:260ms;--timeItem:120ms;--timeMenu:350ms;--bezierFast:cubic-bezier(.38,.32,.25,1);--bezierSmooth:cubic-bezier(.45,.32,.25,1);--bezierItemBounce:cubic-bezier(.6,.48,.7,1.45);--delayMenu:333.4ms;--arrowUp:url(https://files.catbox.moe/uure2q.svg);--arrowRt:url(https://files.catbox.moe/lqi5fy.svg);--arrowDn:url(https://files.catbox.moe/m9ot24.svg);--arrowLt:url(https://files.catbox.moe/68o5bn.svg)}*{scrollbar-color:hsl(var(--accent)) hsl(var(--bgAlt))}.list-item *{scrollbar-color:hsl(var(--accent)) hsl(var(--bg))}.data.tags,textarea{scrollbar-width:thin}::-webkit-scrollbar{background:hsl(var(--bgAlt))}::-webkit-scrollbar-button:vertical{background:transparent center/10px auto no-repeat}::-webkit-scrollbar-button:vertical:start{background-image:var(--arrowUp)}::-webkit-scrollbar-button:vertical:end{background-image:var(--arrowDn)}::-webkit-scrollbar-button:horizontal{background:transparent center/auto 10px no-repeat}::-webkit-scrollbar-button:horizontal:start{background-image:var(--arrowLt)}::-webkit-scrollbar-button:horizontal:end{background-image:var(--arrowRt)}::-webkit-scrollbar-corner{background:hsl(var(--bgAlt))}::-webkit-scrollbar-thumb{background:hsl(var(--accent)) content-box;border:0 solid transparent}::-webkit-scrollbar-thumb:vertical{border-width:0 2px}::-webkit-scrollbar-thumb:horizontal{border-width:2px 0}::-webkit-scrollbar-thumb:hover{background-color:hsla(var(--accent),70%)}::-webkit-scrollbar-track{width:5px}.list-item ::-webkit-scrollbar{background:hsl(var(--bg))}.data.tags::-webkit-scrollbar,textarea::-webkit-scrollbar{width:8px}.data.tags::-webkit-scrollbar-button,textarea::-webkit-scrollbar-button{display:none}.data.tags::-webkit-scrollbar-thumb:vertical,textarea::-webkit-scrollbar-thumb:vertical{border-width:0 1px}.data.tags::-webkit-scrollbar-thumb:horizontal,textarea::-webkit-scrollbar-thumb:horizontal{border-width:1px 0}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}a{text-decoration:none!important}#advanced-options .advanced-options-button a,.list-table>tbody:first-of-type::after,.list-unit .list-status-title .stats a,body #fancybox-close,div[style^="width: 300px;"] input{width:96px;height:32px;padding:0;background:hsl(var(--btn)) linear-gradient(45deg,hsl(var(--btn)) 75%,hsl(var(--btnLight)) 0)!important;border:2px solid hsl(var(--btn));border-radius:3px;box-shadow:-.5px .7px 2.1px hsla(0,0%,0%,35%);outline:0;margin:0;color:hsl(var(--textBright));font-size:14px;line-height:26px;text-align:center;transition:all var(--timeButton) var(--bezierFast)}#advanced-options .advanced-options-button a:hover,.list-table>tbody:first-of-type:hover::after,.list-unit .list-status-title .stats a:hover,body #fancybox-close:hover,div[style^="width: 300px;"] input:hover{border-color:hsl(var(--btnAccent));color:hsl(var(--accent))}@keyframes fade-in{from{opacity:0}to{opacity:1}}html{height:100%}body{background-position:center;background-image:none}body.ownlist{position:relative;min-width:700px;min-height:100%;padding:42px 0 60px;background-color:hsl(var(--bg))!important;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;color:hsl(var(--textMid))!important;font:12px var(--font)}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(var(--bg),var(--bgDimness))}#list-container{width:100%;background:0 0!important;border:none}.list-block{position:relative;width:100%;min-height:calc(100vh - (184px + 30vw));padding-top:0;margin:0 auto}.list-unit{width:100%}.list-table{display:flex;width:calc(100% - 16px);max-width:1788px;border:none;flex-flow:row wrap;justify-content:center}.initialize-tutorial{display:none!important}.header{position:fixed;top:0;left:0;z-index:100;width:100%;height:42px;background:hsl(var(--bgAlt));box-shadow:0 1.68px 3.36px hsla(0,0%,0%,50%)}.header a{color:hsl(var(--textBright));transition:color var(--timeText) var(--bezierFast)}.header a:hover{color:hsl(var(--textLinkHov))}.header .header-title{top:9px;left:42px;width:44px;height:24px;background:url(https://files.catbox.moe/8q5kjg.svg) left 4px/auto 20px no-repeat;color:hsl(var(--textBright));opacity:.94;transition:all var(--timeButton) var(--bezierFast)}.header .header-title:hover{opacity:.6}.header .header-menu{position:static;display:flex;height:32px;margin:5px 12px 0 0;flex-flow:column nowrap;justify-content:center;float:right;line-height:13px}[data-owner=""] .header .header-menu{padding-right:139px}.header .header-menu .btn-menu{height:15px;align-self:flex-end;color:hsl(var(--textBright));font-size:12px;cursor:text}[data-owner="1"] .header .header-menu .btn-menu{font-size:14px}.header .btn-menu #header-menu-button{font-weight:400;pointer-events:none}#header-menu-button i{display:none}.header .header-menu .header-info{height:15px;margin:0;color:hsl(var(--textDim))}.header .header-menu .header-info,.header .header-menu .header-info a{color:hsl(var(--textDim));font-weight:400}.header .header-menu .header-info a:hover{color:hsl(var(--textLinkHov))}.header-info a[href="/login.php"],.header-info a[href="/register.php"]{font-size:0}.header-info a[href="/login.php"]::before{content:"Login";font-size:12px}.header-info a[href="/register.php"]::before{content:"Register";font-size:12px}#header-menu-dropdown{top:5px;right:12px;display:block!important;background:0 0;border:none;box-shadow:none}#header-menu-dropdown .icon-menu{width:130px;height:32px;background:hsl(var(--btnLight));border:2px solid hsl(var(--btnLight));border-radius:3px;color:hsl(var(--textBright));font:normal 0/26px var(--font);white-space:nowrap;transition:all var(--timeButton) var(--bezierFast)}#header-menu-dropdown .icon-menu:hover{border-color:hsl(var(--btnAccent));color:hsl(var(--accent))}#header-menu-dropdown .icon-menu::before{content:"\f021";font-size:14px;vertical-align:top;transition:inherit}#header-menu-dropdown .icon-menu::after{display:inline-block;font-size:14px;text-indent:5px;transition:inherit}#header-menu-dropdown .icon-menu.manga-list::after{content:"Swap to Manga"}#header-menu-dropdown .icon-menu.anime-list::after{content:"Swap to Anime"}#header-menu-dropdown .icon-menu svg,.header .header-menu .list-menu .icon-menu .text{display:none}.list-menu-float{position:fixed;left:-228px;top:42px;z-index:200;display:flex;width:228px;height:calc(100% - 42px);background:hsl(var(--bg));border:none;box-shadow:-1.2px 1.68px 3.36px hsla(0,0%,0%,50%);border-right:2px solid hsl(var(--border));margin:0!important;flex-flow:column nowrap;font-size:0!important;line-height:0;transition:all var(--timeMenu) var(--bezierSmooth) var(--delayMenu)}.list-menu-float:hover{left:0;transition-delay:0s}.list-container::before,.list-menu-float::after{content:"";position:fixed;left:0;top:0;width:42px;height:42px;box-sizing:initial;background:url(https://files.catbox.moe/0tnlh6.svg) center/auto no-repeat;color:hsl(var(--textBright));font:21px/42px FontAwesome;text-align:center;transition:inherit}.list-container::before{z-index:200;filter:sepia(1) saturate(500) hue-rotate(289.5deg) opacity(.6)}.list-menu-float+.list-container::before{content:none}.list-menu-float::before{content:"USER MENU";position:absolute;left:0;top:-42px;width:179px;height:42px;padding-left:47px;border-right:2px solid hsl(var(--border));background:inherit;box-sizing:initial;color:transparent;font:bold 16px/42px var(--font);text-align:left;transition:color calc(var(--timeMenu) * .3) ease-in-out var(--delayMenu);pointer-events:none}.list-menu-float:hover::before{color:hsl(var(--textBright));transition:color calc(var(--timeMenu) * .7) ease-in-out calc(var(--timeMenu) * .3)}#list-container::after{content:"";position:fixed;top:0;left:0;z-index:190;width:100%;height:100%;background:hsla(0,0%,0%,0%);transition:all var(--timeMenu) var(--bezierSmooth) var(--delayMenu);pointer-events:none}.list-menu-float:hover~#list-container::after{background:hsla(0,0%,0%,78%);transition-delay:0s}.ownlist .list-menu-float .icon-menu{width:100%!important;height:auto;background:0 0!important;text-align:left;transition:all var(--timeButton) var(--bezierFast)}.ownlist .list-menu-float .icon-menu svg{display:none}.ownlist .list-menu-float .icon-menu.setting .text .link-list-setting,.ownlist .list-menu-float .icon-menu.setting .text .link-style-setting,.ownlist .list-menu-float .icon-menu::after,.ownlist .list-menu-float .icon-menu:not(.setting) .text{position:static;width:100%;height:40px;padding:10px 20px 10px 16px;background:0 0;border:none;border-left:4px solid transparent;overflow:visible;color:hsl(var(--textBright));font:15px/20px var(--font);text-align:left;opacity:1;transition:inherit}.ownlist .list-menu-float .icon-menu.setting .text .link-list-setting:hover,.ownlist .list-menu-float .icon-menu.setting .text .link-style-setting:hover,.ownlist .list-menu-float .icon-menu:hover::after,.ownlist .list-menu-float .icon-menu:not(.setting):hover .text{background:hsl(var(--bgAlt));border-color:hsl(var(--accent));line-height:16px}.ownlist .list-menu-float .icon-menu.setting .text{position:static;width:100%;height:auto;opacity:1}.list-menu-float>:not(.quick-add){order:5}.list-menu-float form{order:9!important}.ownlist .list-menu-float .icon-menu.profile::after{content:"Profile";display:block}.ownlist .list-menu-float .icon-menu.export,.ownlist .list-menu-float .icon-menu.logout,.ownlist .list-menu-float .icon-menu.quick-add{margin-top:15px}.ownlist .list-menu-float .icon-menu.export::before,.ownlist .list-menu-float .icon-menu.logout::before,.ownlist .list-menu-float .icon-menu.quick-add::before{content:"";position:absolute;top:-8px;left:10px;width:calc(100% - 20px);height:1px;background:hsla(var(--textBright),12%);pointer-events:none}.cover-block{position:relative;width:100%}#cover-image-container{display:block;width:100%;height:100%;padding:0}#cover-image-container.hide{display:none}#cover-image{width:100%;max-width:initial;height:30vw;min-height:calc(700px * .3);max-height:calc(1920px * .3);object-fit:cover}#cover-image-container::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse farthest-corner at center top,transparent 66.6667%,hsla(var(--bg),90%));box-shadow:inset 0 -12px 8px -8px hsla(0,0%,0%,50%)}.cover-block .image-container .btn-list-setting{display:none!important}#status-menu::before,.list-block::before{content:"";position:absolute;top:-62px;left:0;width:100%;height:2px;background:hsl(var(--bg)) linear-gradient(to right,hsla(var(--accent),1),hsla(var(--accent),.55))}#status-menu::before{position:fixed;top:42px;height:0;transition:inherit}#status-menu.fixed::before{height:2px}[data-query*='status":1'] #status-menu::before,[data-query*='status":1'] .list-block::before{--accent:var(--current)}[data-query*='status":2'] #status-menu::before,[data-query*='status":2'] .list-block::before{--accent:var(--completed)}[data-query*='status":3'] #status-menu::before,[data-query*='status":3'] .list-block::before{--accent:var(--paused)}[data-query*='status":4'] #status-menu::before,[data-query*='status":4'] .list-block::before{--accent:var(--dropped)}[data-query*='status":6'] #status-menu::before,[data-query*='status":6'] .list-block::before{--accent:var(--planned)}#status-menu{position:relative;width:100%;height:42px;padding:0 calc(198px + .07 * (100vw - 980px));background:0 0;border:none;margin:17px 0 3px;pointer-events:none}#status-menu.fixed{position:fixed;z-index:150;width:calc(100% - 86px);padding-left:0;background:hsl(var(--bgAlt));margin:0 0 0 86px;animation:var(--timeMenu) var(--bezierFast) fade-in;pointer-events:auto}#status-menu .status-menu{position:static;display:flex;height:42px;min-width:570px;max-width:700px;margin:0 auto;justify-content:space-around;align-items:center;pointer-events:auto}#status-menu .status-button{display:block;height:32px;padding:0 12px;border-radius:3px;flex:0 1 auto;font:0/30px var(--font);text-shadow:-.6px .84px 1.68px #000;transform:none}#status-menu .status-button::before{color:hsla(var(--textDim),60%);font-size:18px;display:block;transition:all var(--timeButtonLarge) var(--bezierSmooth);pointer-events:none}#status-menu .status-button.all_anime::before{content:"ALL"}#status-menu .status-button.reading::before,#status-menu .status-button.watching::before{content:"CURRENT"}#status-menu .status-button.completed::before{content:"COMPLETED"}#status-menu .status-button.onhold::before{content:"PAUSED"}#status-menu .status-button.dropped::before{content:"DROPPED"}#status-menu .status-button.plantoread::before,#status-menu .status-button.plantowatch::before{content:"PLANNED"}#status-menu .status-button.on::before{color:hsl(var(--textBright));font-weight:700}#status-menu .status-button:hover::before{color:hsl(var(--textBright));transform:translateY(-2px)}#status-menu .status-button::after{content:none}#status-menu .search-container{position:absolute;top:5px;right:20px;width:calc(169px + .07 * (100vw - 980px))}#status-menu.fixed .search-container{right:12px;width:calc(177px + .07 * (100vw - 980px))}#status-menu .search-container #search-box{width:100%;height:32px;background:hsl(var(--btn)) linear-gradient(45deg,hsl(var(--btn)) 85%,hsl(var(--btnLight)) 0);border:2px solid hsl(var(--btn));border-radius:3px;box-shadow:-.5px .7px 2.1px hsla(0,0%,0%,35%);margin:0;transition:box-shadow var(--timeMenu) var(--bezierFast),border-color var(--timeButton) var(--bezierFast)}#status-menu.fixed .search-container #search-box{box-shadow:none}#status-menu .search-container #search-box:focus-within{border-color:hsla(var(--btnAccent))}#status-menu .search-container #search-box input{background:0 0;padding:2px 6px 2px 30px;border:none;color:hsl(var(--textDim));line-height:28px}#status-menu .search-container #search-box input:focus{color:hsl(var(--textBright));outline:0}#status-menu .search-container #search-box::after{content:"\f002";position:absolute;top:0;left:4px;width:24px;color:hsl(var(--textIcon));font-size:16px;line-height:30px;text-align:center}#status-menu .search-container #search-button{display:none}.list-unit .list-status-title{position:absolute;top:-40px;left:20px;z-index:30;width:80px;height:67px;background:0 0}.list-unit .list-status-title .text{display:none}.list-unit .list-status-title .stats{position:static;font-size:0;white-space:nowrap}.list-unit .list-status-title .stats a{display:inline-block;width:calc(80px + .035 * (100vw - 980px))}.list-unit .list-status-title .stats a:first-child{display:none}.list-table>tbody:first-of-type{position:absolute;top:-40px;left:calc(109px + .035 * (100vw - 980px));z-index:35;width:calc(80px + .035 * (100vw - 980px));height:32px;background:0 0!important;pointer-events:none}.list-table>tbody:first-of-type:hover{pointer-events:auto}.list-table>tbody:first-of-type::after{content:"\f0dc Order";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;pointer-events:auto}.list-table>tbody:first-of-type::before{content:"";display:block;width:calc(100% + 24px);height:44px;border-radius:12px 12px 0 0/100% 100% 0 0;margin:0 0 -3px -12px}.list-table .list-table-header{position:relative;left:50%;display:inline-flex;min-width:calc(100% + 24px);height:auto;background:hsl(var(--btn));border-radius:3px;box-shadow:-1.2px 1.68px 3.36px hsla(0,0%,0%,50%);flex-flow:column nowrap;overflow:hidden;opacity:0;transform:translateX(-50%);transition:all var(--timeButtonLarge) var(--bezierFast)}.list-table tbody:first-of-type:hover .list-table-header{opacity:1}.list-table .list-table-header .header-title{display:block;width:auto!important;height:auto;padding:0!important;background:0 0;border:none;font-size:0!important;line-height:0;text-align:center!important}.list-table .list-table-header .header-title a{width:100%;height:32px;padding:0 8px;border-left:2px solid hsl(var(--btn));border-right:2px solid transparent;color:hsl(var(--textBright))!important;font-size:13px!important;line-height:30px;font-weight:400;text-indent:-1px;transition:all var(--timeButton) var(--bezierFast)!important}.list-table .list-table-header .header-title a:hover{background:hsl(var(--btnLight));border-left-color:hsl(var(--btnAccent));line-height:28px}.list-table .list-table-header .header-title .sort-icon{margin-left:1px;color:hsl(var(--accent));font:10.5px var(--font);vertical-align:baseline}.list-table .list-table-header .header-title .fa-sort-asc::before{content:"ASC"}.list-table .list-table-header .header-title .fa-sort-desc::before{content:"DESC"}.header-title.days,.header-title.image,.header-title.number,.header-title.status,.header-title.tags{display:none!important}.list-table[data-items="[]"]::after,.list-table[data-items="[]"]::before{content:"";display:block;width:calc(224px * 3);height:309px;background:hsl(var(--bg)) url(https://i.imgur.com/5G6hsJk.png);background-blend-mode:screen;padding:48px calc((224px * 1.5) - 90px);margin:0 auto}.list-table[data-items="[]"]::after{content:"No entries found.";background:linear-gradient(to right,hsla(var(--bg),100%),hsla(var(--bg),0) 12.5%,hsla(var(--bg),0) 87.5%,hsla(var(--bg),100%));margin-top:-309px;font-size:18px;text-align:center}[data-owner="1"] .list-table[data-items="[]"]::after{content:"No entries found. Why not add some?"}[data-query*='"s":'] .list-table[data-items="[]"]::after{content:"No entries found. Perhaps your search terms are too restrictive?"}@media (min-width:calc(224px * 5 + 33px)){.list-table[data-items="[]"]::after,.list-table[data-items="[]"]::before{width:calc(224px * 5);padding:48px calc((224px * 2.5) - 90px)}.list-table[data-items="[]"]::after{background:linear-gradient(to right,hsla(var(--bg),100%),hsla(var(--bg),0) 20%,hsla(var(--bg),0) 80%,hsla(var(--bg),100%))}}@media (min-width:calc(224px * 7 + 33px)){.list-table[data-items="[]"]::after,.list-table[data-items="[]"]::before{width:calc(224px * 7);padding:48px calc((224px * 3.5) - 90px)}.list-table[data-items="[]"]::after{background:linear-gradient(to right,hsla(var(--bg),100%),hsla(var(--bg),0) 25%,hsla(var(--bg),0) 85%,hsla(var(--bg),100%))}}.list-item{position:relative;z-index:1;display:block;width:210px;height:300px;background:0 0!important;margin:calc((300px * -.025) + 12px) calc((210px * -.025) + 12px);flex:0 0 auto;color:hsl(var(--textBright));transform:scale(.95);transition:all var(--timeItem) var(--bezierItemBounce)}.list-item:hover{transform:scale(1)}.list-table-data{display:flex;width:50%;padding:13px 0 0 12px;flex-flow:column nowrap;align-items:flex-start}.list-table .list-table-data .data{padding:0;border-width:0;border-style:solid}.data:not(.image){z-index:5;text-shadow:-.6px .84px 1.68px #000;line-height:15px;opacity:0;transition:all var(--timeButton) var(--bezierFast),opacity calc(var(--timeItem) * 1.5) var(--bezierFast)}.list-item:hover .data:not(.image){opacity:1}.list-table .list-table-data .data a{color:hsl(var(--textBright))!important;transition:all var(--timeText) var(--bezierFast)}.list-table .list-table-data .data a:not(.edit-disabled):hover{color:hsl(var(--textLinkHov))!important}.list-table .list-table-data a.edit-disabled{pointer-events:none}.data.airing-finished,.data.airing-started,.data.days,.data.finished,.data.licensor,.data.magazine,.data.priority,.data.rated,.data.retail,.data.season,.data.started,.data.storage,.data.studio,.data.type{position:relative;max-width:100%;min-height:15px;padding-left:15px!important;margin-bottom:4px;text-align:left!important;overflow-wrap:break-word;cursor:default}.data.airing-started::after,.data.days::before,.data.licensor::after,.data.magazine::after,.data.priority::after,.data.rated::after,.data.retail::after,.data.season::after,.data.started::after,.data.storage::after,.data.studio::after,.data.type::after{position:absolute;top:0;left:-3px;width:16px;height:15px;color:hsl(var(--textIcon));text-align:center}.data.image,.data.image .image,.data.image .link,.data.image .link::after{position:absolute;left:0;top:0;width:100%!important;height:100%!important;border:none!important;object-fit:cover}.data.image{z-index:-1;background:hsla(var(--bg),70%);border-radius:6px;box-shadow:-1.2px 1.68px 3.36px hsla(0,0%,0%,35%);overflow:hidden;pointer-events:none}.data.image .link{filter:brightness(var(--imageBrightness)) opacity(var(--imageBrightness));transition:filter var(--timeItem) var(--bezierFast)!important}.list-item:hover .data.image .link{filter:brightness(var(--imageBrightnessHov)) opacity(var(--imageBrightnessHov))}.data.image .link::after{content:"";background:no-repeat center/cover scroll;background-image:inherit}.data.status{position:absolute;left:0;top:0;z-index:15!important;width:100%!important;height:100%;background:0 0!important;border-bottom-width:4px!important;border-radius:6px;pointer-events:none}.data.status.reading,.data.status.watching{border-color:hsl(var(--current))}.data.status.completed{border-color:hsl(var(--completed))}.data.status.onhold{border-color:hsl(var(--paused))}.data.status.dropped{border-color:hsl(var(--dropped))}.data.status.plantoread,.data.status.plantowatch{border-color:hsl(var(--planned))}.data.title{position:absolute;bottom:0;left:0;z-index:9;width:100%;padding:5px 0 27px!important;order:95;opacity:1}.data.title::before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:hsla(var(--btn),85%);border-radius:0 0 6px 6px;visibility:var(--toggleInfoBG)}.data.title .link{display:inline-block;max-width:100%;max-height:64px;padding:5px 12px;overflow:hidden;font-size:13px!important;line-height:18px}.title [class^=icon-watch]{position:absolute;bottom:12px;right:7.5px;z-index:1;width:auto;height:15px;background:0 0;margin:0;font-size:0;text-indent:0;text-shadow:.84px .6px 1.68px #000;opacity:1!important;transform:rotate(90deg);transform-origin:right bottom;visibility:var(--togglePV)}[class^=icon-watch]::after{content:"\f144 VIDEOS";color:hsl(var(--textDim));font-size:12px;line-height:1;letter-spacing:1.5px;transition:color var(--timeText) var(--bezierFast)}.title [class^=icon-watch]:hover::after{color:hsl(var(--textLinkHov))}.content-status,.rereading,.rewatching{position:absolute;bottom:270px;left:7.5px;height:15px;color:hsl(var(--textProminent))!important;font-size:12px!important;line-height:1;letter-spacing:1.5px;text-transform:uppercase;text-shadow:.84px .6px 1.68px #000;transform:rotate(90deg);transform-origin:left top;pointer-events:none}.add-edit-more{position:absolute;bottom:267px;right:6px;width:auto;margin:0!important;font-size:0!important;opacity:0;transition:inherit}.list-item:hover .add-edit-more{opacity:1}.add-edit-more span{float:left}.add-edit-more a{display:block;padding:6px;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:all var(--timeText) var(--bezierFast)}.add-edit-more span:nth-of-type(1) a{padding-right:4.5px}.add-edit-more .more a{padding-left:4.5px;font-size:0}.add-edit-more .more a::before{content:"NOTES";font-size:12px;vertical-align:top}.data.chapter,.data.progress,.data.score,.data.volume{position:absolute;bottom:12px;z-index:10;height:15px;white-space:nowrap;cursor:default}.data.score{left:12px;max-width:calc(66% - 12px);text-align:left!important;opacity:1}.data.score::before{white-space:pre;vertical-align:top}[data-query*='"status":7'] .reading~.data.score::before,[data-query*='"status":7'] .watching~.data.score::before{content:"Current | "}[data-query*='"status":7'] .completed~.data.score::before{content:"Completed | "}[data-query*='"status":7'] .onhold~.data.score::before{content:"Paused | "}[data-query*='"status":7'] .dropped~.data.score::before{content:"Dropped | "}[data-query*='"status":7'] .plantoread~.data.score::before,[data-query*='"status":7'] .plantowatch~.data.score::before{content:"Planned | "}.data.score .link{display:inline-flex;font-size:14px!important;vertical-align:top;text-transform:capitalize}.data.score .link::before{content:"Scored ";font-size:12px;font-weight:400;vertical-align:top;white-space:pre}[class*=planto]~.data.score .link{display:none}[class*=planto]~.data.score::before{content:"Planned"!important}.score-na{font-size:0;order:-1}.score-na::before{content:"Not ";font-size:12px;font-weight:400}body:not([data-query*='order":4']) .score-10::before,body:not([data-query*='order":4']) .score-9::before{content:"";position:absolute;left:-12px;bottom:282px;z-index:-1;width:210px;height:6px;border-top:2px solid hsl(var(--goldRating));border-radius:6px 6px 0 0;pointer-events:none;visibility:var(--toggleTopRatings)}body:not([data-query*=order]) .score-9::before{border-color:hsl(var(--silverRating))}body:not([data-query*='order":4']) .score-10::after,body:not([data-query*='order":4']) .score-9::after{content:"TOP RATED";position:absolute;left:43px;bottom:277px;z-index:-1;width:100px;height:16px;border-radius:3px;background:hsl(var(--goldRating));color:hsl(var(--bg));font:bold 13px/13px var(--font);text-align:center;letter-spacing:1px;text-shadow:none;pointer-events:none;visibility:var(--toggleTopRatings)}body:not([data-query*='order":4']) .score-9::after{background:hsl(var(--silverRating))}.data.score a:not([style="display: none;"])+select{display:none}.data.chapter,.data.progress,.data.volume{right:12px;text-align:right!important;opacity:.64}.chapter div,.progress div,.volume div{font-size:0}.chapter span:first-of-type:not(:only-of-type) a::after,.progress span:first-of-type:not(:only-of-type) a::after,.volume span:first-of-type:not(:only-of-type) a::after{content:" of "}.data.chapter a,.data.progress a,.data.volume a{font-size:12px}.plantoread~.data.chapter span:first-of-type,.plantoread~.data.volume span:first-of-type,.plantowatch~.data.progress span:first-of-type{opacity:0;transition:all var(--timeItem) var(--bezierFast)}.list-item:hover .plantoread~.data.chapter span:first-of-type,.list-item:hover .plantoread~.data.volume span:first-of-type,.list-item:hover .plantowatch~.data.progress span:first-of-type{opacity:1}.chapter span:nth-of-type(2),.progress span:nth-of-type(2),.volume span:nth-of-type(2){font-size:12px;vertical-align:top}.chapter span:only-of-type,.progress span:only-of-type,.volume span:only-of-type{font-size:14px}.progress span:last-of-type::after{content:"ep"}.chapter span:last-of-type::after{content:"ch"}.volume span:last-of-type::after{content:"vol"}span:nth-of-type(2)::after{color:hsl(var(--textBright));text-shadow:inherit;transition:all var(--timeItem) var(--bezierFast)}[data-owner="1"] .list-item:hover span:nth-of-type(2)::after{color:transparent;text-shadow:none}.list-table .list-item .data [class^=icon-add-]{position:absolute;top:3px;right:0;display:inline-block;color:hsla(var(--textIcon),0%)!important;font-size:12px!important;text-shadow:none;transition:all var(--timeItem) var(--bezierFast)}.list-table .list-item:hover .data [class^=icon-add-]{color:hsl(var(--textIcon))!important;text-shadow:inherit}[class^=icon-add-] .fa::before{content:"\f067"}.data.chapter+.data.volume{display:none!important}.chapter a+input,.progress a+input,.volume a+input{display:none}.data.tags{position:absolute;top:51px;right:6px;width:calc(50% - 6px);padding:0 6px 0 0!important;height:148px;overflow-x:hidden;overflow-y:auto}.data.tags a,.data.tags div{position:relative}.data.tags span{display:block;min-height:15px;margin-bottom:4px;font-size:0;line-height:0;text-align:right}.data.tags a{display:inline-block;padding-right:15px;font:12px/15px var(--font)!important;vertical-align:top;overflow-wrap:break-word}.list-table .list-table-data .tags .edit{width:auto;float:right;color:hsl(var(--textBright))!important}.data.tags a::after{position:absolute;top:1px;right:0;display:inline-block;color:hsl(var(--textIcon))}.data.tags span a::after{content:"\f02b"}.data.tags .edit::after{content:"\f040"}.data.tags textarea{position:absolute;top:0;right:6px;display:block;width:calc(100% - 6px)!important;height:99%!important;border-style:solid;border-radius:3px;overflow:auto;word-break:break-all;resize:none}.data.number{height:15px;margin:-1px 0 24px;font-size:14px;font-weight:700;opacity:.53;cursor:default}.data.number::before{content:"#";font-size:12px}.data.type::after{content:"\f069"}.data.type{order:10}.data.rated::after{content:"\f129"}.data.rated{order:20}.data.rated:empty::before{content:"Unrated"}.data.season::after{content:"\f1bb"}.data.season{order:30}.data.season:empty::before{content:"Unknown"}.data.studio::after{content:"\f0b1"}.data.licensor::after{content:"\f19c"}.data.magazine::after{content:"\f02d"}.data.licensor,.data.magazine,.data.studio{order:50}.data.licensor:empty::before,.data.magazine:empty::before,.data.studio:empty::before{content:"Unknown";color:hsl(var(--textDim))}.data.started::after{content:"\f073"}.data.airing-started::after{content:"\f073"}.data.days::before{content:"\f017"}.data.days,.data[class*=finished],.data[class*=started]{order:70}.data.airing-started,.data.started{margin:0}.data[class*=started]::before{display:block;color:hsl(var(--textDim));font-size:12px}.anime .data.started::before{content:"Watched"}.manga .data.started::before{content:"Read"}.anime .data.airing-started::before{content:"Aired"}.manga .data.airing-started::before{content:"Published"}.data.airing-finished::before,.data.finished::before{content:"to ";color:hsl(var(--textDim))}.data.days::after{content:"Days"}.data.priority::after{content:"\f005"}.data.priority{display:block!important;order:90}.status:not([class*=planto])~.data.priority{display:none!important}.data.retail::after,.data.storage::after{content:"\f1c0"}.data.retail,.data.storage{order:95}.more-info{position:absolute;left:0;bottom:0;z-index:25;width:100%;height:100%;border:none!important;border-radius:5px;overflow:hidden;opacity:0;transition:all calc(var(--timeItem) * 1.5) var(--bezierFast);animation:var(--timeItem) var(--bezierFast) backwards fade-in;pointer-events:none}.list-item:hover .more-info{opacity:1}.more-info table,.more-info tbody,.more-info td,.more-info tr{display:block}.more-content{width:100%;height:calc(100% - 37px);padding:0!important;background:hsla(var(--bgAlt),.96);border-radius:6px 6px 0 0;box-shadow:0 0 3.36px 1.68px hsla(0,0%,0%,50%);margin-top:37px;overflow-x:hidden;overflow-y:auto;pointer-events:auto}.more-content table{padding:9px 15px 12px!important}.td1::first-line{font-size:0;line-height:0}.more-info br,.more-info div:first-of-type{display:none}.anime .more-info small~br,.manga .more-info br:nth-of-type(n+9){display:initial}.list-unit .loading-space{height:auto;margin:18px 0 0}.list-unit .loading-space i{width:24px;height:24px;background:url(https://files.catbox.moe/qs9f3v.svg) center/auto no-repeat;margin:0 auto;font-size:0;animation:1.2s cubic-bezier(.35,0,.35,1) 0s infinite both loading}@keyframes loading{from{transform:rotate(45deg)}to{transform:rotate(405deg)}}#fancybox-overlay{background:#000!important;opacity:.78!important}body #fancybox-close{box-shadow:none}#fancybox-close::before{content:"Close"}body #fancybox-wrap{left:calc(50% - (190px + 20vw))!important;width:calc(380px + 40vw)!important;height:auto!important;padding:0}#fancybox-outer .fancy-bg{display:none}body #fancybox-outer{padding:14px 12px 56px;background:hsl(var(--bg));border-radius:8px;box-shadow:-1.6px 2.24px 4.48px hsla(0,0%,0%,70%)}body #fancybox-inner{position:static;width:100%!important;border-radius:4px}body #fancybox-frame{filter:sepia(20%) invert(91.5%)}#fancybox-outer #fancybox-close{top:auto;bottom:12px;right:20px}#fancybox-wrap:not([style*="width: 1000px;"]){left:calc(50% - 160px)!important;width:auto!important;height:auto!important}#fancybox-wrap:not([style*="width: 1000px;"]) #fancybox-close{display:none!important}#fancybox-wrap:not([style*="width: 1000px;"]) #fancybox-outer{padding:12px}#fancybox-wrap:not([style*="width: 1000px;"]) #fancybox-inner{width:auto!important;height:auto!important}div[style^="width: 300px;"]{width:100%!important;height:100%!important;font:0/0 var(--font)!important}div[style^="width: 300px;"]::before{content:'Finished rewatching?';color:hsl(var(--textMid));font-size:14px;line-height:1}div[style^="width: 300px;"] div{display:flex;margin-top:9px!important}div[style^="width: 300px;"] input{width:auto;padding:0 12px;font-family:inherit;cursor:pointer;text-transform:capitalize}div[style^="width: 300px;"] input+input{margin-left:9px}#advanced-options{position:fixed;top:calc(50px + 10vh);width:calc(630px + .111 * (100vw - 700px));min-width:630px;max-width:730px;height:auto;padding:0 calc(40px + .05 * (100vw - 700px)) 12px;background:hsl(var(--bg));box-shadow:-1.6px 2.24px 4.48px hsla(0,0%,0%,70%);border:none;color:hsl(var(--textMid));font-family:var(--font)}#advanced-options::before{content:"";position:absolute;top:-2px;left:0;width:100%;height:2px;background:hsl(var(--bg)) linear-gradient(to right,hsla(var(--accent),1),hsla(var(--accent),.55))}#advanced-options #fancybox-close{top:auto;bottom:24px;right:calc(40px + .05 * (100vw - 700px))}#advanced-options div{padding:12px 0}#advanced-options .advanced-options-header{width:100%;height:32px;border:none;font-size:15px;line-height:28px;text-align:left;text-transform:uppercase}#advanced-options .advanced-options-header .description{display:none}#advanced-options .filter-widget,#advanced-options .sort-widget{display:flex;width:100%;padding:12px 12px 0 108px}#advanced-options .filter-widget:last-of-type,#advanced-options .sort-widget:last-of-type{padding-bottom:12px}#advanced-options .filter-widget .widget-header,#advanced-options .sort-widget .widget-header{width:108px;padding-left:12px;margin-left:-108px;flex:0 0 auto;font:13px/22px var(--font)}#advanced-options .filter-widget select,#advanced-options .sort-widget label,#advanced-options .sort-widget select,#advanced-options input{height:24px!important;background:hsl(var(--btn)) calc(100% - 5px) center/auto no-repeat;border:none!important;border-radius:3px;margin-right:2%;flex:0 1 auto;color:hsl(var(--textMid))}#advanced-options .filter-widget select,#advanced-options .sort-widget select{background-image:var(--arrowDn)}#advanced-options .filter-widget select:disabled,#advanced-options .sort-widget select:disabled{background-blend-mode:soft-light;opacity:.57}#advanced-options .filter-widget.title input[type=text]{width:80%}#advanced-options .filter-widget.airing-status select,#advanced-options .filter-widget.publishing-status select{width:60%}#advanced-options .filter-widget.magazine select,#advanced-options .filter-widget.producer select{width:60%}#advanced-options .filter-widget.aired-date select.year,#advanced-options .filter-widget.published-date select.year{width:15%;border-radius:4px 0 0 4px;margin-right:0}#advanced-options .filter-widget.aired-date select.month,#advanced-options .filter-widget.published-date select.month{width:12%;border-radius:0;margin-right:0}#advanced-options .filter-widget.aired-date select.day,#advanced-options .filter-widget.published-date select.day{width:12%;border-radius:0 4px 4px 0}#advanced-options .filter-widget.aired-date .text,#advanced-options .filter-widget.published-date .text{display:none}#advanced-options .filter-widget.aired-season select.year{width:20%}#advanced-options .filter-widget.aired-season select.season{width:28%}#advanced-options .sort-widget select{width:34%}#advanced-options .sort-widget input[type=radio]+label{width:12%;padding:0;background:hsl(var(--btn))!important;border:2px solid hsl(var(--btnLight))!important;margin:0;color:hsl(var(--textMid))!important;line-height:18px;transition:all var(--timeButton) var(--bezierFast)}#advanced-options .sort-widget input[type=radio]+label:first-of-type{border-radius:3px 0 0 3px;border-right-width:0!important}#advanced-options .sort-widget input[type=radio]+label:last-of-type{border-radius:0 3px 3px 0;border-left-width:0!important}#advanced-options .sort-widget :not(:disabled)+label:hover,#advanced-options .sort-widget :not(:disabled):checked+label{border-color:hsl(var(--btnAccent))!important;color:hsl(var(--accent))!important}#advanced-options .sort-widget input[type=radio]:disabled+label{opacity:.57;cursor:default}#advanced-options .advanced-options-button{width:100%;padding:12px 0;border:none;font-size:0;text-align:left}#advanced-options .advanced-options-button a{margin-right:9px;box-shadow:none}#footer-block{position:absolute;bottom:0;left:0;width:100%;height:60px;padding:22px 0;background:0 0;font:13px/16px var(--font)}#copyright{display:inline-block;padding:0;color:hsla(var(--textDim),50%);font:inherit;transition:color var(--timeText) var(--bezierFast);cursor:text}#copyright:hover{color:hsl(var(--textDim))}#copyright::after{content:"List design by Valerio Lyndon."}.list-unit .list-stats{position:absolute;bottom:-32px;left:0;display:block!important;width:100%;height:16px;background:0 0;margin:0 auto;color:hsla(var(--textDim),50%);font:12px/16px var(--font);visibility:var(--toggleStats)}@media (max-width:700px){.list-block{min-height:calc(100vh - (184px + (700px * .3)))}body #fancybox-wrap{left:calc(50% - (190px + (700px * .2)))!important;width:calc(380px + (700px * .4))!important}#advanced-options{position:absolute;padding:0 calc(40px) 12px}}@media (max-width:980px){.list-block{padding-top:44px}#status-menu{height:0;margin-top:50px}#status-menu:not(.fixed){padding:0}#status-menu:not(.fixed) .status-menu{position:relative;top:-42px}#status-menu:not(.fixed) .search-container{top:49px;left:calc(50% - 32px);width:250px}#status-menu.fixed .status-button{pointer-events:none;opacity:0}#status-menu.fixed .search-container{width:calc(100% - 29px)}.status-menu-container.fixed+div.list-block{margin-top:53px}.list-block::before{top:-53px}.list-unit .list-status-title{top:4px;left:calc(50% - 218px)}.list-unit .list-status-title .stats a{width:84px}.list-table>tbody:first-of-type{top:4px;left:calc(50% - 125px);width:84px}}@media (min-width:1600px){#advanced-options{padding:0 85px 12px}}@media (min-width:1804px){#status-menu .search-container{width:calc(169px + (1804px * .035))}#status-menu:not(.fixed) .search-container{right:calc(8px + (50% - 1804px * .5))}.list-unit .list-status-title{left:calc(8px + (50% - 1804px * .5))}.list-unit .list-status-title .stats a{width:calc(80px + (1804px * .0175))}.list-table>tbody:first-of-type{left:calc(97px + (1804px * .0175) + (50% - 1804px * .5));width:calc(80px + (1804px * .0175))}}@media (min-width:1920px){.list-block{min-height:calc(100vh - (184px + (1920px * .3)))}}[data-owner=""]{--arrowUp:url(https://i.imgur.com/Cu2u9Hu.png);--arrowRt:url(https://i.imgur.com/vqOtoms.png);--arrowDn:url(https://i.imgur.com/0YI7VxA.png);--arrowLt:url(https://i.imgur.com/BArw1oI.png)}[data-owner=""] .header .header-title{background-image:url(https://i.imgur.com/g0WEEth.png)}[data-owner=""] .list-container::before,[data-owner=""] .list-menu-float::after{background-image:url(https://i.imgur.com/Ly6A4ph.png)}[data-owner=""] .list-unit .loading-space i{background-image:url(https://i.imgur.com/1NLFsAe.png)}@-moz-document url-prefix(){.list-item{will-change:transform}.data.title{padding-top:2px!important}}
- /*==============================*\
- PLACE MODS AFTER THIS POINT
- \*------------------------------*/
- /*------------------------------*\
- |* Hide Hentai Covers *|
- \* - - - - - - - - - - - - - - -*/
- .data.tags {
- overflow: initial;
- opacity: 1;
- }
- .data.tags span {
- min-height: initial;
- margin-bottom: 0;
- }
- .data.tags a {
- min-height: 15px;
- margin-bottom: 4px;
- opacity: 0;
- transition:
- color var(--timeText) var(--bezierFast),
- opacity calc(var(--timeItem) * 1.5) var(--bezierFast);
- } .list-item:hover .data.tags a {
- opacity: 1;
- }
- .data.tags a[href$="tag=Hentai"] {
- position: absolute;
- z-index: 5;
- top: -51px;
- right: -12px;
- width: 210px;
- height: 300px;
- padding: 105px 0 0;
- background: hsla(var(--bgAlt), 70%);
- border-radius: 6px;
- color: hsl(var(--accent)) !important;
- font: 18px/22px var(--font) !important;
- text-align: center;
- text-transform: uppercase;
- opacity: 1;
- -webkit-backdrop-filter: blur(4px);
- -moz-backdrop-filter: blur(4px);
- backdrop-filter: blur(4px);
- transition: opacity calc(var(--timeItem) * 1.5) var(--bezierFast);
- pointer-events: none;
- } .list-item:hover .data.tags a[href$="tag=Hentai"] {
- opacity: 0;
- }
- @supports not (backdrop-filter: blur(4px)) {
- .data.tags a[href$="tag=Hentai"] {
- background: hsla(var(--bgAlt), 95%);
- }
- }
- .data.tags a[href$="tag=Hentai"]::before {
- content: "Explicit Content";
- display: block;
- border-bottom: 2px solid hsl(var(--accent));
- padding-bottom: 4px;
- }
- .data.tags a[href$="tag=Hentai"]::after {
- content: none;
- }
Add Comment
Please, Sign In to add comment
