API tools faq
paste
Advertisement
Guest User

White

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