ControlC Pastebin - The easiest way to host your text

Paste content

Up to 100 KB of text. BBCode formatting is supported.
Title - optional
Content
/*Layout CSS was originally made by Takana no hana, edits by Shishio-kun and Valerio_Lyndon\r\n\r\nIf you need help with it please visit our group:\r\nhttps://myanimelist.net/clubs.php?cid=19736\r\n\r\nLearn how to customize the layout here:\r\nhttps://myanimelist.net/forum/?topicid=1640096\r\n*/\r\n\r\n@\import \"https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore\";\r\n@\import \"https://fonts.googleapis.com/css?family=Orbitron\";\r\n@\import \"https://fonts.googleapis.com/css?family=Amaranth\";\r\n@\import \"https://fonts.googleapis.com/css?family=Rancho\";\r\n@\import \"https://fonts.googleapis.com/css?family=Kaushan+Script|Tangerine\";\r\n\r\n\r\n/* WALLPAPER\r\nTo change background images: Delete what's in the parenthesis. Upload 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. \r\n*/\r\nbody, body.ownlist \r\n {\r\nbackground-image: url(http://i.imgur.com/VTrW1N1.jpg);\r\n}\r\n\r\n\r\n\r\n/* BANNER AVATAR */\r\n.list-table .list-table-header:after {\r\nbackground-image: url(http://i.imgur.com/GH6BMvr.gif);\r\n}\r\n/* BANNER QUOTE*/\r\n.cover-block::before {\r\ncontent: \"I won't let go of you - I'll never let go again ... This hand was finally able to catch you!\"\r\n}\r\n\r\n\r\n/* BANNER BACKGROUND */\r\n.list-unit.watching .list-status-title:after,\r\n.list-unit.reading .list-status-title:after,\r\n.list-unit.completed .list-status-title:after,\r\n.list-unit.onhold .list-status-title:after,\r\n.list-unit.dropped .list-status-title:after,\r\n.list-unit.plantowatch .list-status-title:after,\r\n.list-unit.plantoread .list-status-title:after,\r\n.list-unit.all_anime .list-status-title:after {\r\nbackground-image: url(http://i.imgur.com/W6iKnWb.png);\r\n}\r\n\r\n\r\n/* ALL ANIME BANNER BUTTON */\r\n.status-menu-container .status-menu .status-button.all_anime {\r\nbackground-image:url(http://i.imgur.com/DLLqSTd.png);	\r\n}\r\n.status-menu-container .status-menu .status-button.all_anime:hover,\r\n.status-menu-container .status-menu .status-button.all_anime.on {\r\nbackground-image:url(http://i.imgur.com/aKqWN3u.gif);	\r\n}\r\n\r\n\r\n\r\n/* CURRENTLY WATCHING BANNER BUTTON*/\r\n.status-menu-container .status-menu .status-button.watching,\r\n.status-menu-container .status-menu .status-button.reading  {\r\nbackground-image:url(http://i.imgur.com/5pPg4ac.png);	\r\nleft:8px !important;\r\n}\r\n.status-menu-container .status-menu .status-button.watching:hover,\r\n.status-menu-container .status-menu .status-button.watching.on,\r\n.status-menu-container .status-menu .status-button.reading:hover,\r\n.status-menu-container .status-menu .status-button.reading.on {\r\nbackground-image:url(http://i.imgur.com/WESHf5N.gif);		\r\n}\r\n\r\n\r\n/* COMPLETED BANNER BUTTON*/\r\n.status-menu-container .status-menu .status-button.completed {\r\nbackground-image:url(http://i.imgur.com/RlcbKxj.png);	\r\nleft:16px !important;\r\n}\r\n.status-menu-container .status-menu .status-button.completed:hover,\r\n.status-menu-container .status-menu .status-button.completed.on {\r\nbackground-image:url(http://i.imgur.com/UMovoVS.gif);	\r\n}\r\n\r\n\r\n/* ON HOLD BANNER BUTTON */\r\n.status-menu-container .status-menu .status-button.onhold {\r\nbackground-image:url(http://i.imgur.com/ASPp5y9.png);	\r\nleft:24px !important;\r\n}\r\n.status-menu-container .status-menu .status-button.onhold:hover ,\r\n.status-menu-container .status-menu .status-button.onhold.on {\r\nbackground-image:url(http://i.imgur.com/ouJqNKc.gif);	\r\n}\r\n\r\n\r\n/* DROPPED BANER BUTTON*/\r\n.status-menu-container .status-menu .status-button.dropped {\r\nbackground-image:url(http://i.imgur.com/aTKLiQg.png);\r\nleft:32px !important;\r\n}\r\n.status-menu-container .status-menu .status-button.dropped:hover,\r\n.status-menu-container .status-menu .status-button.dropped.on {\r\nbackground-image:url(http://i.imgur.com/sRPU8yp.gif);\r\n}\r\n\r\n\r\n/* PLAN TO BANNER BUTTON */\r\n.status-menu-container .status-menu .status-button.plantowatch,\r\n .status-menu-container .status-menu .status-button.plantoread{\r\nbackground-image:url(http://i.imgur.com/BBHhd2Z.png);\r\nleft:40px !important;\r\n}\r\n.status-menu-container .status-menu .status-button.plantowatch:hover,\r\n.status-menu-container .status-menu .status-button.plantowatch.on,\r\n.status-menu-container .status-menu .status-button.plantoread:hover,\r\n.status-menu-container .status-menu .status-button.plantoread.on {\r\nbackground-image:url(http://i.imgur.com/zJYQb4x.gif);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* BOTTOM RENDER \r\nChange the percentage after width to control the size.\r\nChange the numbers after left to move the bottom render where you want.\r\nRemove the link in parenthesis to delete the render, or set height to 0.\r\n*/\r\n footer::after {\r\n  width: 20%;\r\n  height: 100%;\r\n  left:calc(50% + 560px);\r\n  background: url(https://image.myanimelist.net/ui/OK6W_koKDTOqqqLDbIoPAgvMyPv4I5qbqk0U2KH33ug) no-repeat bottom right;\r\n}\r\n\r\n/* ANIME/MANGA CONTAINER SETTINGS */\r\n\r\n\r\n.list-unit {\r\nbackground-color: rgba(0,0,0,.4) ; \r\n}\r\n\r\n.status-menu-container {\r\nbackground-color: rgba(0,0,0,.4) ; \r\n}\r\n\r\n.list-table .list-table-data:hover {\r\nbackground-color: rgba(0,0,0,.4) ; \r\n}\r\n\r\n\r\n/* GREYSCALE FOR CATEGORY BUTTONS */\r\n.status-menu-container .status-menu .status-button.watching,\r\n.status-menu-container .status-menu .status-button.reading,\r\n.status-menu-container .status-menu .status-button.completed,\r\n.status-menu-container .status-menu .status-button.onhold, \r\n.status-menu-container .status-menu .status-button.dropped,\r\n.status-menu-container .status-menu .status-button.plantowatch,\r\n.status-menu-container .status-menu .status-button.plantoread,\r\n.status-menu-container .status-menu .status-button.all_anime\r\n{\r\nfilter: grayscale(100%);\r\n}\r\n\r\n\r\n.status-menu-container .status-menu .status-button.all_anime:hover,\r\n.status-menu-container .status-menu .status-button.all_anime.on,\r\n.status-menu-container .status-menu .status-button.plantowatch:hover,\r\n.status-menu-container .status-menu .status-button.plantowatch.on, \r\n.status-menu-container .status-menu .status-button.plantoread:hover,\r\n.status-menu-container .status-menu .status-button.plantoread.on, \r\n.status-menu-container .status-menu .status-button.dropped:hover,\r\n.status-menu-container .status-menu .status-button.dropped.on,\r\n.status-menu-container .status-menu .status-button.onhold:hover,\r\n.status-menu-container .status-menu .status-button.onhold.on,\r\n.status-menu-container .status-menu .status-button.completed:hover,\r\n.status-menu-container .status-menu .status-button.completed.on,\r\n.status-menu-container .status-menu .status-button.watching:hover,\r\n.status-menu-container .status-menu .status-button.watching.on,\r\n.status-menu-container .status-menu .status-button.reading:hover,\r\n.status-menu-container .status-menu .status-button.reading.on{\r\nfilter: inherit;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* OTHER STUFF */\r\n\r\n/* Removing default cover (banner) image */\r\n\r\n#cover-image{\r\n   display: none;\r\n}\r\n\r\n\r\n.list-table .list-table-data{\r\n background-color: rgba(0,0,0,0); \r\n  box-shadow: 0 0 2px transparent;\r\n  border: 0px solid transparent;\r\n}\r\n\r\n\r\n.list-table .list-table-data:hover {\r\n  box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;\r\n  border: 1px solid rgba(0,0,0,.3);\r\n}\r\n\r\n\r\n.list-unit.watching:after, .list-unit.reading:after, .list-unit.onhold:after, .list-unit.plantowatch:after, .list-unit.plantoread:after   {\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nheight: 100%;\r\nbackground-position: right;\r\ndisplay: inline-block !important;\r\nmargin: auto !important;\r\nposition: fixed !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\ntop: 0 !important;\r\nz-index: -5 !important;\r\ncontent: \"\";\r\npointer-events: none;\r\nopacity: 1 !important;\r\n}\r\n\r\n.list-unit.completed:after, .list-unit.dropped:after, .list-unit.all_anime:after {\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nheight: 100%;\r\nbackground-position: right;\r\ndisplay: inline-block !important;\r\nmargin: auto !important;\r\nposition: fixed !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\ntop: 0 !important;\r\nz-index: -5 !important;\r\ncontent: \"\";\r\npointer-events: none;\r\nopacity: 1 !important;\r\n}\r\n\r\n\r\n\r\n.list-unit .list-status-title .text {\r\n    display: block;\r\n	position:absolute;\r\n    width: 1180px;\r\n    height: 38px !important;\r\n    font-size: 22px;\r\n    color: #fff;\r\n    font-family: 'Kaushan Script', cursive;\r\n    text-align: center;\r\n    vertical-align: middle;\r\ntext-align: center;\r\nborder:none;\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;\r\n background-color: transparent;\r\nmargin-top: -30px !important;\r\nz-index:10 !important;\r\n}\r\n\r\n.list-table .list-table-header:after {\r\n	position:absolute;\r\n	height: 120px !important;\r\nwidth: 120px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute;\r\ndisplay:block !important;\r\nmargin-left:57px;\r\nmargin-top:-280px;\r\ncontent: \"\";\r\npadding: 5px;\r\nbackground-color:#fff;\r\nbox-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\nborder-radius:5px;\r\nborder: #fff 2px solid;\r\npointer-events: none;\r\nz-index: 10 !important;\r\n}\r\n\r\n footer::after {\r\n  content: \"\";\r\n  display: block;\r\n  position: fixed;\r\n  bottom: 0px;\r\n  background-size: 100%;\r\n  pointer-events: none;\r\nz-index: 3; }\r\n\r\n.cover-block::after {\r\n	display: none !important;\r\n}\r\n\r\n\r\n.list-unit.watching .list-status-title:after, .list-unit.reading .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n}\r\n\r\n\r\n\r\n.list-unit.completed .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n}\r\n\r\n.list-unit.onhold .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n}\r\n\r\n.list-unit.dropped .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n}\r\n\r\n.list-unit.plantowatch .list-status-title:after, .list-unit.plantoread .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n} \r\n\r\n.list-unit.all_anime .list-status-title:after {\r\ncolor: transparent;\r\nheight: 755px !important;\r\nwidth: 1176px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute !important;\r\ndisplay: block !important;\r\nleft: 0 !important;\r\nright: 0 !important;\r\nmargin-top: -500px !important;\r\ncontent: \"\";\r\nz-index: 0 !important;\r\nmargin-bottom: 20px !important;\r\npointer-events: none;\r\n}\r\n\r\n#advanced-options {\r\n    position: fixed;\r\n    top: 24px;\r\n    left: 0;\r\n    right: 0;\r\n    display: none;\r\n    width: 860px;\r\n    margin: 0 auto;\r\n    padding: 25px 0px 30px;\r\n    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\n    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\n    -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\n    -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\n    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\n    color: #fff;\r\n    text-align: left;\r\n    font-family: 'Helvetica neue', Helvetica, \"lucida grande\", tahoma, verdana, arial, sans-serif;\r\n    z-index: 1101;\r\n	border: none;\r\nbackground-image: url(http://i.imgur.com/xD2LRjG.png);\r\nbackground-color:rgba(0,0,0,.5);\r\n	background-repeat: no-repeat;\r\n	background-size: cover;\r\n	background-position: 50% 50%;}\r\n	\r\n#advanced-options .advanced-options-header {\r\n    width: 750px;\r\n    margin: 0px auto;\r\n    padding-bottom: 4px;\r\n    border-bottom: 1px solid #fff;\r\n    font-size: 16px;\r\n	color:#fff !important;\r\n}\r\n\r\n\r\n#advanced-options .advanced-options-header .description {\r\n    font-size: 12px;\r\n    font-weight: normal;\r\n    margin-left: 8px;\r\n	color:#fff !important;\r\n}\r\n\r\n#advanced-options .sort-widget .widget-header, #advanced-options .filter-widget .widget-header, #advanced-options .filter-widget.aired-date .text, #advanced-options .filter-widget.published-date .text {\r\ncolor:#fff !important;\r\n}\r\n\r\n#advanced-options select {\r\n    -ms-appearance: none;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    background-image: url(/img/pc/ownlist/icon_pulldown_triangle.png);\r\n    background-repeat: no-repeat;\r\n    background-position: center right;\r\n    background-size: 18px 8px;\r\n    background-color: #FFFFFF;\r\n    display: inline-block;\r\n    height: 25px;\r\n    padding: 4px 20px 4px 4px;\r\n    padding-right: 4px\0;\r\n    border: #BEBEBE 1px solid;\r\n    border-radius: 0px;\r\n    font-size: 12px;\r\n}\r\n#advanced-options select::-ms-expand {\r\n    display: none;\r\n}\r\n\r\n#advanced-options select:disabled {\r\n    background-image: url(/img/pc/ownlist/icon_pulldown_triangle_disable.png);\r\n    color: #9B9B9B;\r\n}\r\n\r\n#advanced-options input[type=text] {\r\n    padding: 4px;\r\n    border: #BEBEBE 1px solid;\r\n}\r\n\r\n#advanced-options input:focus {\r\n    outline: none;\r\n}\r\n\r\n\r\n/* sort */\r\n#advanced-options .sort-widget {\r\n    margin: 0px auto;\r\n    padding: 12px 0px 0px;\r\n    width: 750px;\r\n}\r\n#advanced-options .sort-widget:last-of-type {\r\n    padding-bottom: 45px;\r\n}\r\n\r\n#advanced-options .sort-widget select {\r\n    width: 172px;\r\n    margin-right: 8px;\r\n}\r\n\r\n#advanced-options .sort-widget input[type=radio] {\r\n    display: none;\r\n}\r\n#advanced-options .sort-widget input[type=radio] + label {\r\n    background-color: #FFFFFF;\r\n    display: inline-block;\r\n    width: 56px;\r\n    padding: 5px 0px;\r\n    border: #BEBEBE 1px solid;\r\n    border-radius: 4px;\r\n    color: #323232;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n}\r\n#advanced-options .sort-widget input[type=radio]:checked + label {\r\n    background-color: #244291;\r\n    border: #244291 1px solid;\r\n    color: #FFFFFF;\r\n}\r\n#advanced-options .sort-widget input[type=radio]:disabled + label {\r\n    border: #BEBEBE 1px solid;\r\n    color: #9B9B9B;\r\n}\r\n#advanced-options .sort-widget input[type=radio]:checked:disabled + label {\r\n    background-color: #FFFFFF;\r\n    border: #BEBEBE 1px solid;\r\n    color: #9B9B9B;\r\n}\r\n\r\n/* filter */\r\n#advanced-options .filter-widget {\r\n    margin: 0px auto;\r\n    padding: 12px 0px 0;\r\n    width: 750px;\r\n}\r\n\r\n#advanced-options .filter-widget select {\r\n    margin-right: 8px;\r\n    font-size: 12px;\r\n}\r\n\r\n#advanced-options .filter-widget.title input[type=text] {\r\n    width: 360px;\r\n}\r\n\r\n#advanced-options .filter-widget.airing-status select,\r\n#advanced-options .filter-widget.publishing-status select {\r\n    width: 152px;\r\n}\r\n\r\n#advanced-options .filter-widget.producer select,\r\n#advanced-options .filter-widget.magazine select {\r\n    width: 360px;\r\n}\r\n\r\n#advanced-options .filter-widget.aired-date select.year,\r\n#advanced-options .filter-widget.published-date select.year {\r\n    width: 80px;\r\n}\r\n\r\n#advanced-options .filter-widget.aired-date select.month,\r\n#advanced-options .filter-widget.published-date select.month,\r\n#advanced-options .filter-widget.aired-date select.day,\r\n#advanced-options .filter-widget.published-date select.day {\r\n    width: 60px;\r\n}\r\n\r\n#advanced-options .filter-widget.aired-date .text,\r\n#advanced-options .filter-widget.published-date .text {\r\n    display: inline-block;\r\n    margin-right: 4px;\r\n    font-size: 12px;\r\n}\r\n\r\n#advanced-options .filter-widget.aired-season select.year {\r\n    width: 80px;\r\n}\r\n\r\n#advanced-options .filter-widget.aired-season select.season {\r\n    width: 110px;\r\n}\r\n\r\n#advanced-options .sort-widget .widget-header,\r\n#advanced-options .filter-widget .widget-header {\r\n    display: inline-block;\r\n    width: 110px;\r\n    font-size: 12px;\r\n    font-family: 'Helvetica neue', Helvetica, \"lucida grande\", tahoma, verdana, arial, sans-serif;\r\n}\r\n\r\n#advanced-options .sort-widget:last-of-type,\r\n#advanced-options .filter-widget:last-of-type {\r\n    padding-bottom: 40px;\r\n}\r\n\r\n#advanced-options .advanced-options-button {\r\n    width: 750px;\r\n    margin: 0px auto;\r\n    padding: 12px 0px 0px;\r\n    border-top: 1px solid #BEBEBE;\r\n    text-align: center;\r\n}\r\n\r\n#advanced-options .btn-apply,\r\n#advanced-options .btn-clear {\r\n    background-color: rgba(0,0,0, 0.8);\r\n    display: inline-block;\r\n    width: 135px;\r\n    margin: 0 4px;\r\n    padding: 6px 0px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    color: #FFFFFF;\r\n    text-align: center;\r\n    -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n#advanced-options .btn-apply:hover,\r\n#advanced-options .btn-clear:hover {\r\n  background-color: rgba(0,0,0, 0.8);\r\n}\r\n\r\n\r\n\r\n/**\r\n * General Styles\r\n */\r\n \r\n \r\ntd {\r\n    line-height: 1.5em;\r\n	height: 25px !important;\r\n}\r\n\r\na {\r\n    color: #fff;\r\n    text-decoration: none;\r\n}\r\na:hover {\r\n    color: #fff !important;\r\n    text-decoration: none;\r\n}\r\n\r\n#footer-block {\r\n    padding: 15px 0;\r\n    background-color: #244291;\r\n    color: #FFFFFF;\r\n    font-family: Avenir, \"lucida grande\", tahoma, verdana, arial, sans-serif;\r\n	display:none;\r\n}\r\n\r\n#copyright {\r\n    font-size: 12px;\r\n    color: #FFFFFF;\r\n    padding-top: 3px;\r\n    text-align: center;\r\n}\r\n\r\n/*\r\n * Header\r\n */\r\n.header a {\r\n    font-weight: bold;\r\n    color: #fff !important;\r\n}\r\n.header a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n.header {\r\n    position: absolute;\r\n    color: #fff;\r\n    display: block;\r\n    width: 100%;\r\n    height: 50px;\r\n    margin: 0 auto\r\n	border:none;\r\n	background: -webkit-linear-gradient(rgba(0,0,0,.4), transparent); /* For Safari 5.1 to 6.0 */\r\n    background: -o-linear-gradient(rgba(0,0,0,.4), transparent); /* For Opera 11.1 to 12.0 */\r\n    background: -moz-linear-gradient(rgba(0,0,0,.4), transparent); /* For Firefox 3.6 to 15 */\r\n    background: linear-gradient(rgba(0,0,0,.4), transparent); /* Standard syntax */\r\n	-moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n	z-index: 40;\r\n}\r\n\r\n.header:hover {background-color:rgba(0,0,0,.5);\r\n  -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n\r\n}\r\n\r\n.header .header-menu {\r\n    position: absolute;\r\n    top: 5px;\r\n    right: 4px\r\n}\r\n.header .header-menu.other {\r\n    top: 5px;\r\n}\r\n\r\n\r\n\r\n.header .header-menu .header-info {\r\n    font-size: 10px;\r\n    margin-top: 6px;\r\n    margin-right: 15px;\r\n    text-align: right;\r\n}\r\n\r\n.header .username {\r\n    font-weight: bold;\r\n}\r\n\r\n.header .header-menu .list-menu {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: -4px;\r\n    background-color: rgba(255,255,255,.8);\r\n    display: none;\r\n    border: none !important;\r\n    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;\r\n    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;\r\n    box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;\r\n    z-index: 1;\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu {\r\n    display: block;\r\n    width: 150px;\r\n    height: 30px;\r\n    color: #000;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu:hover {\r\n    background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu svg.icon {\r\n    position: absolute;\r\n    fill: rgba(0,0,0,.5);\r\n    left: 12px;\r\n    top: 4px;\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu:hover svg.icon {\r\n    fill: rgba(255,255,255,1) !important;\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu .text {\r\n    position: absolute;\r\n    left: 52px;\r\n    top: 6px;\r\n}\r\n\r\n.header .header-menu .list-menu .icon-menu:hover .text {color:rgba(255,255,255,1) !important;}\r\n\r\n.header .header-menu .btn-menu {\r\ndisplay: block;\r\n    text-align: right;\r\ncolor: rgba(0,0,0,0.7) !important;\r\nfont-size: 12px !important;\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n}\r\n\r\n#header-menu-dropdown > a {color: rgba(0,0,0,.5) !important;}\r\n\r\n/* svg.icon.icon-manga-list {color: rgba(0,0,0,.5) !important;} */\r\n\r\n/**\r\n * Floating Menu\r\n */\r\n/**\r\n * Floating Menu\r\n */\r\n.list-menu-float:before\r\n{content: \"\f0c9\";\r\nfont-family: 'FontAwesome' !important;\r\ndisplay: block;\r\ntext-align: center !important;\r\ntext-indent: 10px;\r\ncolor: #fff !important;\r\nfont-size:1.5em !important;\r\nheight: 50px;\r\nwidth: 40px;\r\nline-height: 50px;}\r\n\r\n.list-menu-float:hover:before {\r\nfont-size:1.7em !important;\r\ntext-shadow: 0 0 2px #fff, 0 0 1px #fff, 1px 1px 7px #fff, 0 0 0 #fff;\r\n-moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n.list-menu-float\r\n{position: absolute;\r\ntop: 0px;\r\nleft:0px;\r\nwidth: 50px;\r\nborder: none;\r\nopacity: 1;\r\nheight: 40px !important;\r\nz-index: 100;\r\n \r\n}\r\n\r\n.list-menu-float .icon-menu \r\n{display: block;\r\nwidth: 120px;\r\nbackground-color: #dfdfdf;\r\nheight: 30px;\r\nline-height: 30px;\r\ntext-indent: 10px;\r\nopacity:0;\r\n }\r\n\r\n.list-menu-float:hover .icon-menu\r\n{opacity:1;\r\n-moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;}\r\n\r\n.list-menu-float .icon-menu.profile\r\n{background-image: none !important;} \r\n\r\n.list-menu-float .icon-menu.profile:before\r\n{position:absolute;\r\nwidth:120px !important;\r\ncontent: \"\f007\00a0Profile\";\r\nfont-family: 'FontAwesome' !important;\r\nmargin-top:5px !important;\r\nmargin-left:-65px !important;\r\ncolor: #000;\r\ntext-align: center;}\r\n\r\n.list-menu-float .icon-menu .text\r\n{opacity: 1;\r\nwidth: auto;\r\nleft: 20px;\r\ntop: 0;\r\ncolor: #555555;}\r\n\r\n.list-menu-float .icon-menu:hover\r\n{width: 120px !important;\r\nbackground-color:rgba(0,0,0,.5) !important;}\r\n\r\n.list-menu-float .icon-menu:hover .text, .list-menu-float .icon-menu:hover:before, .list-menu-float .icon-menu:hover:after\r\n{color: #fff;\r\nwidth: auto;}\r\n\r\n.list-menu-float .icon-menu.logout\r\n{border-radius: 0 0 4px 4px;}\r\n\r\n.list-menu-float .icon-menu.setting\r\n{display:none;}\r\n\r\n.list-menu-float .icon-menu svg.icon\r\n{top: 7px !important;\r\nleft: 5px !important;\r\nwidth: 15px;\r\nheight: 15px;}\r\n\r\n.list-menu-float .icon-menu.setting svg.icon-setting {display:none;}\r\n/**\r\n * List Container\r\n */\r\n\r\n.list-container {\r\n    position: absolute;\r\n    background-color: transparent !important;\r\n    width: 1200px;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n	margin-top:100px;\r\n	/* box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000; */\r\n	border:none !important;\r\n	margin-bottom:30px;\r\n}\r\n\r\n/**\r\n * List Container - Cover Block\r\n */\r\n.cover-block {\r\n	position:relative;\r\n    display: block;\r\n    width: 1180px;\r\n    margin: 0 auto;\r\n	height:auto;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n	box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000; \r\n	z-index: -1 !important;\r\n}\r\n\r\n.cover-block .image-container {\r\n    display: block;\r\n    width: 1180px;\r\n	height:auto;\r\n	padding-top:0;\r\n}\r\n\r\n.cover-block .image-container.hide {\r\n    display: none;\r\n}\r\n\r\n.cover-block .image-container img {\r\n    max-width: 1180px;\r\n	height: auto;\r\n}\r\n\r\n/* cover image */\r\n\r\n#cover-image{\r\n\r\n  margin:auto;\r\n  width:1180px !important;\r\n  height:auto;\r\n  background-color:transparent;\r\n  background-size: cover !important;\r\n  background-position: 50% 50%;\r\n}\r\n\r\n/* setting icon */\r\n.cover-block .image-container .btn-list-setting {\r\n     display: none; \r\n}\r\n\r\n.cover-block .image-container:hover .btn-list-setting {\r\n    display: none;\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 28px;\r\n    padding: 8px;\r\n    border: rgba(255,255,255,0) 1px solid;\r\n    font-size: 14px;\r\n    color: #ffffff;\r\n    font-family: 'Helvetica neue', Helvetica, \"lucida grande\", tahoma, verdana, arial, sans-serif;\r\n}\r\n\r\n\r\n\r\n.cover-block .image-container .btn-list-setting:hover {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 28px;\r\n    background-color: rgba(0,0,0,0.6);\r\n    padding: 8px;\r\n    border: none;\r\n    -moz-box-shadow: 0 0 4px #000000;\r\n    -webkit-box-shadow: 0 0 4px #000000;\r\n    -o-box-shadow: 0 0 4px #000000;\r\n    -ms-box-shadow: 0 0 4px #000000;\r\n    box-shadow: 0 0 4px #000000;\r\n    font-size: 14px;\r\n    color: #ffffff;\r\n    text-shadow: #323232 1px 1px 1px;\r\n	\r\n}\r\n\r\n.cover-block .image-container .btn-list-setting .fa-camera {\r\n    font-size: 16px;\r\n    -moz-text-shadow: #000000 1px 1px 3px;\r\n    -webkit-text-shadow: #000000 1px 1px 3px;\r\n    -o-text-shadow: #000000 1px 1px 3px;\r\n    -ms-text-shadow: #000000 1px 1px 3px;\r\n    text-shadow: #000000 1px 1px 3px;\r\n    -ms-filter:\"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)\";\r\n	\r\n}\r\n\r\n.cover-block .image-container .btn-list-setting .icon-plus-circle {\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 18px;\r\n    background-color: rgba(0,0,0,0.6);\r\n    border-radius: 50%;\r\n    -moz-box-shadow: -1px 1px 0px 0px #323232;\r\n    -webkit-box-shadow: -1px 1px 0px 0px #323232;\r\n    -o-box-shadow: -1px 1px 0px 0px #323232;\r\n    -ms-box-shadow: -1px 1px 0px 0px #323232;\r\n    box-shadow: -1px 1px 0px 0px #323232;\r\n    font-size: 10px;\r\n	\r\n}\r\n\r\n.cover-block .image-container .btn-list-setting .text {\r\n  display: none;\r\n}\r\n\r\n.cover-block .image-container .btn-list-setting:hover .text {\r\n  display: inline-block;;\r\n  margin-left: 4px;\r\n}\r\n\r\n\r\n/**\r\n * List Container - Status Menu\r\n */\r\n \r\n.status-menu-container .status-menu:after {\r\n	border: 5px solid; \r\n    border-top-color: transparent;\r\n    border-right-color: rgba(0,0,0,.6);\r\n    border-bottom-color: rgba(0,0,0,.6);\r\n    border-left-color: transparent;\r\n    content: \"\";\r\n    height: 0;\r\n    left: 0;\r\n    margin-top: -10px;\r\n    width: 0;\r\n    position: absolute;\r\n	z-index: -2 !important;\r\n }\r\n \r\n .status-menu-container .status-menu:before {\r\n	border: 5px solid; \r\n    border-top-color: transparent;\r\n    border-right-color: transparent;\r\n    border-bottom-color: rgba(0,0,0,.6);\r\n    border-left-color: rgba(0,0,0,.6);\r\n    content: \"\";\r\n    height: 0;\r\n    right: 0;\r\n    margin-top: -10px;\r\n    width: 0;\r\n    position: absolute;\r\n	z-index: -2 !important;\r\n }\r\n \r\n \r\n.status-menu-container {\r\n    width: 1200px;\r\n    height: 80px;\r\n\r\n	background-image:url();\r\n	background-repeat:repeat;\r\n    border-bottom: none;\r\n	box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n	z-index: 2 !important;\r\n}\r\n\r\n.status-menu-container.fixed {\r\n    display: none !important;\r\n}\r\n\r\n.status-menu-container.fixed + div.list-block {\r\n   min-height:500px;\r\n}\r\n\r\n.status-menu-container .status-menu {\r\n    display: table;\r\n    margin: 0 auto;\r\n    border-collapse: separate;\r\n    border-spacing: 0px 0;\r\n	z-index:2 !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button {\r\n	padding:0 !important;\r\n    position: relative;\r\n    display: table-cell;\r\n    font-family: 'Tangerine', cursive;\r\n    text-align: center;\r\n    vertical-align: bottom !important;\r\n    font-size: 22px;\r\n	font-weight:600 !important;\r\n    color: #fff;\r\n	width:125px;\r\n	height:74px;\r\n	z-index:10;\r\n	background-size:cover;\r\n	background-position:50% 50%;\r\n	background-repeat:no-repeat;\r\nborder-radius:5px !important; \r\n\r\n	top:2px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/* */\r\n\r\n.status-menu-container .status-menu .status-button.on {\r\n    color: #fff;\r\n    font-weight: bold;\r\n	text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n	border: #fff 1px solid;	\r\n	box-sizing: border-box;\r\n	box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button:hover {\r\n	border: #fff 1px solid;	\r\n	box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 4px #000, 0 0 0 #000;\r\n	text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n		box-sizing: border-box;\r\n    background-color: transparent;\r\n	color: #fff;\r\n    -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after {\r\n    opacity: 1\r\n}\r\n\r\n/* .status-menu-container .status-menu .status-button.watching:before, .status-menu-container .status-menu .status-button.reading:before {\r\ncontent: \"\f152\00a0\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.completed:before {\r\ncontent: \"\f05d\00a0\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.onhold:before {\r\ncontent: \"\f017\00a0\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.plantowatch:before, .status-menu-container .status-menu .status-button.plantoread:before {\r\ncontent: \"\f073\00a0\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.dropped:before {\r\ncontent: \"\f00d\00a0\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.status-menu-container .status-menu .status-button.all_anime:before {\r\ncontent: \"\f022\00a0\";\r\nfloat: left;\r\nfont-size: 1.5em;\r\nfont-family: 'FontAwesome' !important;\r\n}*/\r\n\r\n.status-menu-container .status-menu .status-button:after {display:none !important;}\r\n\r\n/*scroll bar*/\r\n\r\n::-webkit-scrollbar\r\n{height: 5px;\r\nwidth: 7px;\r\nbackground-color: #f5f5f5;}\r\n::-webkit-scrollbar-thumb\r\n{border: 2px solid #f5f5f5;\r\nborder-radius: 2px;\r\nbackground-color: #9B9B9B;}\r\n\r\n/**\r\n * List Container - Status Menu - Search\r\n */\r\n.status-menu-container .search-container {\r\n    position: absolute;\r\n    right: 5px;\r\n	z-index:20;\r\n}\r\n.status-menu-container .search-container #search-button {\r\n    display: inline-block;\r\n    height: 22px;\r\n    margin-top: 10px;\r\n    color: #fff;\r\n    font-size: 1.6em;\r\n    vertical-align: middle;\r\n}\r\n\r\n.status-menu-container .search-container #search-box {\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 22px;\r\n    overflow: hidden;\r\n    margin-top: 5px;\r\n    -webkit-transition: width 0.3s;\r\n    -moz-transition: width 0.3s;\r\n    transition: width 0.3s;\r\n    -webkit-backface-visibility: hidden;\r\n    vertical-align: middle;\r\n}\r\n\r\n.status-menu-container .search-container #search-box.open {\r\n    display: inline-block;\r\n    width: 130px;\r\n}\r\n\r\n.status-menu-container .search-container #search-box input {\r\n    width: 100%;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n/**\r\n * List Container - List Block\r\n */\r\n.list-block {\r\n    margin: 0;\r\n	min-height:260px;\r\nz-index: 1 !important;\r\n}\r\n\r\n.list-unit {\r\n\r\n	margin: auto;\r\n	width: 1176px;\r\n	box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n    margin-top:15px;\r\n	z-index: 1 !important;\r\n	padding-top:500px;\r\n}\r\n\r\n/**\r\n * List Container - List Status Title (with Stats)\r\n */\r\n.list-unit .list-status-title {\r\n    position: relative;\r\n    display: table-cell;\r\n    background-color: transparent;\r\n    width: 1180px;\r\n   height:0;\r\n}\r\n\r\n\r\n.list-unit .list-status-title .stats a.filterd {\r\n    text-shadow: 0px 0px 2px #FFF;\r\n}\r\n\r\n.list-unit .list-status-title .stats a:hover {\r\n	background:rgba(0,0,0,.5);\r\npadding:8px;\r\n -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n\r\n.list-unit .list-stats {\r\nbackground-color: rgba(255,255,255,.8);\r\nmargin-top: -500px !important;\r\ncolor : #000;\r\nheight: 25px;\r\nmargin:auto;\r\nposition: absolute;\r\nwidth: 1176px;\r\nz-index: 1 !important;\r\n}\r\n\r\n.list-unit .list-status-title .stats {\r\n    position: absolute;\r\n    height: 40px;\r\n    line-height: 40px;\r\n	width:180px;\r\n    right: -55px;\r\n	margin-top: -550px;\r\n	z-index: 1;\r\n}\r\n\r\n.list-unit .list-status-title .stats a {\r\n    color: #fff;\r\n	padding:8px;\r\nmargin:0 !important;\r\n}\r\n\r\n\r\n/**\r\n * List Container - List Table\r\n */\r\n\r\n.list-table {\r\n    width: 100%;\r\n    margin: auto;\r\n    border-collapse: collapse;\r\n	background-color:transparent !important;\r\n	color: #fff !important;\r\n	border:none;\r\n}\r\n\r\n/* columns background color*/\r\n\r\n.list-table > tbody:nth-of-type(2n+1) {\r\n    background-color: transparent;\r\n	background-image:url();\r\n	background-repeat:repeat;\r\n	\r\n}\r\n\r\n.list-table > tbody:nth-of-type(2n) {\r\nbackground-color: transparent;\r\n	background-image:url();\r\n	background-repeat:repeat;\r\n	\r\n}\r\n \r\n /**\r\n * List Container - List Table - Header\r\n */\r\n \r\n\r\n \r\n.list-table .list-table-header:before {content: \"\f0dc\00a0SORT\";\r\ndisplay: block;\r\ntext-align: center !important;\r\nfont-family: 'FontAwesome' !important;\r\ntext-indent: 0px;\r\ncolor: #fff !important;\r\nfont-weight: 700 !important;\r\nwidth: 57px;\r\nline-height: 40px;\r\nheight:40px;\r\nmargin-left:0px !important;\r\nmargin-top:-40px;\r\nposition:absolute;\r\n}\r\n\r\n.list-table .list-table-header:hover:before {color:#fff !important;\r\nbackground-color:rgba(0,0,0,.5);}\r\n\r\n.list-table .list-table-header {\r\nposition: absolute;\r\n    display: block;\r\nmargin-left:-10px;\r\nmargin-top:-515px;\r\nz-index:200 !important;	\r\n}\r\n\r\n.list-table .list-table-header .header-title {\r\n     background: #F6F6F6 url(\"/img/pc/ownlist/bar-table-header.png\") no-repeat right 7px / 1px 22px;\r\n    display: block;\r\n    border-bottom: 0;\r\n    height: 39px;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n	z-index:60 !important;\r\n	opacity:0;\r\n}\r\n\r\n.list-table .list-table-header:hover .header-title {opacity:1;\r\n-moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;}\r\n\r\n.list-table .list-table-header .header-title:last-child {\r\n    background-image: none;\r\n}\r\n\r\n.list-table .list-table-header .header-title.status,.list-table .list-table-header .header-title.number,.list-table .list-table-header .header-title.image,.list-table .list-table-header .header-title.tags  {\r\n    background-image: none;\r\n    display:none !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.title {\r\n    text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.score {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.type {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.progress {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.chapters {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.volumes {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.rated {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.started {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n	display:none;\r\n}\r\n\r\n.list-table .list-table-header .header-title.finished {\r\n  text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.days {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.storage {\r\n    text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.retail {\r\n   text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.priority {\r\n    text-align: center;\r\n	width:90px;\r\n	line-height: 40px;\r\n	padding:0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title .link {\r\n    font-size: 11px;\r\n    color: #323232;\r\n    text-decoration: none\r\n	height:40px;\r\n	width:90px;\r\n}\r\n\r\n.list-table .list-table-header .header-title .link.sort {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: #323232;\r\n	height:40px;\r\n	width:90px;\r\n    white-space: nowrap;\r\n    -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out\r\n}\r\n\r\n.list-table .list-table-header .header-title .link.sort:hover {\r\n    color: #000;\r\n	background-color: rgba(0,0,0,.5);\r\n	height:40px;\r\n	width:90px;\r\n}\r\n\r\n.list-table .list-table-header .header-title .sort-icon {\r\n    color: #fff;\r\n}\r\n\r\n\r\n/* customize list */\r\n\r\n .list-table .list-table-data{\r\n} \r\n\r\n.list-table .list-table-data:hover {\r\n  box-sizing: border-box;\r\n   -moz-transition-property: all;\r\n    -o-transition-property: all;\r\n    -webkit-transition-property: all;\r\n    transition-property: all;\r\n    -moz-transition-duration: 0.3s;\r\n    -o-transition-duration: 0.3s;\r\n    -webkit-transition-duration: 0.3s;\r\n    transition-duration: 0.3s;\r\n    -moz-transition-timing-function: ease-in-out;\r\n    -o-transition-timing-function: ease-in-out;\r\n    -webkit-transition-timing-function: ease-in-out;\r\n    transition-timing-function: ease-in-out;\r\n}\r\n\r\n\r\n.list-table .list-table-data:hover .data.title  {\r\n  text-shadow: 0 0 2px #000, 0 0 1px #000, 0 1px 7px #000, 0 0 0.5px #000;\r\n  color:#fff;\r\n  transition: .1s linear;\r\n  }\r\n\r\n\r\n.header a:hover,.list-table .list-table-data a:not(.edit-disabled):hover {\r\ntext-decoration:underline;\r\n}\r\n\r\n\r\n/**\r\n * List Container - List Table - Items\r\n */\r\n\r\n.list-table .list-table-data .data {\r\n    display: table-cell;\r\n    padding: 4px 0;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n	color: #fff !important;\r\n	border:none;\r\n\r\n}\r\n\r\n.list-table .list-table-data a:not(.edit-disabled):hover {\r\n	text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n    color: #fff !important;\r\n}\r\n\r\n.list-table .list-table-data a.edit-disabled {\r\n    cursor: text;\r\n    color: #fff;\r\n}\r\n\r\n\r\n\r\n.list-table .list-table-data .data.title .link {\r\n    font-size: 17px !important;\r\n text-decoration: none !important;\r\nfont-family: 'Rancho', sans-serif;\r\nfont-weight:100 !important;\r\ntransition: all 0.1s ease 0s;\r\n/*text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;*/\r\ncolor:#fff !important;\r\n}\r\n\r\n.list-table .list-table-data:hover .data.title .link {\r\n  letter-spacing: 0.5px;\r\n  transition: all 0.1s ease 0s;\r\n  color:#fff !important;\r\n}\r\n  \r\n.list-table .list-table-data .data.title .rewatching, .list-table .list-table-data .data.title .rereading, .list-table .list-table-data .data.title .content-status {\r\n    text-shadow: 0 0 2px #F54EE7, 0 0 1px #F54EE7, 1px 1px 7px #E32BD4, 0 0 0 #F54EE7 !important;\r\n	color: #fff !important;\r\n    font-size: 0.9em;\r\n	text-align:right !important;\r\n	vertical-align:middle !important;\r\n	width: 180px !important;\r\n	display:block;\r\n	opacity:0;\r\n}\r\n\r\n\r\n\r\n.list-table .list-table-data:hover .data.title .rewatching, .list-table .list-table-data:hover .data.title .rereading, .list-table .list-table-data:hover .data.title .content-status {\r\n    text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;\r\n	color: #fff !important;\r\n    font-size: 1.0em;\r\n	right: 4px !important;\r\n	top: 30px !important;\r\n	vertical-align:middle !important;\r\n	width: 80px !important;\r\n	text-align:right;\r\n	display:block;\r\n	opacity:1;\r\n	position:absolute;\r\n	font-weight: bold;\r\n}\r\n\r\n.list-table .list-table-data .data.season {\r\n	text-shadow: 0 0 2px #F54EE7, 0 0 1px #F54EE7, 1px 1px 7px #E32BD4, 0 0 0 #F54EE7 !important;\r\n	color: #fff !important;\r\n    font-size: 0.9em;\r\n	text-align:left !important;\r\n	vertical-align:middle !important;\r\n	width: 80px !important;\r\n	display:block;\r\n	opacity:0;\r\n}\r\n\r\n.list-table .list-table-data:hover .data.season  {\r\n	 text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;\r\n	color: #fff !important;\r\n    font-size: 1.0em;\r\n	left: 4px !important;\r\n	top: 30px !important;\r\n	vertical-align:middle !important;\r\n	display:block;\r\n	opacity:1;\r\n	position:absolute;\r\n	font-weight: bold;\r\n	\r\n}\r\n\r\n.list-table .list-table-data .data.score .link {\r\n    font-size: 1.2em;\r\n    font-weight: bold\r\n}\r\n\r\ntd.td1.borderRBL {\r\ncolor: #fff !important;\r\n}\r\n\r\n/* */\r\n.list-table .list-table-data .data.title .more {\r\n    position: relative;\r\n}\r\n\r\n.list-table .more-info {\r\n    display: none;\r\n}\r\n\r\n.list-table .more-info .more-content {\r\n    padding: 10px;\r\n}\r\n\r\n/* */\r\n\r\n.list-table .list-table-data .data.status {\r\n    width: 4px;\r\n	z-index:9 !important;\r\n}\r\n\r\n.list-table .list-table-data .data.status .text {\r\n    display: none\r\n}\r\n\r\n.list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {\r\n    /* background-color: #2db039 */\r\n	background-color:transparent;\r\n}\r\n\r\n.list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {\r\n    /* background-color: #c3c3c3 */\r\n	background-color:transparent;\r\n}\r\n\r\n.list-table .list-table-data .data.status.completed {\r\n    /* background-color: #26448f */\r\n	background-color:transparent;\r\n}\r\n\r\n\r\n.list-table .list-table-data .data.status.onhold {\r\n    /*background-color: #f1c83e*/\r\n	background-color:transparent;\r\n}\r\n\r\n.list-table .list-table-data .data.status.dropped {\r\n    /*background-color: #a12f31*/\r\n	background-color:transparent;\r\n}\r\n\r\n\r\n\r\n/*list status*/\r\n\r\n/* .list-table .list-table-data:hover .data.status.completed:before, .list-table .list-table-data:hover .data.status.reading:before, .list-table .list-table-data:hover .data.status.watching:before,.list-table .list-table-data:hover .data.status.plantoread:before, .list-table .list-table-data:hover .data.status.plantowatch:before,.list-table .list-table-data:hover .data.status.onhold:before,.list-table .list-table-data:hover .data.status.dropped:before */\r\n\r\n.list-table .list-table-data:hover .data.status.completed:before, .list-table .list-table-data:hover .data.status.reading:before, .list-table .list-table-data:hover .data.status.watching:before,.list-table .list-table-data:hover .data.status.plantoread:before, .list-table .list-table-data:hover .data.status.plantowatch:before,.list-table .list-table-data:hover .data.status.onhold:before,.list-table .list-table-data:hover .data.status.dropped:before {\r\nheight: 25px;\r\nwidth:25px !important;\r\nbackground-position:50% 50%;\r\nbackground-repeat: no-repeat;\r\nbackground-size:15px 17px;\r\ndisplay: inline-block !important;\r\nposition: relative;\r\nleft: 25px !important;\r\ntop: 0 !important;\r\nz-index: 10 !important;\r\ncontent: \"\";\r\npointer-events: none;\r\nopacity: 1 !important; }\r\n\r\n.list-table .list-table-data:hover .data.status.completed:before {\r\n/* background-color: #26448f !important; */\r\ncolor:#fff;\r\ncontent: \"\f05d\";\r\nfont-size: 1.5em;\r\nline-height:25px;\r\nfont-family: 'FontAwesome' !important;\r\n}\r\n\r\n.list-table .list-table-data:hover .data.status.watching:before, .list-table .list-table-data:hover .data.status.reading:before\r\n{\r\n	/*background-color: #2db039 !important;*/\r\ncolor:#fff;\r\ncontent: \"\f008\";\r\nfont-size: 1.5em;\r\nline-height:25px;\r\nfont-family: 'FontAwesome' !important;}\r\n\r\n.list-table .list-table-data:hover .data.status.plantowatch:before, .list-table .list-table-data:hover .data.status.plantoread:before\r\n{/*background-color: #c3c3c3 !important;*/\r\ncolor:#fff;\r\ncontent: \"\f073\";\r\nfont-size: 1.5em;\r\nline-height:25px;\r\nfont-family: 'FontAwesome' !important;}\r\n\r\n.list-table .list-table-data:hover .data.status.onhold:before\r\n{/*background-color: #f1c83e !important;*/\r\ncolor:#fff;\r\ncontent: \"\f017\";\r\nfont-size: 1.5em;\r\nline-height:25px;\r\nfont-family: 'FontAwesome' !important;}\r\n\r\n.list-table .list-table-data:hover .data.status.dropped:before\r\n{/*background-color: #a12f31 !important;*/\r\ncolor:#fff;\r\ncontent: \"\f00d\";\r\nfont-size: 1.5em;\r\nline-height:25px;\r\nfont-family: 'FontAwesome' !important;}\r\n\r\n\r\n\r\n\r\n.link.sort + a {display: none;} /* remove watch buttons */\r\n\r\n\r\n\r\n/* tags */\r\n\r\n.data.tags:before\r\n{margin:0;\r\nwidth: 12px !important;\r\npadding: 5px 0 !important;\r\nz-index: 10;}\r\n\r\ndata.tags:hover:before\r\n{width: 15px;\r\npadding: 5px 5px 5px 4px !important;\r\nfont-size: 1.1em;\r\n\r\ncolor: #fff;\r\ncursor: default;}\r\n\r\n.data.tags:before, .data.tags:hover:before\r\n{position: absolute;\r\nleft: 50px;\r\ntop: 0px;\r\nheight: 15px !important;}\r\n\r\n .list-item:hover .data.tags:before\r\n{opacity: 1;}\r\n\r\n\r\n\r\n.data.tags\r\n{opacity: 1;\r\nheight: 100%;\r\nwidth: 0;\r\nz-index: 25;}\r\n\r\n.data.tags *\r\n{z-index: 25;\r\ntransition: opacity .15s ease-in-out;\r\ncolor:#000;\r\nmargin-top:25px;}\r\n\r\n/*tags animation */\r\n\r\n@-webkit-keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.data.tags:hover *\r\n{width: 180px;\r\n -webkit-animation-name: fadeIn;\r\n  animation-name: fadeIn;\r\n  -webkit-animation-duration: .5s;\r\n  animation-duration: .5s;\r\n  -webkit-animation-fill-mode: both;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n.data.tags a\r\n{\r\ntext-align:left;\r\nfont-size: 1.0em; \r\ncolor: #000; \r\nwhite-space:nowrap;\r\n}\r\n\r\n.data.tags:before\r\n{content: '';\r\nborder: none;\r\nopacity: 0;\r\nmargin-top: 0px;\r\nbackground-image:url(http://i.imgur.com/WC8S1cb.png);\r\nbackground-size: 15px 14px;\r\nbackground-repeat:no-repeat;\r\nbackground-position:50% 50%;\r\nletter-spacing: -1px;\r\nbackground-color: transparent;\r\nwidth: 25px !important;\r\nheight:15px !important;\r\ndisplay:block;}\r\n\r\n.data.tags:hover:before\r\n{content: '';\r\nbackground-image:url(http://i.imgur.com/WC8S1cb.png);\r\nbackground-size: 15px 14px;\r\nbackground-repeat:no-repeat;\r\nbackground-position:50% 50%;\r\nletter-spacing: -1px;\r\ncolor: #6ebcf4;\r\nwidth: 25px !important;\r\nheight:15px !important;\r\ndisplay:block;}\r\n\r\n\r\n.data.tags textarea\r\n{position: absolute; \r\nfont-family: monospace!important;\r\nz-index: 50;\r\nwidth:180px !important;\r\nheight:200px !important;\r\n}\r\n\r\n.edit-transition.edit-leave\r\n{display: none;}\r\n\r\n\r\n.tags .edit\r\n{position: absolute;\r\ntop: -25px;\r\nleft: 50px;\r\nwidth: 25px !important;\r\nheight: 25px;\r\nfont-size: 0 !important;}\r\n\r\n.tags .edit:hover\r\n{width: 25px !important;}\r\n\r\n\r\ndiv[class*=\"tags-\"]\r\n{overflow: hidden;\r\nheight: 200px;\r\nbackground: rgba(255, 255, 255, 0.9);\r\n\r\n}\r\n\r\n.anime [href*=\"&tag=\"]\r\n{white-space: normal !important;\r\ntext-transform: none;\r\npointer-events: none;}\r\n\r\n/*List unit*/\r\n\r\n\r\n.list-table\r\n{display: table-row;}\r\n\r\n.data.status, .data.image ~ td\r\n{position: absolute;}\r\n\r\n.list-table .list-table-data .data.image a\r\n{\r\nbackground-size: cover;\r\nbackground-repeat: no-repeat;\r\nbackground-position: center center !important;}\r\n\r\n.list-item\r\n{\r\nmargin:8px;\r\nposition: relative;\r\nfloat: left;\r\n}\r\n\r\n.list-item .data\r\n{opacity: 1;}\r\n\r\n.list-item .list-table-data\r\n{\r\nposition: absolute;}\r\n\r\n.list-table .list-table-data .data\r\n{padding: 0;\r\nborder-bottom: none;}\r\n\r\n.list-item .data.image\r\n{z-index: 0 !important;\r\nposition: absolute;}\r\n\r\n.list-item .data.image img\r\n{height: 100%; width: 100%;}\r\n\r\n.list-item, .list-item .list-table-data\r\n{width: 180px !important;\r\nheight: 283px !important;\r\n}\r\n\r\n.list-item .data.title {width: 180px !important;\r\nheight: 283px !important;}\r\n\r\n .data.image{overflow:hidden;\r\n width: 180px !important;\r\nheight: 225px !important;\r\nmargin-top:0px;\r\n}\r\n\r\n.data.image a:before\r\n{content: \"\";\r\ndisplay: inline-block !important;\r\nposition: relative;\r\nwidth: 180px;\r\nheight: 225px;\r\nbackground-color: rgba(0,0,0,.3);\r\nbackground-position: center !important;\r\nbackground-repeat: no-repeat !important;\r\nbackground-size: cover;\r\nz-index: 5;\r\nbox-shadow: 0 0 5px black inset; \r\nbox-sizing: border-box;\r\ntransition: all .2s ease-in-out;}\r\n\r\n\r\n\r\n.list-table .list-table-data:hover .data.image a:before {\r\n	transition: all .2s ease-in-out;\r\ntransform: scale(1.1);\r\n}\r\n\r\n.list-item .data.number {\r\n\r\npadding-left: 7px;\r\ntext-align:left !important;\r\nline-height:25px !important;\r\nwidth:173px;\r\nheight:25px;\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n	background: -webkit-linear-gradient(rgba(0,0,0,.7), transparent); \r\n    background: -o-linear-gradient(rgba(0,0,0,.7), transparent); \r\n    background: -moz-linear-gradient(rgba(0,0,0,.7), transparent);\r\n    background: linear-gradient(rgba(0,0,0,.7), transparent); \r\nz-index: 1 !important;\r\nposition: absolute;\r\n\r\n}\r\n\r\n\r\n/*data item position*/\r\n.data.title > a\r\n{position: absolute;\r\nz-index: 5;\r\ntop: 230px;\r\nheight: 35px !important;\r\nline-height: 1.05em;\r\ntext-align:center;\r\nvertical-align:middle;\r\nwidth: 100%;\r\noverflow:hidden;}\r\n\r\n.list-item .data.title\r\n{box-sizing: border-box;\r\nheight: 200px !important;\r\npadding: 0 !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.studio {\r\n  display:none !important;\r\n}\r\n\r\n\r\n.list-item .data.studio {\r\nwidth: 180px;\r\nmargin:0;\r\nheight: 30px !important;\r\ntop: 195px;\r\nz-index: 1 !important;\r\ndisplay: table;\r\nbackground-color: transparent;\r\n	background: rgba(0,0,0,0);\r\n	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);\r\n	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7)));\r\n	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);\r\n	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);\r\n	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);\r\n	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);	\r\n}\r\n\r\n.list-item .data.studio span {\r\ndisplay: table-cell;\r\nvertical-align: middle;\r\n}\r\n\r\n.list-item .data.score\r\n{right: 5px;\r\nwidth: 15px; text-align: left;\r\nbottom: -5px !important;\r\n}\r\n\r\n.list-item .data.score a {\r\ncolor:#fff;\r\n}\r\n\r\n.list-item .data.score:hover * {\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;\r\ncolor:#fff;\r\n}\r\n\r\n.list-item .data.studio * {\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;\r\nfont-weight: bold !important;\r\n}\r\n\r\n.score select.edit-transition\r\n{margin-left: -5px;}\r\n\r\n.data.progress, .data.volume, a[href*=\"%C2%9\"]\r\n{\r\nbottom: -5px !important;\r\ntransition: opacity .15s ease-in-out;\r\npadding-left:5px !important;}\r\n\r\n.data.chapter {\r\nbottom: -5px !important;\r\npadding-left:70px !important;\r\n}\r\n\r\n.data.progress *, .data.volume *, .data.chapter *{\r\n	color:#fff;}\r\n	\r\n\r\n.list-item .data.type\r\n{right: 5px !important;\r\nwidth:50px !important;\r\ntop: 5px !important;\r\ntext-align:right !important;\r\nfont-size: 1em;\r\ntransition: opacity .15s ease-in-out;\r\nfont-weight:bold;\r\nopacity: 1;\r\nz-index:2;\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;\r\n}\r\n\r\n\r\n/* add edit more */\r\n\r\n.list-table .list-table-data .data.title .add-edit-more {\r\n    top:0;\r\n	left: 75px;\r\n   font-size:0 !important;\r\n   position: absolute;\r\n   z-index: 10 !important;\r\n   text-align:center !important;\r\n	vertical-align:middle !important;\r\n	width: 25px !important;\r\n	height: 25px !important;\r\n	display:block;\r\n  \r\n}\r\n\r\n\r\n.add-edit-more {\r\n    opacity: 0;\r\n	transition: all 0s ease 0s;\r\n\r\n}\r\n.list-item:hover .add-edit-more {\r\n    opacity: 1;\r\n}\r\n\r\n.list-table .list-table-data .data.title .edit a {\r\n	background-image: url(http://i.imgur.com/OT1yCLP.png);\r\n	display: block;\r\nwidth: 25px;\r\nheight: 25px;\r\n	background-size: 15px 15px;\r\n	background-repeat: no-repeat;\r\n	background-color: transparent;\r\nbackground-position: 50% 50%;\r\n}\r\n\r\n.list-table .list-table-data .data.title .more a {\r\n	background-image: url(http://i.imgur.com/cUAaila.png);\r\n	display: inline-block;\r\nwidth: 15px;\r\nheight: 15px;\r\n	background-size: cover;\r\n	color: transparent !important;\r\n	display:none;\r\n}\r\n\r\n.list-table .list-table-data .data.title .add a {\r\n	background-image: url(http://i.imgur.com/AoTgUAL.png);\r\n	display: block;\r\nwidth: 25px;\r\nheight: 25px;\r\n	background-size: 15px 15px;\r\n	background-repeat: no-repeat;\r\n	background-color: transparent;\r\nbackground-position: 50% 50%;\r\n}\r\n\r\n\r\n\r\n/* */\r\n\r\n\r\n\r\n.list-unit .loading-space {\r\n     margin: 0px;\r\n    height: 20px;\r\n    font-size: 20px;\r\n    text-align: center;\r\n}\r\n\r\n/*override codes*/\r\n.header .header-info > a {color: rgba(255,255,255,1) !important;}\r\n.header .header-info {color: rgba(255,255,255,0.8) !important;}\r\n.header .header-menu {color: rgba(255,255,255,0.8) !important;}\r\n.header .header-menu .btn-menu {color: rgba(255,255,255,0.8) !important;}\r\n.username {color: rgba(255,255,255,0.8) !important;}\r\n#header-menu-button {color: rgba(255,255,255,0.8) !important;}\r\n.header a {\r\n    font-weight: bold;\r\n    color: #fff !important;\r\n}\r\n\r\n/*profile image & name */\r\n\r\n.cover-block::after {\r\nheight: 120px !important;\r\nwidth: 120px! important;\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute;\r\ndisplay:block !important;\r\nmargin-left:57px;\r\nmargin-top:-70px;\r\ncontent: \"\";\r\npadding: 5px;\r\nbackground-color:#fff;\r\nbox-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);\r\nborder-radius:5px;\r\nborder: #fff 2px solid;\r\n\r\n}\r\n\r\n.cover-block::before {\r\nposition: absolute;\r\ndisplay:block !important;\r\nmargin:auto;\r\nbottom:5px;\r\nwidth: 1200px;\r\ntext-align:center;\r\ncolor: #fff !important;\r\nfont-size: 18px !important;\r\nfont-family: Rancho;\r\n/* text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important; */\r\nletter-spacing: 0 !important; \r\n}\r\n\r\n/* */\r\n.header .header-title {\r\nposition: absolute;\r\ntop: 0px;\r\nleft: 40px;\r\nbackground-image: url(\"http://i.imgur.com/39cRtfK.png\");\r\nbackground-position: left top;\r\nbackground-repeat: no-repeat;\r\nbackground-size: auto 50px;\r\ndisplay: block;\r\nwidth: 50px !important; \r\nheight: 50px;\r\ntext-indent: -9999px;\r\noverflow: hidden\r\n}\r\n\r\n/* customization */\r\n\r\n/* The list background */\r\n\r\nbody[data-query*='\"status\":1'],\r\nbody[data-query*='\"status\":2'],\r\nbody[data-query*='\"status\":3'],\r\nbody[data-query*='\"status\":4'],\r\nbody[data-query*='\"status\":6'],\r\nbody[data-query*='\"status\":7'] {\r\n  background-attachment: fixed !important;\r\n  background-position: 50% 50%;\r\n  background-repeat: no-repeat !important;\r\n  background-size:cover;\r\n \r\n}\r\n\r\n* { cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important;}\r\n\r\n/* */\r\n\r\n\r\n\r\n span a[href*=\"&tag=!\"], span a[href*=\"&tag=%40\"], span a[href*=\"&tag=~\"] {display: none !important;}\r\n\r\n/* favorite */\r\n@media entrytags-favorites {}\r\na[href$=\"&tag=*\"]\r\n{position: absolute;\r\nleft: 0;\r\nwidth: 150px;\r\nheight: 0;\r\nfont-size: 15px;\r\ntop: 0px;\r\ncolor: transparent !important;\r\n}\r\n\r\na[href$=\"&tag=*\"]:after\r\n{content: '\f005';\r\nfont-family: 'FontAwesome' !important;\r\ndisplay: inline-block;\r\npointer-events: all;\r\n/* change the position below, and add in margin-whatever if it's not enough */\r\nposition: absolute;\r\ntop: 238px; \r\nleft: 145px;\r\n/* change the size of font */\r\nfont-size: 1.1em;\r\ncolor: #fff !important;\r\ntext-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #fff !important;}\r\n\r\n\r\n\r\n/* Intro animation */\r\n@keyframes intro {\r\n  from {\r\n    opacity: 0;\r\n    margin-top: 100vh;\r\n  }\r\n  16% {\r\n    opacity: 0;\r\n    margin-top: 100vh;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    margin-top: 100px;\r\n  }\r\n}\r\n.list-container {\r\n  animation: intro 2s;\r\n}\r\n\r\n\r\n\r\n/* */\r\n\r\nfooter {\r\n	position: fixed;\r\n	bottom: 0px;\r\n	left: 0px;\r\n	width: 100%;\r\n	height:30px !important;\r\n	z-index: 9998;\r\n	\r\n}\r\n\r\n#footer-block {\r\ndisplay:block;\r\n	background-color: transparent;\r\n	background: rgba(0,0,0,0);\r\n	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);\r\n	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.6)));\r\n	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);\r\n	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);\r\n	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);\r\n	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);	\r\n}\r\n\r\n#copyright {\r\n	color: #FFF;\r\n	letter-spacing: 1px;\r\n	text-shadow: 0px 3px 3px #000;\r\n	font-size:10px;\r\n}\r\n\r\n#copyright::after {\r\n	content: \"Shelter Style V2 - Layout originally designed by Takana no Hana\"\r\n}\r\n\r\n.cover-block::after{\r\n    opacity: 0;\r\n}\r\n      \r\n/* LOW RES COVER SIZE\r\nYou only see this if the import for high res covers goes down.\r\n*/ \r\na img{\r\nbackground-size: cover !important;\r\nheight: 250px !important;\r\nwidth: 178px !important;\r\n}\r\n\r\n/* HD COVER SETTINGS\r\n*/ \r\n.data.image a:before\r\n{content: \"\";\r\ndisplay: inline-block !important;\r\nposition: absolute;\r\nwidth: 180px;\r\nheight: 225px;\r\nbackground-color: rgba(0,0,0,.3);\r\nbackground-position: center !important;\r\nbackground-repeat: no-repeat !important;\r\nbackground-size: cover;\r\nz-index: 5;\r\nbox-shadow: 0 0 5px black inset; \r\nbox-sizing: border-box;\r\ntransition: all .2s ease-in-out;}\r\n\r\n\r\n/* Other Sort Options */\r\n.list-table .list-table-header .header-title.days, .list-table .list-table-header .header-title.licensor {\r\n    color: gray !important;\r\n}\r\n\r\n.list-table .list-table-header .header-title.licensor{\r\npadding-top: 20px;    \r\n}\r\n\r\n\r\n/* Banner Avatar Reset */\r\n.list-table .list-table-header:after {\r\nposition: absolute !important;\r\ntop:150px;\r\n}
Password
Anyone with the link will still need this password to view.
Expires