Advertisement
roma4ka22

MAL CSS

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