API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2018
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 36.54 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.   background-color: #282828;
  3. }
  4.  
  5. #advanced-options {
  6.     position: fixed;
  7.     top: 24px;
  8.     left: 0;
  9.     right: 0;
  10.     background-color: rgba(255,255,255,.9);
  11.     display: none;
  12.     width: 860px;
  13.     margin: 0 auto;
  14.     padding: 25px 0px 30px;
  15.     -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  16.     -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  17.     -o-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  18.     -ms-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  19.     box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
  20.     color: #323232;
  21.     text-align: left;
  22.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  23.     z-index: 1101;
  24.     border: none;
  25. background-image: url();
  26.     background-repeat: no-repeat;
  27.     background-size: cover;
  28.     background-position: 50% 100%;  }
  29.    
  30. #advanced-options .advanced-options-header {
  31.     width: 750px;
  32.     margin: 0px auto;
  33.     padding-bottom: 4px;
  34.     border-bottom: 1px solid #BEBEBE;
  35.     font-size: 16px;
  36.     color:rgba(0,0,0,.6) !important;
  37. }
  38.  
  39.  
  40. #advanced-options .advanced-options-header .description {
  41.     font-size: 12px;
  42.     font-weight: normal;
  43.     margin-left: 8px;
  44.     color:rgba(0,0,0,.6) !important;
  45. }
  46.  
  47. #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 {
  48. color:rgba(0,0,0,.6) !important;
  49. }
  50.  
  51. #advanced-options select {
  52.     -ms-appearance: none;
  53.     -webkit-appearance: none;
  54.     -moz-appearance: none;
  55.     appearance: none;
  56.     background-image: url(/img/pc/ownlist/icon_pulldown_triangle.png);
  57.     background-repeat: no-repeat;
  58.     background-position: center right;
  59.     background-size: 18px 8px;
  60.     background-color: #FFFFFF;
  61.     display: inline-block;
  62.     height: 25px;
  63.     padding: 4px 20px 4px 4px;
  64.     padding-right: 4px\0;
  65.     border: #BEBEBE 1px solid;
  66.     border-radius: 0px;
  67.     font-size: 12px;
  68. }
  69. #advanced-options select::-ms-expand {
  70.     display: none;
  71. }
  72.  
  73. #advanced-options select:disabled {
  74.     background-image: url(/img/pc/ownlist/icon_pulldown_triangle_disable.png);
  75.     color: #9B9B9B;
  76. }
  77.  
  78. #advanced-options input[type=text] {
  79.     padding: 4px;
  80.     border: #BEBEBE 1px solid;
  81. }
  82.  
  83. #advanced-options input:focus {
  84.     outline: none;
  85. }
  86.  
  87.  
  88. /* sort */
  89. #advanced-options .sort-widget {
  90.     margin: 0px auto;
  91.     padding: 12px 0px 0px;
  92.     width: 750px;
  93. }
  94. #advanced-options .sort-widget:last-of-type {
  95.     padding-bottom: 45px;
  96. }
  97.  
  98. #advanced-options .sort-widget select {
  99.     width: 172px;
  100.     margin-right: 8px;
  101. }
  102.  
  103. #advanced-options .sort-widget input[type=radio] {
  104.     display: none;
  105. }
  106. #advanced-options .sort-widget input[type=radio] + label {
  107.     background-color: #FFFFFF;
  108.     display: inline-block;
  109.     width: 56px;
  110.     padding: 5px 0px;
  111.     border: #BEBEBE 1px solid;
  112.     border-radius: 4px;
  113.     color: #323232;
  114.     font-size: 12px;
  115.     text-align: center;
  116.     cursor: pointer;
  117. }
  118. #advanced-options .sort-widget input[type=radio]:checked + label {
  119.     background-color: #244291;
  120.     border: #244291 1px solid;
  121.     color: #FFFFFF;
  122. }
  123. #advanced-options .sort-widget input[type=radio]:disabled + label {
  124.     border: #BEBEBE 1px solid;
  125.     color: #9B9B9B;
  126. }
  127. #advanced-options .sort-widget input[type=radio]:checked:disabled + label {
  128.     background-color: #FFFFFF;
  129.     border: #BEBEBE 1px solid;
  130.     color: #9B9B9B;
  131. }
  132. /**
  133.  * General Styles
  134.  */
  135.  
  136.  
  137. td {
  138.     line-height: 1.5em;
  139.     height: 25px !important;
  140. }
  141.  
  142. a {
  143.     color: #fff;
  144.     text-decoration: none;
  145. }
  146. a:hover {
  147.     color: #fff !important;
  148.     text-decoration: none;
  149. }
  150.  
  151. #footer-block {
  152.     padding: 15px 0;
  153.     background-color: #244291;
  154.     color: #FFFFFF;
  155.     font-family: Avenir, "lucida grande", tahoma, verdana, arial, sans-serif;
  156.     display:none;
  157. }
  158.  
  159. #copyright {
  160.     font-size: 12px;
  161.     color: #FFFFFF;
  162.     padding-top: 3px;
  163.     text-align: center;
  164. }
  165.  
  166. /*
  167.  * Header
  168.  */
  169. .header a {
  170.     font-weight: bold;
  171.     color: #fff !important;
  172. }
  173. .header a:hover {
  174.     text-decoration: underline;
  175. }
  176.  
  177. .header {
  178.     position: absolute;
  179.     color: #fff;
  180.     display: block;
  181.     width: 100%;
  182.     height: 50px;
  183.     margin: 0 auto
  184.     border:none;
  185.     background: -webkit-linear-gradient(rgba(0,0,0,.4), transparent); /* For Safari 5.1 to 6.0 */
  186.     background: -o-linear-gradient(rgba(0,0,0,.4), transparent); /* For Opera 11.1 to 12.0 */
  187.     background: -moz-linear-gradient(rgba(0,0,0,.4), transparent); /* For Firefox 3.6 to 15 */
  188.     background: linear-gradient(rgba(0,0,0,.4), transparent); /* Standard syntax */
  189.     -moz-transition-property: all;
  190.     -o-transition-property: all;
  191.     -webkit-transition-property: all;
  192.     transition-property: all;
  193.     -moz-transition-duration: 0.3s;
  194.     -o-transition-duration: 0.3s;
  195.     -webkit-transition-duration: 0.3s;
  196.     transition-duration: 0.3s;
  197.     -moz-transition-timing-function: ease-in-out;
  198.     -o-transition-timing-function: ease-in-out;
  199.     -webkit-transition-timing-function: ease-in-out;
  200.     transition-timing-function: ease-in-out;
  201.     z-index: 40;
  202. }
  203.  
  204. .header:hover {background-color:rgba(0,0,0,.5);
  205.   -moz-transition-property: all;
  206.     -o-transition-property: all;
  207.     -webkit-transition-property: all;
  208.     transition-property: all;
  209.     -moz-transition-duration: 0.3s;
  210.     -o-transition-duration: 0.3s;
  211.     -webkit-transition-duration: 0.3s;
  212.     transition-duration: 0.3s;
  213.     -moz-transition-timing-function: ease-in-out;
  214.     -o-transition-timing-function: ease-in-out;
  215.     -webkit-transition-timing-function: ease-in-out;
  216.     transition-timing-function: ease-in-out;
  217.  
  218. }
  219.  
  220. .header .header-menu {
  221.     position: absolute;
  222.     top: 5px;
  223.     right: 4px
  224. }
  225. .header .header-menu.other {
  226.     top: 5px;
  227. }
  228.  
  229.  
  230.  
  231. .header .header-menu .header-info {
  232.     font-size: 10px;
  233.     margin-top: 6px;
  234.     margin-right: 15px;
  235.     text-align: right;
  236. }
  237.  
  238. .header .username {
  239.     font-weight: bold;
  240. }
  241.  
  242. .header .header-menu .list-menu {
  243.     position: absolute;
  244.     top: 25px;
  245.     right: -4px;
  246.     background-color: rgba(255,255,255,.8);
  247.     display: none;
  248.     border: none !important;
  249.     -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  250.     -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  251.     box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  252.     z-index: 1;
  253. }
  254.  
  255. .header .header-menu .list-menu .icon-menu {
  256.     display: block;
  257.     width: 150px;
  258.     height: 30px;
  259.     color: #000;
  260.     font-size: 14px;
  261.     font-weight: bold;
  262.     text-decoration: none;
  263.     -moz-transition-property: all;
  264.     -o-transition-property: all;
  265.     -webkit-transition-property: all;
  266.     transition-property: all;
  267.     -moz-transition-duration: 0.3s;
  268.     -o-transition-duration: 0.3s;
  269.     -webkit-transition-duration: 0.3s;
  270.     transition-duration: 0.3s;
  271.     -moz-transition-timing-function: ease-in-out;
  272.     -o-transition-timing-function: ease-in-out;
  273.     -webkit-transition-timing-function: ease-in-out;
  274.     transition-timing-function: ease-in-out;
  275. }
  276.  
  277. .header .header-menu .list-menu .icon-menu:hover {
  278.     background-color: rgba(0,0,0,.5);
  279. }
  280.  
  281. .header .header-menu .list-menu .icon-menu svg.icon {
  282.     position: absolute;
  283.     fill: rgba(0,0,0,.5);
  284.     left: 12px;
  285.     top: 4px;
  286. }
  287.  
  288. .header .header-menu .list-menu .icon-menu:hover svg.icon {
  289.     fill: rgba(255,255,255,1) !important;
  290. }
  291.  
  292. .header .header-menu .list-menu .icon-menu .text {
  293.     position: absolute;
  294.     left: 52px;
  295.     top: 6px;
  296. }
  297.  
  298. .header .header-menu .list-menu .icon-menu:hover .text {color:rgba(255,255,255,1) !important;}
  299.  
  300. .header .header-menu .btn-menu {
  301. display: block;
  302.     text-align: right;
  303. color: rgba(0,0,0,0.7) !important;
  304. font-size: 12px !important;
  305. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  306. }
  307.  
  308. #header-menu-dropdown > a {color: rgba(0,0,0,.5) !important;}
  309.  
  310. .list-menu-float {
  311.   z-index: 100 !important;
  312. }
  313. /**
  314.  * List Container
  315.  */
  316.  
  317. .list-container {
  318.     position: absolute;
  319.     background-color: transparent !important;
  320.     width: 1000px;
  321.     left: 0;
  322.     right: 0;
  323.     margin: auto;
  324.     margin-top:100px;
  325.     border:none !important;
  326.     margin-bottom:30px;
  327. }
  328.  
  329. /**
  330.  * List Container - Cover Block
  331.  */
  332. .cover-block {
  333.     position:relative;
  334.     display: block;
  335.     width: 1000px;
  336.     margin: 0 auto;
  337.     height:auto;
  338.     text-align: center;
  339.     vertical-align: middle;
  340.     box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  341.     padding-bottom:40px;
  342.    
  343. }
  344.  
  345. .cover-block .image-container {
  346.     display: block;
  347.     width: 1000px;
  348.     height:auto;
  349.     padding-top:0;
  350. }
  351.  
  352. .cover-block .image-container.hide {
  353.     display: none;
  354. }
  355.  
  356. .cover-block .image-container img {
  357.     max-width: 1000px;
  358.     height: auto;
  359. }
  360.  
  361. /* cover image */
  362.  
  363. #cover-image{
  364.  
  365.   margin:auto;
  366.   width:1000px !important;
  367.   height:auto;
  368.   background-color:transparent;
  369.   background-size: cover !important;
  370.   background-position: 50% 50%;
  371.  
  372. }
  373.  
  374. /* setting icon */
  375. .cover-block .image-container .btn-list-setting {
  376.     display: none;
  377. }
  378.  
  379. .cover-block .image-container:hover .btn-list-setting {
  380.     display: block;
  381.     position: absolute;
  382.     top: 20px;
  383.     right: 28px;
  384.     padding: 8px;
  385.     border: rgba(255,255,255,0) 1px solid;
  386.     font-size: 14px;
  387.     color: #ffffff;
  388.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  389. }
  390.  
  391. .cover-block .image-container .btn-list-setting:hover {
  392.     position: absolute;
  393.     top: 20px;
  394.     right: 28px;
  395.     background-color: rgba(0,0,0,0.6);
  396.     padding: 8px;
  397.     border: none;
  398.     -moz-box-shadow: 0 0 4px #000000;
  399.     -webkit-box-shadow: 0 0 4px #000000;
  400.     -o-box-shadow: 0 0 4px #000000;
  401.     -ms-box-shadow: 0 0 4px #000000;
  402.     box-shadow: 0 0 4px #000000;
  403.     font-size: 14px;
  404.     color: #ffffff;
  405.     text-shadow: #323232 1px 1px 1px;
  406. }
  407.  
  408. .cover-block .image-container .btn-list-setting .fa-camera {
  409.     font-size: 16px;
  410.     -moz-text-shadow: #000000 1px 1px 3px;
  411.     -webkit-text-shadow: #000000 1px 1px 3px;
  412.     -o-text-shadow: #000000 1px 1px 3px;
  413.     -ms-text-shadow: #000000 1px 1px 3px;
  414.     text-shadow: #000000 1px 1px 3px;
  415.     -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000,offx=1,offy=1)";
  416. }
  417.  
  418. .cover-block .image-container .btn-list-setting .icon-plus-circle {
  419.     position: absolute;
  420.     top: 4px;
  421.     left: 18px;
  422.     background-color: rgba(0,0,0,0.6);
  423.     border-radius: 50%;
  424.     -moz-box-shadow: -1px 1px 0px 0px #323232;
  425.     -webkit-box-shadow: -1px 1px 0px 0px #323232;
  426.     -o-box-shadow: -1px 1px 0px 0px #323232;
  427.     -ms-box-shadow: -1px 1px 0px 0px #323232;
  428.     box-shadow: -1px 1px 0px 0px #323232;
  429.     font-size: 10px;
  430. }
  431.  
  432. .cover-block .image-container .btn-list-setting .text {
  433.   display: none;
  434. }
  435.  
  436. .cover-block .image-container .btn-list-setting:hover .text {
  437.   display: inline-block;;
  438.   margin-left: 4px;
  439. }
  440.  
  441.  
  442. /**
  443.  * List Container - Status Menu
  444.  */
  445. .status-menu-container {
  446.     width: 1000px;
  447.     height: 40px;
  448.     background-color: rgba(255,255,255,.9);
  449.     border-bottom: none;
  450.     z-index: 1;
  451.     margin-top:-40px;
  452. }
  453.  
  454. .status-menu-container.fixed {
  455.     position: absolute;
  456.     display: none !important;
  457.     top: 0;
  458. }
  459.  
  460. .status-menu-container.fixed + div.list-block {
  461.     margin-top: 0px;
  462. }
  463.  
  464. .status-menu-container .status-menu {
  465.     display: table;
  466.     margin: 0 auto;
  467.     border-collapse: separate;
  468.     border-spacing: 0px 0;
  469. }
  470.  
  471. .status-menu-container .status-menu .status-button {
  472.     position: relative;
  473.     display: table-cell;
  474.     padding: 10px;
  475.     left: 17px !important;
  476.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  477.     text-align: center;
  478.     vertical-align: middle;
  479.      padding: 1.2em 10px;
  480.     line-height: 1.105em;
  481.     font-size: 1.1em;
  482.     color: #9B9B9B;
  483. }
  484.  
  485. .status-menu-container .status-menu .status-button.on {
  486.     color: #000;
  487.     font-weight: bold;
  488. }
  489.  
  490. .status-menu-container .status-menu .status-button:hover {
  491.     background-color: rgba(0,0,0,.5);
  492.     color: #fff;
  493.     -moz-transition-property: all;
  494.     -o-transition-property: all;
  495.     -webkit-transition-property: all;
  496.     transition-property: all;
  497.     -moz-transition-duration: 0.3s;
  498.     -o-transition-duration: 0.3s;
  499.     -webkit-transition-duration: 0.3s;
  500.     transition-duration: 0.3s;
  501.     -moz-transition-timing-function: ease-in-out;
  502.     -o-transition-timing-function: ease-in-out;
  503.     -webkit-transition-timing-function: ease-in-out;
  504.     transition-timing-function: ease-in-out;
  505. }
  506.  
  507. .status-menu-container .status-menu .status-button.on:after, .status-menu .status-button:hover:after {
  508.     opacity: 1
  509. }
  510.  
  511. .status-menu-container .status-menu .status-button:after {display:none !important;}
  512.  
  513. /*scroll bar*/
  514.  
  515. ::-webkit-scrollbar
  516. {height: 7px;
  517. width: 7px;
  518. background-color: #f5f5f5;}
  519. ::-webkit-scrollbar-thumb
  520. {border: 2px solid #f5f5f5;
  521. background-color: #9B9B9B;}
  522.  
  523. /**
  524.  * List Container - Status Menu - Search
  525.  */
  526. .status-menu-container .search-container {
  527.     position: absolute;
  528.     right: 5px;
  529.     z-index:20;
  530. }
  531. .status-menu-container .search-container #search-button {
  532.     display: inline-block;
  533.     height: 22px;
  534.     margin-top: 10px;
  535.     color: #787878;
  536.     font-size: 1.6em;
  537.     vertical-align: middle;
  538. }
  539.  
  540. .status-menu-container .search-container #search-box {
  541.     display: inline-block;
  542.     width: 0;
  543.     height: 22px;
  544.     overflow: hidden;
  545.     margin-top: 5px;
  546.     -webkit-transition: width 0.3s;
  547.     -moz-transition: width 0.3s;
  548.     transition: width 0.3s;
  549.     -webkit-backface-visibility: hidden;
  550.     vertical-align: middle;
  551. }
  552.  
  553. .status-menu-container .search-container #search-box.open {
  554.     display: inline-block;
  555.     width: 130px;
  556. }
  557.  
  558. .status-menu-container .search-container #search-box input {
  559.     width: 100%;
  560.     height: 100%;
  561.     box-sizing: border-box;
  562. }
  563.  
  564.  
  565. /**
  566.  * List Container - List Block
  567.  */
  568. .list-block {
  569.     margin: 0;
  570.     min-height:265px;
  571. }
  572.  
  573. .list-unit {
  574.     background-color:transparent;
  575.     margin: auto;
  576.     width: 1000px;
  577. }
  578.  
  579. /**
  580.  * List Container - List Status Title (with Stats)
  581.  */
  582. .list-unit .list-status-title {
  583.     position: relative;
  584.     display: table-cell;
  585.     background-color: transparent;
  586.     width: 1000px;
  587.    height:0px !important;
  588. }
  589.  
  590. .list-unit .list-status-title .text {
  591.     width: 1000px;
  592.     padding-top:50px;
  593.     font-size: 50px;
  594.     color: #fff;
  595.     font-family: 'Helvetica neue', Helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  596.     text-align: center;
  597.     vertical-align: middle;
  598.     letter-spacing: -0.1em;
  599. text-transform: uppercase;
  600. text-align: center;
  601. font-weight: 200;
  602. font-family:Orbitron;
  603. border:none;
  604. text-shadow: 0 0 5px #000, 0 0 3px #000, 1px 1px 7px #000 !important;
  605.  font-style: italic;
  606.  letter-spacing: 1.5px;
  607.  background-color: transparent;
  608. margin-top: 120px !important;
  609. }
  610.  
  611.  
  612.  
  613. .list-unit .list-status-title .stats a.filterd {
  614.     text-shadow: 0px 0px 2px #FFF;
  615. }
  616.  
  617. .list-unit .list-status-title .stats a:hover {
  618.     background:rgba(0,0,0,.5);
  619. padding:8px;
  620.  -moz-transition-property: all;
  621.     -o-transition-property: all;
  622.     -webkit-transition-property: all;
  623.     transition-property: all;
  624.     -moz-transition-duration: 0.3s;
  625.     -o-transition-duration: 0.3s;
  626.     -webkit-transition-duration: 0.3s;
  627.     transition-duration: 0.3s;
  628.     -moz-transition-timing-function: ease-in-out;
  629.     -o-transition-timing-function: ease-in-out;
  630.     -webkit-transition-timing-function: ease-in-out;
  631.     transition-timing-function: ease-in-out;
  632. }
  633.  
  634.  
  635. .list-unit .list-stats {
  636. background-color: rgba(255,255,255,.8);
  637. margin-top: -105px !important;
  638. color : #000;
  639. height: 25px;
  640. margin: auto;
  641. position: absolute;
  642. width: 1000px;
  643. z-index: 1 !important;
  644. }
  645.  
  646. .list-unit .list-status-title .stats {
  647.     position: absolute;
  648.     height: 40px;
  649.     line-height: 40px;
  650.     width:180px;
  651.     right: -25px;
  652.     margin-top: -147px;
  653.     z-index: 1;
  654. }
  655.  
  656. .list-unit .list-status-title .stats a {
  657.  
  658.     color: #9B9B9B;
  659.     padding:8px;
  660.     margin:0 !important;
  661. }
  662.  
  663.  
  664. /**
  665.  * List Container - List Table
  666.  */
  667.  
  668. .list-table {
  669.     width: 100%;
  670.     margin: 0 auto;
  671.     border-collapse: collapse;
  672.     background-color:transparent !important;
  673.     color: #fff !important;
  674.     border:none;
  675. }
  676.  
  677. /* columns background color*/
  678. .list-table tbody{
  679.   background-color: transparent !important;
  680. }
  681.  
  682.  /**
  683.  * List Container - List Table - Header
  684.  */
  685.  
  686. .list-table .list-table-header:before {
  687.   content: 'Sort';
  688. display: block;
  689. text-align: center !important;
  690. text-indent: 0px;
  691. color: black !important;
  692. font-weight: bold;
  693. width: 57px;
  694. line-height: 40px;
  695. height:40px;
  696. margin-left:0px !important;
  697. }
  698.  
  699. .list-table .list-table-header:hover:before {color:#fff !important;
  700. background-color:rgba(0,0,0,.5);}
  701.  
  702. .list-table .list-table-header {
  703. position: relative;
  704.     display: inline-block;
  705. margin-left:0;
  706. margin-top:-148px;
  707. z-index:200 !important;
  708. }
  709.  
  710. .list-table .list-table-header .header-title {
  711.      background: #F6F6F6 url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px;
  712.     display: block;
  713.     border-bottom: 0;
  714.     height: 39px;
  715.     text-align: center;
  716.     vertical-align: middle;
  717.     z-index:60 !important;
  718.     opacity:0;
  719. }
  720.  
  721. .list-table .list-table-header:hover .header-title {opacity:1;
  722. -moz-transition-property: all;
  723.     -o-transition-property: all;
  724.     -webkit-transition-property: all;
  725.     transition-property: all;
  726.     -moz-transition-duration: 0.2s;
  727.     -o-transition-duration: 0.2s;
  728.     -webkit-transition-duration: 0.3s;
  729.     transition-duration: 0.2s;
  730.     -moz-transition-timing-function: ease-in-out;
  731.     -o-transition-timing-function: ease-in-out;
  732.     -webkit-transition-timing-function: ease-in-out;
  733.     transition-timing-function: ease-in-out;}
  734.  
  735. .list-table .list-table-header .header-title:last-child {
  736.     background-image: none;
  737. }
  738.  
  739. .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  {
  740.     background-image: none;
  741.     display:none !important;
  742. }
  743.  
  744. .list-table .list-table-header .header-title.title {
  745.     text-align: center;
  746.     width:90px;
  747.     line-height: 40px;
  748.     padding:0 !important;
  749. }
  750.  
  751. .list-table .list-table-header .header-title.score {
  752.    text-align: center;
  753.     width:90px;
  754.     line-height: 40px;
  755.     padding:0 !important;
  756.     margin-right:-90px;
  757. }
  758.  
  759. .list-table .list-table-header .header-title.type {
  760.    text-align: center;
  761.     width:90px;
  762.     line-height: 40px;
  763.     padding:0 !important;
  764. }
  765.  
  766. .list-table .list-table-header .header-title.progress {
  767.    text-align: center;
  768.     width:90px;
  769.     line-height: 40px;
  770.     padding:0 !important;
  771. }
  772.  
  773. .list-table .list-table-header .header-title.chapters {
  774.    text-align: center;
  775.     width:90px;
  776.     line-height: 40px;
  777.     padding:0 !important;
  778. }
  779.  
  780. .list-table .list-table-header .header-title.volumes {
  781.    text-align: center;
  782.     width:90px;
  783.     line-height: 40px;
  784.     padding:0 !important;
  785. }
  786.  
  787. .list-table .list-table-header .header-title.rated {
  788.    text-align: center;
  789.     width:90px;
  790.     line-height: 40px;
  791.     padding:0 !important;
  792. }
  793.  
  794. .list-table .list-table-header .header-title.started {
  795.    text-align: center;
  796.     width:90px;
  797.     line-height: 40px;
  798.     padding:0 !important;
  799. }
  800.  
  801. .list-table .list-table-header .header-title.finished {
  802.   text-align: center;
  803.     width:90px;
  804.     line-height: 40px;
  805.     padding:0 !important;
  806. }
  807.  
  808. .list-table .list-table-header .header-title.days {
  809.    text-align: center;
  810.     width:90px;
  811.     line-height: 40px;
  812.     padding:0 !important;
  813. }
  814.  
  815. .list-table .list-table-header .header-title.storage {
  816.     text-align: center;
  817.     width:90px;
  818.     line-height: 40px;
  819.     padding:0 !important;
  820. }
  821.  
  822. .list-table .list-table-header .header-title.retail {
  823.    text-align: center;
  824.     width:90px;
  825.     line-height: 40px;
  826.     padding:0 !important;
  827. }
  828.  
  829. .list-table .list-table-header .header-title.priority {
  830.     text-align: center;
  831.     width:90px;
  832.     line-height: 40px;
  833.     padding:0 !important;
  834. }
  835.  
  836. .list-table .list-table-header .header-title .link {
  837.     font-size: 11px;
  838.     color: #323232;
  839.     text-decoration: none
  840.     height:40px;
  841.     width:90px;
  842. }
  843.  
  844. .list-table .list-table-header .header-title .link.sort {
  845.     position: relative;
  846.     display: inline-block;
  847.     color: #323232;
  848.     height:40px;
  849.     width:90px;
  850.     white-space: nowrap;
  851.     -moz-transition-property: all;
  852.     -o-transition-property: all;
  853.     -webkit-transition-property: all;
  854.     transition-property: all;
  855.     -moz-transition-duration: 0.3s;
  856.     -o-transition-duration: 0.3s;
  857.     -webkit-transition-duration: 0.3s;
  858.     transition-duration: 0.3s;
  859.     -moz-transition-timing-function: ease-in-out;
  860.     -o-transition-timing-function: ease-in-out;
  861.     -webkit-transition-timing-function: ease-in-out;
  862.     transition-timing-function: ease-in-out
  863. }
  864.  
  865. .list-table .list-table-header .header-title .link.sort:hover {
  866.     color: #000;
  867.     background-color: rgba(0,0,0,.5);
  868.     height:40px;
  869.     width:90px;
  870. }
  871.  
  872. .list-table .list-table-header .header-title .sort-icon {
  873.     color: #fff;
  874. }
  875.  
  876.  
  877. /* customize list */
  878.  
  879. .list-table .list-table-data {
  880. border: 1.5px solid #9B9B9B;
  881. background-color: rgba(255,255,255, 0.3);
  882. }
  883.  
  884.  
  885. .list-table .list-table-data:hover {
  886.   box-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  887.   transition: .2s linear;
  888. }
  889.  
  890.  
  891. .list-table .list-table-data:hover .data.title  {
  892.   text-shadow: 0 0 2px #000, 0 0 1px #000, 0 1px 7px #000, 0 0 0.5px #000;
  893.   color:#fff;
  894.   transition: .1s linear;
  895.   }
  896.  
  897.  
  898. .header a:hover,.list-table .list-table-data a:not(.edit-disabled):hover {
  899. text-decoration:underline;
  900. }
  901.  
  902.  
  903. /**
  904.  * List Container - List Table - Items
  905.  */
  906.  
  907. .list-table .list-table-data .data {
  908.     display: table-cell;
  909.     padding: 4px 0;
  910.     text-align: center;
  911.     vertical-align: middle;
  912.     color: #fff !important;
  913.     border:none;
  914.  
  915. }
  916.  
  917. .list-table .list-table-data .data.image a {
  918.     display: inline-block;
  919. }
  920.  
  921. .list-table .list-table-data a:not(.edit-disabled):hover {
  922.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  923.     color: #fff !important;
  924. }
  925.  
  926. .list-table .list-table-data a.edit-disabled {
  927.     cursor: text;
  928.     color: #000;
  929. }
  930.  
  931.  
  932.  
  933. .list-table .list-table-data .data.title .link {
  934.     font-size: 15px !important;
  935.  text-decoration: none !important;
  936. font-family: 'Rancho', sans-serif;
  937. transition: all 0.1s ease 0s;
  938. /*text-shadow: 0 0 1px #000, 0 0 1px #000, 1px 1px 1px #000, 0 0 0 #000 !important;*/
  939. color:#000 !important;
  940. }
  941.  
  942. .list-table .list-table-data:hover .data.title .link {
  943.   letter-spacing: 0.5px;
  944.   transition: all 0.1s ease 0s;
  945.   color:#fff !important;
  946. }
  947.  
  948. .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 {
  949.     text-shadow: 0 0 2px #F54EE7, 0 0 1px #F54EE7, 1px 1px 7px #E32BD4, 0 0 0 #F54EE7 !important;
  950.     color: #fff !important;
  951.     font-size: 0.9em;
  952.     text-align:center !important;
  953.     vertical-align:middle !important;
  954.     width: 180px !important;
  955.     display:block;
  956.     opacity:0;
  957. }
  958.  
  959. .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 {
  960.     text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  961.     color: #fff !important;
  962.     font-size: 1.0em;
  963.     right: -10px !important;
  964.     top: 30px !important;
  965.     vertical-align:middle !important;
  966.     width: 80px !important;
  967.     text-align:right;
  968.     display:block;
  969.     opacity:1;
  970.     position:absolute;
  971.     font-weight: bold;
  972. }
  973.  
  974. .list-table .list-table-data .data.score .link {
  975.     font-size: 1.2em;
  976.     font-weight: bold
  977. }
  978.  
  979. td.td1.borderRBL {
  980. color: #fff !important;
  981. }
  982.  
  983. .list-table .list-table-data .data.title .more {
  984.     position: relative;
  985. }
  986.  
  987. .list-table .more-info {
  988.     display: none;
  989. }
  990.  
  991. .list-table .more-info .more-content {
  992.     padding: 10px;
  993. }
  994.  
  995. .list-table .list-table-data .data.status {
  996.     width: 4px;
  997.     z-index:9 !important;
  998. }
  999.  
  1000. .list-table .list-table-data .data.status .text {
  1001.     display: none
  1002. }
  1003.  
  1004. .list-table .list-table-data .data.status.reading, .list-table .list-table-data .data.status.watching {
  1005.     background-color: #2db039
  1006. }
  1007.  
  1008. .list-table .list-table-data .data.status.plantoread, .list-table .list-table-data .data.status.plantowatch {
  1009.     background-color: #c3c3c3
  1010. }
  1011.  
  1012. .list-table .list-table-data .data.status.completed {
  1013.     background-color: #26448f
  1014. }
  1015.  
  1016.  
  1017. .list-table .list-table-data .data.status.onhold {
  1018.     background-color: #f1c83e
  1019. }
  1020.  
  1021. .list-table .list-table-data .data.status.dropped {
  1022.     background-color: #a12f31
  1023. }
  1024.  
  1025.  
  1026. /*list status*/
  1027. /*.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 {
  1028. height: 25px;
  1029. width:25px !important;
  1030. background-position:50% 50%;
  1031. background-repeat: no-repeat;
  1032. background-size:15px 17px;
  1033. display: inline-block !important;
  1034. position: relative;
  1035. left: 0 !important;
  1036. top: 0 !important;
  1037. z-index: 10 !important;
  1038. content: "";
  1039. pointer-events: none;
  1040. opacity: 1 !important; }
  1041.  
  1042. .list-table .list-table-data:hover .data.status.completed:before {
  1043. background-color: #26448f !important;
  1044. color:#fff;
  1045. content: "\f05d";
  1046. font-size: 1.5em;
  1047. line-height:25px;
  1048. font-family: 'FontAwesome' !important;
  1049. }
  1050.  
  1051. .list-table .list-table-data:hover .data.status.watching:before, .list-table .list-table-data:hover .data.status.reading:before
  1052. {background-color: #2db039 !important;
  1053. color:#fff;
  1054. content: "\f152";
  1055. font-size: 1.5em;
  1056. line-height:25px;
  1057. font-family: 'FontAwesome' !important;}
  1058.  
  1059. .list-table .list-table-data:hover .data.status.plantowatch:before, .list-table .list-table-data:hover .data.status.plantoread:before
  1060. {background-color: #c3c3c3 !important;
  1061. color:#fff;
  1062. content: "\f073";
  1063. font-size: 1.5em;
  1064. line-height:25px;
  1065. font-family: 'FontAwesome' !important;}
  1066.  
  1067. .list-table .list-table-data:hover .data.status.onhold:before
  1068. {background-color: #f1c83e !important;
  1069. color:#fff;
  1070. content: "\f017";
  1071. font-size: 1.5em;
  1072. line-height:25px;
  1073. font-family: 'FontAwesome' !important;}
  1074.  
  1075. .list-table .list-table-data:hover .data.status.dropped:before
  1076. {background-color: #a12f31 !important;
  1077. color:#fff;
  1078. content: "\f00d";
  1079. font-size: 1.5em;
  1080. line-height:25px;
  1081. font-family: 'FontAwesome' !important;}*/
  1082.  
  1083.  
  1084. .link.sort + a {display: none;} /* remove watch buttons */
  1085.  
  1086.  
  1087.  
  1088. /* tags */
  1089.  
  1090. .data.tags:before
  1091. {margin:0;
  1092. width: 12px !important;
  1093. padding: 5px 0 !important;
  1094. z-index: 10;}
  1095.  
  1096. data.tags:hover:before
  1097. {width: 15px;
  1098. padding: 5px 5px 5px 4px !important;
  1099. font-size: 1.1em;
  1100.  
  1101. color: #fff;
  1102. cursor: default;}
  1103.  
  1104. .data.tags:before, .data.tags:hover:before
  1105. {position: absolute;
  1106. left: 50px;
  1107. top: 0px;
  1108. height: 15px !important;}
  1109.  
  1110. .list-item:hover .data.tags:before
  1111. {opacity: 1;}
  1112.  
  1113.  
  1114.  
  1115. .data.tags
  1116. {opacity: 1;
  1117. height: 100%;
  1118. width: 0;
  1119. z-index: 25;}
  1120.  
  1121. .data.tags *
  1122. {z-index: 25;
  1123. transition: opacity .15s ease-in-out;
  1124. color:#000;
  1125. margin-top:25px;}
  1126.  
  1127. .data.tags:hover *
  1128. {width: 180px;
  1129. opacity: 1;
  1130. }
  1131.  
  1132. .data.tags a
  1133. {
  1134. text-align:left;
  1135. font-size: 1.0em;
  1136. color: #000;
  1137. white-space:nowrap;
  1138. }
  1139.  
  1140. .data.tags:before
  1141. {content: '';
  1142. border: none;
  1143. opacity: 0;
  1144. margin-top: 0px;
  1145. background-image:url(http://i.imgur.com/WC8S1cb.png);
  1146. background-size: 15px 14px;
  1147. background-repeat:no-repeat;
  1148. background-position:50% 50%;
  1149. letter-spacing: -1px;
  1150. background-color: rgba(206, 140, 16,1);
  1151. width: 25px !important;
  1152. height:15px !important;
  1153. display:block;}
  1154.  
  1155. .data.tags:hover:before
  1156. {content: '';
  1157. background-image:url(http://i.imgur.com/WC8S1cb.png);
  1158. background-size: 15px 14px;
  1159. background-repeat:no-repeat;
  1160. background-position:50% 50%;
  1161. letter-spacing: -1px;
  1162. color: #6ebcf4;
  1163. width: 25px !important;
  1164. height:15px !important;
  1165. display:block;}
  1166.  
  1167.  
  1168. .data.tags textarea
  1169. {position: absolute;
  1170. font-family: monospace!important;
  1171. z-index: 0;
  1172. width:180px !important;
  1173. height:200px !important;
  1174. }
  1175.  
  1176. .edit-transition.edit-leave
  1177. {display: none;}
  1178.  
  1179.  
  1180. .tags .edit
  1181. {position: absolute;
  1182. top: -25px;
  1183. left: 50px;
  1184. width: 25px !important;
  1185. height: 25px;
  1186. font-size: 0 !important;}
  1187.  
  1188. .tags .edit:hover
  1189. {width: 25px !important;}
  1190.  
  1191.  
  1192. div[class*="tags-"]
  1193. {overflow: hidden;
  1194. border-radius: 2px;
  1195. height: 200px;
  1196. background: rgba(255, 255, 255, 0.9);
  1197.  
  1198. }
  1199.  
  1200. .anime [href*="&tag="]
  1201. {white-space: normal !important;
  1202. text-transform: none;
  1203. pointer-events: none;}
  1204.  
  1205. /*List unit*/
  1206.  
  1207.  
  1208. .list-table
  1209. {display: table-row;}
  1210.  
  1211. .data.status, .data.image ~ td
  1212. {position: absolute;}
  1213.  
  1214. .list-table .list-table-data .data.image a
  1215. {border-radius: 2px;
  1216. background-size: cover;
  1217. background-repeat: no-repeat;
  1218. background-position: center center !important;}
  1219.  
  1220. .list-item
  1221. {margin: 10px 12px;
  1222. position: relative;
  1223. float: left;
  1224. }
  1225.  
  1226. .list-item .data
  1227. {opacity: 1;}
  1228.  
  1229. .list-item .list-table-data
  1230. {border-radius: 2px;
  1231. position: absolute;}
  1232.  
  1233. .list-table .list-table-data .data
  1234. {padding: 0;
  1235. border-bottom: none;}
  1236.  
  1237. .list-item .data.image
  1238. {z-index: 5 !important;
  1239. position: absolute;}
  1240.  
  1241. .list-item .data.image img
  1242. {
  1243.   width: 100px !important;
  1244.   height: auto !important;
  1245. }
  1246.  
  1247. .list-item, .list-item .list-table-data,.list-item .data.title
  1248. {width: 100px !important;
  1249. height: 210px !important;
  1250. }
  1251.  
  1252. .data.image
  1253. {
  1254. overflow:hidden;
  1255. width: 100px !important;
  1256. height: 144px !important;
  1257. margin-top:0px;
  1258. }
  1259.  
  1260. .list-table .list-table-data .data.image a {
  1261.   width: 100px;
  1262.   height: 125px;
  1263. }
  1264.  
  1265. .list-table .list-table-data:hover .data.image a {transition: all .2s ease-in-out;
  1266. transform: scale(1.1);
  1267. }
  1268.  
  1269. .list-item .data.number {
  1270.  
  1271. padding-left: 7px;
  1272. text-align:left !important;
  1273. line-height:25px !important;
  1274. width:94px;
  1275. height:25px;
  1276. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1277.     background: -webkit-linear-gradient(rgba(0,0,0,.7), transparent);
  1278.     background: -o-linear-gradient(rgba(0,0,0,.7), transparent);
  1279.     background: -moz-linear-gradient(rgba(0,0,0,.7), transparent);
  1280.     background: linear-gradient(rgba(0,0,0,.7), transparent);
  1281. z-index: 1 !important;
  1282. position: absolute;
  1283.  
  1284. }
  1285.  
  1286.  
  1287. /*data item position*/
  1288. .data.title .link.sort {
  1289.   position: absolute;
  1290. z-index: 5;
  1291. top: 150px;
  1292. height: 30px !important;
  1293. line-height: 1.05em;
  1294. text-align:center;
  1295. vertical-align:middle;
  1296. width: 100%;
  1297. overflow:hidden;
  1298. }
  1299.  
  1300. .list-item .data.title
  1301. {box-sizing: border-box;
  1302. border-radius: 2px;
  1303. height: 200px !important;
  1304. padding: 0 !important;
  1305. }
  1306.  
  1307. .list-table .list-table-header .header-title.studio {
  1308.   display:none !important;
  1309. }
  1310.  
  1311.  
  1312. .list-item .data.studio {
  1313. width: 180px;
  1314. margin:0;
  1315. height: 30px !important;
  1316. top: 195px;
  1317. z-index: 1 !important;
  1318. display: table;
  1319. background-color: transparent;
  1320.     background: rgba(0,0,0,0);
  1321.     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1322.     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7)));
  1323.     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1324.     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1325.     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%);
  1326.     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 100%); 
  1327. }
  1328.  
  1329. .list-item .data.studio span {
  1330. display: table-cell;
  1331. vertical-align: middle;
  1332. }
  1333.  
  1334. .list-item .data.score
  1335. {right: 5px;
  1336. width: 15px; text-align: left;
  1337. bottom: -5px !important;
  1338. }
  1339.  
  1340. .list-item .data.score a {
  1341. color:#000;
  1342. }
  1343.  
  1344. .list-item .data.score:hover * {
  1345. text-shadow: 0 0 1px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #FFF !important;
  1346. color:#fff;
  1347. }
  1348.  
  1349. .list-item .data.studio * {
  1350. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000 !important;
  1351. font-weight: bold !important;
  1352. }
  1353.  
  1354. .score select.edit-transition
  1355. {margin-left: -5px;}
  1356.  
  1357. .data.progress, .data.volume, a[href*="%C2%9"]
  1358. {
  1359. bottom: -5px !important;
  1360. transition: opacity .15s ease-in-out;
  1361. padding-left:5px !important;}
  1362.  
  1363. .data.progress {
  1364.   bottom: -5px;
  1365.   left: 5px;
  1366. }
  1367.  
  1368. .data.chapter {
  1369. bottom: -5px !important;
  1370. padding-left:70px !important;
  1371. }
  1372.  
  1373. .data.progress *, .data.volume *, .data.chapter *{color:#000;}
  1374.  
  1375. .list-item .data.type
  1376. {right: 5px !important;
  1377. width:50px !important;
  1378. top: 5px !important;
  1379. text-align:right !important;
  1380. font-size: 1em;
  1381. transition: opacity .15s ease-in-out;
  1382. font-weight:bold;
  1383. opacity: 1;
  1384. z-index:2;
  1385. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #000;
  1386. }
  1387.  
  1388.  
  1389. /* add edit more */
  1390.  
  1391. .list-table .list-table-data .data.title .add-edit-more {
  1392.     top:0;
  1393.     left: 4px;
  1394.    font-size:0 !important;
  1395.    position: absolute;
  1396.    z-index: 10 !important;
  1397.    text-align:center !important;
  1398.     vertical-align:middle !important;
  1399.     width: 25px !important;
  1400.     height: 25px !important;
  1401.     display:block;
  1402.  
  1403. }
  1404.  
  1405.  
  1406. .add-edit-more {
  1407.     opacity: 0;
  1408.     transition: all 0s ease 0s;
  1409.  
  1410. }
  1411. .list-item:hover .add-edit-more {
  1412.     opacity: 1;
  1413. }
  1414.  
  1415. .list-table .list-table-data .data.title .edit a {
  1416.     background-image: url(http://i.imgur.com/OT1yCLP.png);
  1417.     display: block;
  1418. width: 25px;
  1419. height: 25px;
  1420.     background-size: 15px 15px;
  1421.     background-repeat: no-repeat;
  1422.     background-color: rgba(8, 142, 160,1);
  1423. background-position: 50% 50%;
  1424. }
  1425.  
  1426. .list-table .list-table-data .data.title .more a {
  1427.     background-image: url(http://i.imgur.com/cUAaila.png);
  1428.     display: inline-block;
  1429. width: 15px;
  1430. height: 15px;
  1431.     background-size: cover;
  1432.     color: transparent !important;
  1433.     display:none;
  1434. }
  1435.  
  1436. .list-table .list-table-data .data.title .add a {
  1437.     background-image: url(http://i.imgur.com/AoTgUAL.png);
  1438.     display: block;
  1439. width: 25px;
  1440. height: 25px;
  1441.     background-size: 15px 15px;
  1442.     background-repeat: no-repeat;
  1443.     background-color: rgba(8, 142, 160,1);
  1444. background-position: 50% 50%;
  1445. }
  1446.  
  1447.  
  1448.  
  1449. /* */
  1450.  
  1451.  
  1452.  
  1453. .list-unit .loading-space {
  1454.      margin: 0px;
  1455.     height: 20px;
  1456.     font-size: 20px;
  1457.     text-align: center;
  1458. }
  1459.  
  1460. /*override codes*/
  1461. .header .header-info > a {color: rgba(255,255,255,1) !important;}
  1462. .header .header-info {color: rgba(255,255,255,0.8) !important;}
  1463. .header .header-menu {color: rgba(255,255,255,0.8) !important;}
  1464. .header .header-menu .btn-menu {color: rgba(255,255,255,0.8) !important;}
  1465. .username {color: rgba(255,255,255,0.8) !important;}
  1466. #header-menu-button {color: rgba(255,255,255,0.8) !important;}
  1467. .header a {
  1468.     font-weight: bold;
  1469.     color: #fff !important;
  1470. }
  1471.  
  1472. /* */
  1473. .header .header-title {
  1474. position: absolute;
  1475. top: 0px;
  1476. left: 10px;
  1477. background-image: url("http://i.imgur.com/39cRtfK.png");
  1478. background-position: left top;
  1479. background-repeat: no-repeat;
  1480. background-size: auto 50px;
  1481. display: block;
  1482. width: 50px !important;
  1483. height: 50px;
  1484. text-indent: -9999px;
  1485. overflow: hidden
  1486. }
  1487.  
  1488. /* customization */
  1489.  
  1490. /* The list background */
  1491.  
  1492. body[data-query*='"status":1'],
  1493. body[data-query*='"status":2'],
  1494. body[data-query*='"status":3'],
  1495. body[data-query*='"status":4'],
  1496. body[data-query*='"status":6'],
  1497. body[data-query*='"status":7'] {
  1498.   background-attachment: fixed !important;
  1499.   background-position: 50% 50%;
  1500.   background-repeat: no-repeat !important;
  1501.   background-size:cover;
  1502. }
  1503.  
  1504. /* */
  1505.  
  1506.  
  1507.  
  1508.  span a[href*="&tag=!"], span a[href*="&tag=%40"], span a[href*="&tag=~"] {display: block !important;}
  1509.  
  1510. /* favorite */
  1511. @media entrytags-favorites {}
  1512. a[href$="&tag=*"]
  1513. {position: absolute;
  1514. left: 0;
  1515. width: 150px;
  1516. height: 0;
  1517. font-size: 15px;
  1518. top: 0px;
  1519. color: transparent !important;
  1520. }
  1521.  
  1522. a[href$="&tag=*"]:after
  1523. {content: '\f005';
  1524. font-family: 'FontAwesome' !important;
  1525. display: inline-block;
  1526. pointer-events: all;
  1527. /* change the position below, and add in margin-whatever if it's not enough */
  1528. position: absolute;
  1529. top: 238px;
  1530. left: 145px;
  1531. /* change the size of font */
  1532. font-size: 1.1em;
  1533. color: #fff !important;
  1534. text-shadow: 0 0 2px #000, 0 0 1px #000, 1px 1px 7px #000, 0 0 0 #fff !important;}
  1535.  
  1536. footer {
  1537.     position: fixed;
  1538.     bottom: 0px;
  1539.     left: 0px;
  1540.     width: 100%;
  1541.     height:30px !important;
  1542.     z-index: 9998;
  1543.    
  1544. }
  1545.  
  1546. #footer-block {
  1547. display:block;
  1548.     background-color: transparent;
  1549.     background: rgba(0,0,0,0);
  1550.     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
  1551.     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.6)));
  1552.     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
  1553.     background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
  1554.     background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
  1555.     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); 
  1556. }
  1557.  
  1558. #copyright {
  1559.     color: #FFF;
  1560.     letter-spacing: 1px;
  1561.     text-shadow: 0px 3px 3px #000;
  1562.     font-size:10px;
  1563. }
  1564.  
  1565. #copyright::after {
  1566.     content: "Shelter Style V2 - Layout designed by Takana no Hana"
  1567. }
  1568.  
  1569. #copyright {
  1570.   display: none;
  1571. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!