Advertisement
Guest User

Untitled

a guest
Jan 16th, 2019
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.68 KB | None | 0 0
  1. @charset "UTF-8";
  2. @import url('https://malcat-gen.appspot.com/series?template=.data.image a[href^="/$list/$id/"]::after{background-image:url($series_image)}');
  3. /* Header Height */
  4. .list-menu-float {
  5. top: 150px;
  6. }
  7.  
  8. /* Header Font Color */
  9. .header,
  10. .list-menu-float,
  11. .search-container,
  12. .stats,
  13. .list-stats,
  14. tbody:first-child {
  15. color: #fff;
  16. }
  17.  
  18. /* Footer Font Color */
  19. #copyright,
  20. #loading-spinner {
  21. color: gray;
  22. }
  23.  
  24. .header .header-menu .header-info a:last-child::after, .header .header-menu .list-menu .icon-menu.manga-list::after, .header .header-menu .list-menu .icon-menu.anime-list::after, .list-menu-float .icon-menu.profile::after, .list-menu-float .icon-menu .text, .list-container .status-menu-container .search-container #search-button::after, .list-container .list-unit .list-status-title .stats #show-stats-button::after, .list-container .list-unit .list-status-title .stats #advanced-options-button::after {
  25. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  26. height: 16px;
  27. white-space: nowrap;
  28. color: inherit;
  29. }
  30.  
  31. .header .header-menu .header-info a:last-child::after, .header .header-menu .list-menu .icon-menu.manga-list::after, .header .header-menu .list-menu .icon-menu.anime-list::after, .list-menu-float .icon-menu.profile::after, .list-container .status-menu-container .search-container #search-button::after, .list-container .list-unit .list-status-title .stats #show-stats-button::after, .list-container .list-unit .list-status-title .stats #advanced-options-button::after {
  32. position: absolute;
  33. overflow: hidden;
  34. width: 0;
  35. opacity: 0;
  36. transition-property: width, opacity;
  37. transition-duration: 0.3s;
  38. transition-timing-function: ease-in-out;
  39. }
  40.  
  41. .header .header-menu .header-info a:last-child:hover::after, .header .header-menu .list-menu .icon-menu.manga-list:hover::after, .header .header-menu .list-menu .icon-menu.anime-list:hover::after, .list-menu-float .icon-menu.profile:hover::after, .list-container .status-menu-container .search-container #search-button:hover::after, .list-container .list-unit .list-status-title .stats #show-stats-button:hover::after, .list-container .list-unit .list-status-title .stats #advanced-options-button:hover::after {
  42. width: 100px;
  43. opacity: 1;
  44. }
  45.  
  46. body {
  47. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  48. background-color: #2b2b3b;
  49. background-position: top 190px center;
  50. }
  51.  
  52. input[type='text'],
  53. select {
  54. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  55. background: transparent;
  56. padding: 0;
  57. margin: 0;
  58. border: 0;
  59. border-bottom: currentColor 1px solid;
  60. outline: none;
  61. caret-color: #fff;
  62. color: #fff;
  63. -moz-appearance: none;
  64. -webkit-appearance: none;
  65. appearance: none;
  66. }
  67.  
  68. input[type='text'] option,
  69. select option {
  70. color: #000;
  71. }
  72.  
  73. .header {
  74. height: auto;
  75. width: 100%;
  76. position: absolute;
  77. }
  78.  
  79. .header .header-menu {
  80. position: relative;
  81. top: 10px;
  82. right: 10px;
  83. z-index: 1;
  84. }
  85.  
  86. .header .header-menu.other {
  87. top: 10px;
  88. }
  89.  
  90. .header .header-menu .btn-menu {
  91. font-size: 18px;
  92. }
  93.  
  94. .header .header-menu .btn-menu a {
  95. color: inherit;
  96. }
  97.  
  98. .header .header-menu .btn-menu #header-menu-button {
  99. font-weight: normal;
  100. cursor: unset;
  101. }
  102.  
  103. .header .header-menu .btn-menu #header-menu-button:hover {
  104. text-decoration: none;
  105. }
  106.  
  107. .header .header-menu .btn-menu #header-menu-button .fa {
  108. display: none;
  109. }
  110.  
  111. .header .header-menu .header-info {
  112. font-size: 13px;
  113. margin-top: 3px;
  114. margin-right: 17px;
  115. }
  116.  
  117. .header .header-menu .header-info a {
  118. color: inherit;
  119. }
  120.  
  121. .header .header-menu .header-info a:last-child {
  122. font-size: 0;
  123. }
  124.  
  125. .header .header-menu .header-info a:last-child::after {
  126. right: 17px;
  127. bottom: 0;
  128. margin-bottom: -19px;
  129. padding-bottom: 3px;
  130. text-align: right;
  131. vertical-align: bottom;
  132. content: "History";
  133. }
  134.  
  135. .header .header-menu .header-info a:last-child .fa {
  136. font-size: 14px;
  137. }
  138.  
  139. .header .header-menu .list-menu {
  140. display: block !important;
  141. top: 21px;
  142. right: 0;
  143. background-color: transparent;
  144. border: 0;
  145. box-shadow: none;
  146. -webkit-box-shadow: none;
  147. -moz-box-shadow: none;
  148. }
  149.  
  150. .header .header-menu .list-menu .icon-menu {
  151. width: 14px;
  152. height: 14px;
  153. color: inherit;
  154. }
  155.  
  156. .header .header-menu .list-menu .icon-menu:hover {
  157. background-color: transparent;
  158. }
  159.  
  160. .header .header-menu .list-menu .icon-menu svg.icon,
  161. .header .header-menu .list-menu .icon-menu .text {
  162. display: none;
  163. }
  164.  
  165. .header .header-menu .list-menu .icon-menu.manga-list::after {
  166. right: 0;
  167. bottom: 0;
  168. margin-bottom: -19px;
  169. padding-bottom: 3px;
  170. text-align: right;
  171. vertical-align: bottom;
  172. content: "Manga List";
  173. }
  174.  
  175. .header .header-menu .list-menu .icon-menu.manga-list::before {
  176. display: inline-block;
  177. font: normal normal normal 14px / 1 FontAwesome;
  178. -webkit-font-smoothing: antialiased;
  179. -moz-osx-font-smoothing: grayscale;
  180. text-rendering: auto;
  181. content: "";
  182. }
  183.  
  184. .header .header-menu .list-menu .icon-menu.anime-list::after {
  185. right: 0;
  186. bottom: 0;
  187. margin-bottom: -19px;
  188. padding-bottom: 3px;
  189. text-align: right;
  190. vertical-align: bottom;
  191. content: "Anime List";
  192. }
  193.  
  194. .header .header-menu .list-menu .icon-menu.anime-list::before {
  195. display: inline-block;
  196. font: normal normal normal 14px / 1 FontAwesome;
  197. -webkit-font-smoothing: antialiased;
  198. -moz-osx-font-smoothing: grayscale;
  199. text-rendering: auto;
  200. content: "";
  201. }
  202.  
  203. .header .header-title {
  204. top: 10px;
  205. left: 10px;
  206. z-index: 1;
  207. font-size: 34px;
  208. width: auto;
  209. background-image: none;
  210. color: inherit;
  211. text-indent: 0;
  212. }
  213.  
  214. .list-menu-float {
  215. position: relative;
  216. width: auto;
  217. border: 0;
  218. left: 10px;
  219. text-align: left;
  220. margin-top: -17px;
  221. float: left;
  222. user-select: none;
  223. font-size: 0;
  224. }
  225.  
  226. .list-menu-float form {
  227. display: inline-block;
  228. }
  229.  
  230. .list-menu-float .icon-menu {
  231. background-color: transparent;
  232. display: inline-block;
  233. width: 14px;
  234. height: 14px;
  235. margin-right: 15px;
  236. color: inherit;
  237. }
  238.  
  239. .list-menu-float .icon-menu:not(.profile):hover {
  240. background-color: transparent;
  241. width: 14px;
  242. }
  243.  
  244. .list-menu-float .icon-menu.profile {
  245. background-image: none !important;
  246. }
  247.  
  248. .list-menu-float .icon-menu.profile::after {
  249. left: 0;
  250. top: 0;
  251. margin-top: -19px;
  252. padding-top: 3px;
  253. text-align: left;
  254. vertical-align: top;
  255. content: "Profile";
  256. }
  257.  
  258. .list-menu-float .icon-menu.profile::before {
  259. content: "";
  260. }
  261.  
  262. .list-menu-float .icon-menu .text {
  263. left: 0;
  264. top: 0;
  265. margin-top: -19px;
  266. padding-top: 3px;
  267. text-align: left;
  268. vertical-align: top;
  269. }
  270.  
  271. .list-menu-float .icon-menu svg.icon {
  272. display: none;
  273. }
  274.  
  275. .list-menu-float .icon-menu::before {
  276. display: inline-block;
  277. font: normal normal normal 14px / 1 FontAwesome;
  278. -webkit-font-smoothing: antialiased;
  279. -moz-osx-font-smoothing: grayscale;
  280. text-rendering: auto;
  281. text-shadow: #000 1px 1px 1px;
  282. }
  283.  
  284. .list-menu-float .icon-menu.quick-add::before {
  285. content: "";
  286. }
  287.  
  288. .list-menu-float .icon-menu.anime-list::before {
  289. content: "";
  290. }
  291.  
  292. .list-menu-float .icon-menu.manga-list::before {
  293. content: "";
  294. }
  295.  
  296. .list-menu-float .icon-menu.history::before {
  297. content: "";
  298. }
  299.  
  300. .list-menu-float .icon-menu.export::before {
  301. content: "";
  302. }
  303.  
  304. .list-menu-float .icon-menu.logout::before {
  305. content: "";
  306. }
  307.  
  308. .list-menu-float .icon-menu.setting::before {
  309. content: "";
  310. }
  311.  
  312. .list-menu-float .icon-menu.setting {
  313. cursor: pointer;
  314. }
  315.  
  316. .list-menu-float .icon-menu.setting .text {
  317. font-size: 0;
  318. height: 30px;
  319. }
  320.  
  321. .list-menu-float .icon-menu.setting:hover .text {
  322. width: 170px;
  323. height: 30px;
  324. text-decoration: none;
  325. opacity: 1;
  326. }
  327.  
  328. .list-menu-float .icon-menu.setting:hover .text .link-list-setting,
  329. .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
  330. background-color: transparent;
  331. font-size: 13px;
  332. line-height: 13px;
  333. height: auto;
  334. border: 0;
  335. display: inline-block;
  336. position: relative;
  337. top: 0;
  338. width: auto;
  339. color: inherit;
  340. }
  341.  
  342. .list-menu-float .icon-menu.setting:hover .text .link-list-setting:hover,
  343. .list-menu-float .icon-menu.setting:hover .text .link-style-setting:hover {
  344. text-decoration: underline;
  345. }
  346.  
  347. .list-menu-float .icon-menu.setting:hover .text .link-list-setting {
  348. padding-right: 10px;
  349. }
  350.  
  351. .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
  352. padding-left: 10px;
  353. border-left: currentColor 1px solid;
  354. }
  355.  
  356. .list-container {
  357. width: auto;
  358. min-width: 820px;
  359. background-color: transparent;
  360. border: 0;
  361. }
  362.  
  363. .list-container .cover-block {
  364. width: 100%;
  365. background: linear-gradient(to right, #261339, #f4719d, #d9d9d9, #40bfbf, #261339) center/2000px 100%;
  366. min-height: 150px;
  367. overflow: hidden;
  368. }
  369.  
  370. .list-container .cover-block #cover-image-container {
  371. padding-top: 0;
  372. width: 100%;
  373. display: flex;
  374. justify-content: center;
  375. align-items: center;
  376. }
  377.  
  378. .list-container .cover-block #cover-image-container .btn-list-setting {
  379. display: none;
  380. }
  381.  
  382. .list-container .cover-block #cover-image-container #cover-image {
  383. max-width: none;
  384. flex-shrink: 0;
  385. }
  386.  
  387. .list-container .status-menu-container {
  388. width: 100%;
  389. z-index: 3;
  390. background-color: #414158;
  391. border: 0;
  392. height: 40px;
  393. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
  394. min-width: 820px;
  395. }
  396.  
  397. .list-container .status-menu-container .status-menu {
  398. height: 100%;
  399. border-spacing: 0;
  400. }
  401.  
  402. .list-container .status-menu-container .status-menu .status-button {
  403. font: normal normal normal 18px / 1 tahoma, verdana, arial, sans-serif;
  404. padding: 0 20px;
  405. color: #cccccc;
  406. }
  407.  
  408. .list-container .status-menu-container .status-menu .status-button.on {
  409. font-weight: bold;
  410. }
  411.  
  412. .list-container .status-menu-container .status-menu .status-button::after {
  413. border-radius: 2px;
  414. }
  415.  
  416. .list-container .status-menu-container .status-menu .status-button.all_anime::after {
  417. background-color: #bf40bf;
  418. }
  419.  
  420. .list-container .status-menu-container .status-menu .status-button.watching::after, .list-container .status-menu-container .status-menu .status-button.reading::after {
  421. background-color: #40bf40;
  422. }
  423.  
  424. .list-container .status-menu-container .status-menu .status-button.completed::after {
  425. background-color: #4040bf;
  426. }
  427.  
  428. .list-container .status-menu-container .status-menu .status-button.onhold::after {
  429. background-color: #bfbf40;
  430. }
  431.  
  432. .list-container .status-menu-container .status-menu .status-button.dropped::after {
  433. background-color: #bf4040;
  434. }
  435.  
  436. .list-container .status-menu-container .status-menu .status-button.plantowatch::after, .list-container .status-menu-container .status-menu .status-button.plantoread::after {
  437. background-color: #40bfbf;
  438. }
  439.  
  440. .list-container .status-menu-container .search-container {
  441. margin-top: -17px;
  442. right: 97px;
  443. z-index: 1;
  444. }
  445.  
  446. .list-container .status-menu-container .search-container #search-box {
  447. margin: 0;
  448. height: 13px;
  449. }
  450.  
  451. .list-container .status-menu-container .search-container #search-box.open {
  452. background: transparent;
  453. }
  454.  
  455. .list-container .status-menu-container .search-container #search-button {
  456. color: inherit;
  457. font-size: 14px;
  458. height: 14px;
  459. margin: 0;
  460. }
  461.  
  462. .list-container .status-menu-container .search-container #search-button::after {
  463. right: 0;
  464. top: 0;
  465. margin-top: -19px;
  466. padding-top: 3px;
  467. text-align: right;
  468. vertical-align: top;
  469. content: "Search";
  470. }
  471.  
  472. .list-container .status-menu-container .search-container #search-button i {
  473. text-shadow: #000 1px 1px 1px;
  474. }
  475.  
  476. .list-container .status-menu-container.fixed + div.list-block {
  477. margin-top: 50px;
  478. }
  479.  
  480. .list-container .list-block {
  481. margin: 10px;
  482. min-height: 0;
  483. }
  484.  
  485. .list-container .list-unit {
  486. width: 100%;
  487. }
  488.  
  489. .list-container .list-unit .list-status-title {
  490. height: auto;
  491. margin-top: -67px;
  492. position: absolute;
  493. right: 0;
  494. font-size: 0;
  495. z-index: 1;
  496. }
  497.  
  498. .list-container .list-unit .list-status-title .stats {
  499. line-height: normal;
  500. right: 39px;
  501. }
  502.  
  503. .list-container .list-unit .list-status-title .stats a {
  504. margin-right: 0;
  505. margin-left: 15px;
  506. color: inherit;
  507. }
  508.  
  509. .list-container .list-unit .list-status-title .stats a i {
  510. font-size: 14px;
  511. text-shadow: #000 1px 1px 1px;
  512. }
  513.  
  514. .list-container .list-unit .list-status-title .stats #show-stats-button::after {
  515. right: 29px;
  516. top: 0;
  517. margin-top: -19px;
  518. padding-top: 3px;
  519. text-align: right;
  520. vertical-align: top;
  521. content: "Statistics";
  522. }
  523.  
  524. .list-container .list-unit .list-status-title .stats #advanced-options-button::after {
  525. right: 0;
  526. top: 0;
  527. margin-top: -19px;
  528. padding-top: 3px;
  529. text-align: right;
  530. vertical-align: top;
  531. content: "Filter";
  532. }
  533.  
  534. .list-container .list-unit .list-status-title .text {
  535. display: none;
  536. }
  537.  
  538. .list-container .list-unit .list-stats {
  539. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  540. background-color: transparent;
  541. width: auto;
  542. position: absolute;
  543. margin-top: -99px !important;
  544. right: 10px;
  545. }
  546.  
  547. .list-container .list-unit .list-table {
  548. display: inline-block;
  549. width: 100%;
  550. border: transparent;
  551. text-align: center;
  552. }
  553.  
  554. .list-container .list-unit .list-table tbody:first-child {
  555. margin-top: -67px;
  556. position: absolute;
  557. right: 10px;
  558. cursor: pointer;
  559. }
  560.  
  561. .list-container .list-unit .list-table tbody:first-child:hover .list-table-header {
  562. width: 850px;
  563. opacity: 1;
  564. }
  565.  
  566. .list-container .list-unit .list-table tbody:first-child::after {
  567. display: inline-block;
  568. font: normal normal normal 14px / 1 FontAwesome;
  569. -webkit-font-smoothing: antialiased;
  570. -moz-osx-font-smoothing: grayscale;
  571. text-rendering: auto;
  572. content: "";
  573. text-shadow: #000 1px 1px 1px;
  574. }
  575.  
  576. .list-container .list-unit .list-table tbody:first-child .list-table-header {
  577. display: inline-block;
  578. position: absolute;
  579. right: 0;
  580. font-size: 0;
  581. z-index: 1;
  582. padding-top: 3px;
  583. margin-top: -20px;
  584. margin-right: -10px;
  585. height: 30px;
  586. width: 0;
  587. opacity: 0;
  588. text-align: right;
  589. overflow: hidden;
  590. transition-property: opacity;
  591. transition-duration: 0.3s;
  592. transition-timing-function: ease-in-out;
  593. }
  594.  
  595. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title {
  596. height: auto;
  597. width: auto;
  598. background: none;
  599. border-bottom: 0;
  600. display: inline-block;
  601. }
  602.  
  603. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title .sort-icon {
  604. color: inherit;
  605. }
  606.  
  607. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title .link {
  608. padding: 0 10px;
  609. border-left: currentColor 1px solid;
  610. color: inherit;
  611. font-weight: normal;
  612. font-size: 13px;
  613. }
  614.  
  615. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title .link:hover {
  616. text-decoration: underline;
  617. }
  618.  
  619. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title.image {
  620. display: none;
  621. }
  622.  
  623. .list-container .list-unit .list-table tbody:first-child .list-table-header .header-title.title .link {
  624. border-left: 0;
  625. }
  626.  
  627. .list-container .list-unit .list-table > tbody:nth-of-type(2n+1) {
  628. background-color: transparent;
  629. }
  630.  
  631. .list-container .list-unit .list-table .list-item {
  632. display: inline-block;
  633. position: relative;
  634. width: 225px;
  635. height: 320px;
  636. margin: 3px;
  637. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
  638. transition: transform;
  639. transition-duration: 0.1s;
  640. transition-timing-function: ease-in-out;
  641. }
  642.  
  643. .list-container .list-unit .list-table .list-item:hover .list-table-data .data.title .add-edit-more,
  644. .list-container .list-unit .list-table .list-item:hover .list-table-data .data.progress .icon-add-episode,
  645. .list-container .list-unit .list-table .list-item:hover .list-table-data .data.chapter .icon-add-chapter,
  646. .list-container .list-unit .list-table .list-item:hover .list-table-data .data.volume .icon-add-volume {
  647. display: block;
  648. }
  649.  
  650. .list-container .list-unit .list-table .list-item:hover .list-table-data .data.image::after {
  651. background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
  652. }
  653.  
  654. .list-container .list-unit .list-table .list-item .list-table-data .data {
  655. position: absolute;
  656. padding: 0;
  657. border-style: none;
  658. }
  659.  
  660. .list-container .list-unit .list-table .list-item .list-table-data .data.status {
  661. display: none;
  662. }
  663.  
  664. .list-container .list-unit .list-table .list-item .list-table-data .data.status.watching ~ .progress,
  665. .list-container .list-unit .list-table .list-item .list-table-data .data.status.reading ~ .chapter,
  666. .list-container .list-unit .list-table .list-item .list-table-data .data.status.reading ~ .volume {
  667. background: linear-gradient(125deg, transparent 60%, rgba(0, 0, 0, 0.5)), #40bf40;
  668. }
  669.  
  670. .list-container .list-unit .list-table .list-item .list-table-data .data.status.watching ~ .progress::before,
  671. .list-container .list-unit .list-table .list-item .list-table-data .data.status.reading ~ .chapter::before,
  672. .list-container .list-unit .list-table .list-item .list-table-data .data.status.reading ~ .volume::before {
  673. content: "";
  674. }
  675.  
  676. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantowatch ~ .progress,
  677. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantoread ~ .chapter,
  678. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantoread ~ .volume {
  679. background: linear-gradient(125deg, transparent 60%, rgba(0, 0, 0, 0.5)), #40bfbf;
  680. }
  681.  
  682. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantowatch ~ .progress::before,
  683. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantoread ~ .chapter::before,
  684. .list-container .list-unit .list-table .list-item .list-table-data .data.status.plantoread ~ .volume::before {
  685. content: "";
  686. }
  687.  
  688. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .progress,
  689. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .chapter,
  690. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .volume {
  691. background: linear-gradient(125deg, transparent 60%, rgba(0, 0, 0, 0.5)), #4040bf;
  692. }
  693.  
  694. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .progress::before,
  695. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .chapter::before,
  696. .list-container .list-unit .list-table .list-item .list-table-data .data.status.completed ~ .volume::before {
  697. content: "";
  698. }
  699.  
  700. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .progress,
  701. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .chapter,
  702. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .volume {
  703. background: linear-gradient(125deg, transparent 60%, rgba(0, 0, 0, 0.5)), #bfbf40;
  704. }
  705.  
  706. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .progress::before,
  707. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .chapter::before,
  708. .list-container .list-unit .list-table .list-item .list-table-data .data.status.onhold ~ .volume::before {
  709. content: "";
  710. }
  711.  
  712. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .progress,
  713. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .chapter,
  714. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .volume {
  715. background: linear-gradient(125deg, transparent 60%, rgba(0, 0, 0, 0.5)), #bf4040;
  716. }
  717.  
  718. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .progress::before,
  719. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .chapter::before,
  720. .list-container .list-unit .list-table .list-item .list-table-data .data.status.dropped ~ .volume::before {
  721. content: "";
  722. }
  723.  
  724. .list-container .list-unit .list-table .list-item .list-table-data .data.number {
  725. display: none;
  726. }
  727.  
  728. .list-container .list-unit .list-table .list-item .list-table-data .data.image {
  729. width: 100%;
  730. height: 100%;
  731. }
  732.  
  733. .list-container .list-unit .list-table .list-item .list-table-data .data.image .link {
  734. width: 100%;
  735. height: 100%;
  736. }
  737.  
  738. .list-container .list-unit .list-table .list-item .list-table-data .data.image .link .image {
  739. width: 100%;
  740. height: 100%;
  741. border: 0;
  742. }
  743.  
  744. .list-container .list-unit .list-table .list-item .list-table-data .data.image .link::after {
  745. content: '';
  746. background-repeat: no-repeat;
  747. background-size: cover;
  748. background-position: center;
  749. position: absolute;
  750. top: 0;
  751. left: 0;
  752. bottom: 0;
  753. right: 0;
  754. }
  755.  
  756. .list-container .list-unit .list-table .list-item .list-table-data .data.image::after {
  757. top: 0;
  758. left: 0;
  759. bottom: 0;
  760. right: 0;
  761. position: absolute;
  762. content: '';
  763. background: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.9));
  764. }
  765.  
  766. .list-container .list-unit .list-table .list-item .list-table-data .data.title {
  767. bottom: 32px;
  768. left: 3px;
  769. right: 3px;
  770. text-align: center;
  771. }
  772.  
  773. .list-container .list-unit .list-table .list-item .list-table-data .data.title .link {
  774. font: normal normal normal 16px / 1 tahoma, verdana, arial, sans-serif;
  775. color: #fff;
  776. text-shadow: #000 1px 1px 1px;
  777. }
  778.  
  779. .list-container .list-unit .list-table .list-item .list-table-data .data.title .rewatching,
  780. .list-container .list-unit .list-table .list-item .list-table-data .data.title .content-status {
  781. font-size: 13px;
  782. color: #cccccc;
  783. text-shadow: #000 1px 1px 1px;
  784. display: block;
  785. }
  786.  
  787. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more {
  788. display: none;
  789. font-size: 0;
  790. position: absolute;
  791. width: 100%;
  792. bottom: 110px;
  793. }
  794.  
  795. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .edit a:hover,
  796. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .add a:hover {
  797. text-decoration: none;
  798. }
  799.  
  800. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .edit a::before,
  801. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .add a::before {
  802. display: inline-block;
  803. font: normal normal normal 28px / 1 FontAwesome;
  804. -webkit-font-smoothing: antialiased;
  805. -moz-osx-font-smoothing: grayscale;
  806. text-rendering: auto;
  807. text-shadow: #000 1px 1px 1px;
  808. color: #fff;
  809. margin: 11px;
  810. }
  811.  
  812. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .edit a::before {
  813. content: "";
  814. }
  815.  
  816. .list-container .list-unit .list-table .list-item .list-table-data .data.title .add-edit-more .add a::before {
  817. content: "";
  818. }
  819.  
  820. .list-container .list-unit .list-table .list-item .list-table-data .data.title .icon-watch {
  821. display: none;
  822. }
  823.  
  824. .list-container .list-unit .list-table .list-item .list-table-data .data.score {
  825. z-index: 1;
  826. right: 3px;
  827. top: 0;
  828. }
  829.  
  830. .list-container .list-unit .list-table .list-item .list-table-data .data.score::before {
  831. display: inline-block;
  832. font: normal normal normal 28px / 1 FontAwesome;
  833. -webkit-font-smoothing: antialiased;
  834. -moz-osx-font-smoothing: grayscale;
  835. text-rendering: auto;
  836. position: absolute;
  837. color: #df2020;
  838. content: "";
  839. z-index: -1;
  840. right: 0;
  841. top: 0;
  842. text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
  843. }
  844.  
  845. .list-container .list-unit .list-table .list-item .list-table-data .data.score .link {
  846. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  847. color: #fff;
  848. top: 5.5px;
  849. right: 0;
  850. width: 28px;
  851. position: absolute;
  852. }
  853.  
  854. .list-container .list-unit .list-table .list-item .list-table-data .data.score select {
  855. top: 5.5px;
  856. right: 3px;
  857. width: 20px;
  858. position: absolute;
  859. }
  860.  
  861. .list-container .list-unit .list-table .list-item .list-table-data .data.type {
  862. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  863. color: #cccccc;
  864. bottom: 3px;
  865. left: 3px;
  866. }
  867.  
  868. .list-container .list-unit .list-table .list-item .list-table-data .data.progress, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter, .list-container .list-unit .list-table .list-item .list-table-data .data.volume {
  869. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  870. color: #fff;
  871. white-space: nowrap;
  872. font-size: 0;
  873. padding: 3px 9px 3px 3px;
  874. border-bottom-right-radius: 9.5px;
  875. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
  876. }
  877.  
  878. .list-container .list-unit .list-table .list-item .list-table-data .data.progress div, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter div, .list-container .list-unit .list-table .list-item .list-table-data .data.volume div {
  879. display: inline-block;
  880. vertical-align: top;
  881. }
  882.  
  883. .list-container .list-unit .list-table .list-item .list-table-data .data.progress a, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter a, .list-container .list-unit .list-table .list-item .list-table-data .data.volume a {
  884. color: #fff;
  885. font-size: 13px;
  886. }
  887.  
  888. .list-container .list-unit .list-table .list-item .list-table-data .data.progress span:only-child, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter span:only-child, .list-container .list-unit .list-table .list-item .list-table-data .data.volume span:only-child {
  889. font-size: 13px;
  890. }
  891.  
  892. .list-container .list-unit .list-table .list-item .list-table-data .data.progress span:nth-child(2), .list-container .list-unit .list-table .list-item .list-table-data .data.chapter span:nth-child(2), .list-container .list-unit .list-table .list-item .list-table-data .data.volume span:nth-child(2) {
  893. font-size: 13px;
  894. }
  895.  
  896. .list-container .list-unit .list-table .list-item .list-table-data .data.progress span:nth-child(2)::before, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter span:nth-child(2)::before, .list-container .list-unit .list-table .list-item .list-table-data .data.volume span:nth-child(2)::before {
  897. content: '/';
  898. }
  899.  
  900. .list-container .list-unit .list-table .list-item .list-table-data .data.progress::before, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter::before, .list-container .list-unit .list-table .list-item .list-table-data .data.volume::before {
  901. display: inline-block;
  902. font: normal normal normal 14px / 1 FontAwesome;
  903. -webkit-font-smoothing: antialiased;
  904. -moz-osx-font-smoothing: grayscale;
  905. text-rendering: auto;
  906. color: rgba(255, 255, 255, 0.5);
  907. margin-right: 6px;
  908. }
  909.  
  910. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-episode,
  911. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-chapter,
  912. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-volume, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-episode,
  913. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-chapter,
  914. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-volume, .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-episode,
  915. .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-chapter,
  916. .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-volume {
  917. display: none;
  918. position: absolute;
  919. right: -17px;
  920. top: 3px;
  921. }
  922.  
  923. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-episode .fa,
  924. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-chapter .fa,
  925. .list-container .list-unit .list-table .list-item .list-table-data .data.progress .icon-add-volume .fa, .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-episode .fa,
  926. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-chapter .fa,
  927. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter .icon-add-volume .fa, .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-episode .fa,
  928. .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-chapter .fa,
  929. .list-container .list-unit .list-table .list-item .list-table-data .data.volume .icon-add-volume .fa {
  930. font-size: 14px;
  931. text-shadow: #000 1px 1px 1px;
  932. }
  933.  
  934. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter ~ .volume {
  935. top: 23px;
  936. border-top-right-radius: 9.5px;
  937. }
  938.  
  939. .list-container .list-unit .list-table .list-item .list-table-data .data.chapter ~ .volume::before {
  940. opacity: 0;
  941. }
  942.  
  943. .list-container .list-unit .list-table .list-item .list-table-data .data.rated, .list-container .list-unit .list-table .list-item .list-table-data .data.magazine {
  944. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  945. color: #cccccc;
  946. bottom: 3px;
  947. right: 3px;
  948. }
  949.  
  950. .list-container .list-unit .list-table .list-item .list-table-data .data.rated a, .list-container .list-unit .list-table .list-item .list-table-data .data.magazine a {
  951. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  952. color: #cccccc;
  953. }
  954.  
  955. .list-container .list-unit .list-table .list-item .list-table-data .data.season {
  956. bottom: 3px;
  957. right: 3px;
  958. left: 3px;
  959. text-align: center;
  960. }
  961.  
  962. .list-container .list-unit .list-table .list-item .list-table-data .data.season a {
  963. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  964. color: #cccccc;
  965. }
  966.  
  967. .list-container .list-unit .list-table .list-item .list-table-data .data.tags, .list-container .list-unit .list-table .list-item .list-table-data .data.started, .list-container .list-unit .list-table .list-item .list-table-data .data.finished, .list-container .list-unit .list-table .list-item .list-table-data .data.days, .list-container .list-unit .list-table .list-item .list-table-data .data.storage, .list-container .list-unit .list-table .list-item .list-table-data .data.priority, .list-container .list-unit .list-table .list-item .list-table-data .data.airing-started, .list-container .list-unit .list-table .list-item .list-table-data .data.airing-finished, .list-container .list-unit .list-table .list-item .list-table-data .data.studio, .list-container .list-unit .list-table .list-item .list-table-data .data.licensor, .list-container .list-unit .list-table .list-item .list-table-data .data.retail {
  968. display: none;
  969. }
  970.  
  971. #footer-block {
  972. background-color: transparent;
  973. padding: 0 0 10px;
  974. }
  975.  
  976. #copyright {
  977. font: normal normal normal 13px / 1 tahoma, verdana, arial, sans-serif;
  978. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement