API tools faq
paste
Shishipastebin

5cm grid default light

Shishipastebin
Mar 14th, 2023 (edited)
494
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.97 KB | None | 0 0
raw download clone embed print report
  1. {IMPORTANT:
  2. For full and sharp preview pics, change "USERNAME" in the two imports below to your username. They start with
  3. @/import
  4.  
  5. If needed, fix preview pics and layout problems with this topic:
  6. https://myanimelist.net/forum/?topicid=439897
  7. }
  8.  
  9.  
  10. @\import "https://malscraper.azurewebsites.net/covers/anime/USERNAME/presets/dataimagelink";
  11.  
  12. @\import "https://malscraper.azurewebsites.net/covers/manga/USERNAME/presets/dataimagelink";
  13.  
  14. /* List design by 5cm with changes by Shishio-kun and Valerio_Lyndon*/
  15.  
  16. @\import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
  17.  
  18. /* BANNER IMAGE AND COLOR
  19. To change background images: Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
  20.  
  21. Adjust the background position with the percentages.
  22.  
  23. Change the color by replacing #fbf3de with the color you want.
  24. https://htmlcolorcodes.com/
  25. */
  26.  
  27. .header {
  28. background-image: url(https://i.imgur.com/L2G8iqe.png) ;
  29. background-color: #fbf3de !important;
  30.  
  31. background-repeat: no-repeat;
  32. background-position: center 30%;
  33. background-size: 50%;
  34. }
  35.  
  36. /* BANNER QUOTES
  37. The words after content control the quote text.
  38. */
  39.  
  40. .header:before{
  41. content:"I can do it. I know I can do it. I'm the guy who gets it done, broken bones or not. No matter what, I can do it! I can fight!";
  42. display: block;
  43. font-size: 20px;
  44. font-style: italic;
  45. left: 0px;
  46. padding-top: 200px !important;
  47. height: 300px;
  48. width: 30%;
  49. opacity: 1 !important;
  50. color: black;
  51. text-align: center;
  52. position: absolute;
  53. pointer-events: none;
  54. }
  55.  
  56. .header:after{
  57. content:"";
  58. font-size: 20px;
  59. font-style: italic;
  60. right: 0px !important;;
  61. padding-top: 200px !important;
  62. top: 0 !important;
  63. position: absolute;
  64. height: 300px;
  65. width: 25%;
  66. opacity: 1 !important;
  67. color: black;
  68. text-align: center;
  69. display: block;
  70. pointer-events: none;
  71. }
  72.  
  73. /* BANNER AVATAR
  74. To change the background image: Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
  75.  
  76. */
  77.  
  78. #status-menu .status-menu:before {
  79. background: center/cover url(https://i.imgur.com/KkOG50L.gif);
  80. }
  81.  
  82.  
  83. /* BANNER TEXT COLOR
  84. Change the color and fill (color for icons) by replacing color names and numbers with the color you want.
  85.  
  86. Get color codes here:
  87. https://htmlcolorcodes.com/
  88. */
  89.  
  90.  
  91. .list-menu-float .icon-menu svg.icon,.list-menu-float .icon-menu.profile:before{
  92. color: #999 !important;
  93. fill: #999 !important;
  94.  
  95. }
  96.  
  97. .header .header-menu .header-info a,#header-menu-button,.header .header-menu .list-menu .icon-menu .text,
  98. #status-menu .status-button.on,.header .username,.header .header-menu.other .btn-menu,#header-menu-button{
  99. color: #999 !important;
  100. fill: #999 !important;
  101.  
  102. }
  103.  
  104.  
  105. .header .header-menu .header-info a:hover, #header-menu-dropdown a:hover,.header .header-menu .header-info a:hover,.header .header-menu .list-menu .icon-menu .text:hover,.list-menu-float .icon-menu svg.icon:hover,.list-menu-float .icon-menu.profile:hover:before{
  106. color: #999 !important;
  107. fill: #999 !Important;
  108. }
  109.  
  110. .header .header-menu .header-info a,#header-menu-button,.header .header-menu .list-menu .icon-menu .text,
  111. #status-menu .status-button.on,.header .username,.header .header-menu.other .btn-menu,#header-menu-button
  112. {}
  113.  
  114.  
  115. #search-box input {
  116. background-image: url() !important;
  117. background-color: white !important;
  118. color: black !important;
  119. }
  120.  
  121.  
  122. .status-menu-container .search-container #search-button .fa {
  123. display: inherit !important;
  124. color: #999 !important;
  125. position: absolute;
  126. left: 8px;
  127. font-size: 14px;
  128. }
  129.  
  130.  
  131.  
  132.  
  133. /* CATEGORY BAR COLOR
  134. Change the colors by replacing #ef8577 with the color you want. First color is for the category bar, and second color is for triangle under the category bar.
  135.  
  136. Get color codes here:
  137. https://htmlcolorcodes.com/
  138. */
  139.  
  140. #status-menu, .status-menu-container.fixed,#status-menu .status-button {
  141. background-color: #ef8577;
  142. }
  143.  
  144. #status-menu .status-button.on::after{
  145. border-top: 20px solid #ef8577;}
  146.  
  147.  
  148.  
  149. /* CATEGORY LINK COLORS
  150. Change the colors by replacing #999 or white with the color you want. First color is for the category being used, and second color is for other categories.
  151.  
  152. Get color codes here:
  153. https://htmlcolorcodes.com/
  154. */
  155.  
  156. #status-menu .status-button.on{
  157. color: #001FFF !important;
  158. }
  159.  
  160. #status-menu .status-button{
  161. color: white !important;
  162. }
  163.  
  164.  
  165. #status-menu .status-button:not(.on):hover {
  166. background: #f6a8a0;}
  167.  
  168.  
  169. #status-menu .status-button:hover{
  170. color: !important;
  171. }
  172.  
  173.  
  174.  
  175. /* SORT BY AND LINKS COLORS
  176. First color is for the strip behind the sort links.
  177. Second color is for Sort By: and third color is for the following links on the right of it (Anime Title, Score, etc).
  178. Fourth color is the background behind the links on hover.
  179.  
  180. Get color codes here:
  181. https://htmlcolorcodes.com/
  182. */
  183.  
  184. .list-table-header{
  185. background: #fbf3de !important;
  186. }
  187.  
  188. .list-table-header::before {
  189. color: black;
  190. }
  191.  
  192. .list-unit .list-status-title .stats a,
  193. #advanced-options-button, .list-table .list-table-header .header-title .link.sort
  194. {
  195. color: #999 !important;
  196. }
  197.  
  198.  
  199. .list-unit .list-status-title .stats a:hover,
  200. #advanced-options-button:hover, .list-table .list-table-header .header-title .link.sort:hover{
  201. background: rgba(255,255,255,.6);
  202. }
  203.  
  204.  
  205.  
  206.  
  207. /* WALLPAPER
  208. To change background images: Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
  209.  
  210. To change the color, switch #f5f5f5 with the color you want like "black" or another color code and save.
  211.  
  212. Get color codes here:
  213. https://htmlcolorcodes.com/
  214. */
  215. body{
  216. background-image: url() !important;
  217. background-color: #f5f5f5;
  218. background-attachment: fixed;
  219. background-size: cover;
  220. }
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228. /* CHERRY BLOSSOMS
  229. To change background images: Delete what's in the parenthesis. Upload the new background to Imgur or a similar site, then copy the direct link (or Original GIF link if it's animated) and paste it into the parenthesis. Save.
  230. */
  231. body:before{
  232. background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwBAS62lleijrhGHB-Tx5_KQ);
  233.  
  234.  
  235. content: "";
  236. width: 100% !important;
  237. height: 100% !important;
  238. display: block;
  239. top: 0 !important;
  240. left: 0 !important;
  241. position: absolute;
  242. pointer-events: none;
  243. }
  244.  
  245.  
  246. /* DECIMAL SCORES
  247. Replace the number or ID with the number that appears in the URL for the anime you want to add decimal scores to. For manga, also change anime to manga.
  248.  
  249. Change the decimal amount with the number after content.
  250. */
  251.  
  252. .data.title a[href^="/anime/5525"] ~ .add-edit-more:before { content:".5"; }
  253.  
  254. .data.title a[href^="/anime/48"] ~ .add-edit-more:before { content:".5"; }
  255.  
  256.  
  257. .data.title a[href^="/anime/ID"] ~ .add-edit-more:before { content:".5"; }
  258.  
  259.  
  260. .data.title a[href^="anime/ID"] ~ .add-edit-more:before { content:".5"; }
  261.  
  262.  
  263. .data.title a[href^="/anime/ID"] ~ .add-edit-more:before { content:".5"; }
  264.  
  265.  
  266.  
  267. /* DECIMAL SCORES SETTINGS
  268. Change the text color here.
  269. */
  270.  
  271. .data.title .add-edit-more:before {
  272. color: black;
  273.  
  274. position: absolute;
  275. top: 0px;
  276. left: 175px;
  277. display: block;
  278. width: 12px;
  279. height: 20px;
  280. font-weight: bold;
  281. font-size: 12px;
  282. pointer-events: none;
  283. }
  284.  
  285.  
  286.  
  287. /* SCORES TAG COLORS
  288. Change the color code after background to the one you want. Get color codes from this page:
  289. https://htmlcolorcodes.com/
  290.  
  291. The codes below are for each category's tag and decimal tag (you can make the decimals different tag colors).
  292. */
  293.  
  294.  
  295.  
  296. .list-table .list-table-data .data.status.reading ~ .data.score .link,
  297. .status.reading ~ .title .add-edit-more::before,
  298. .list-table .list-table-data .data.status.watching ~ .data.score .link,
  299. .status.watching ~ .title .add-edit-more::before {
  300. background: #cfe88d;
  301. }
  302.  
  303. .list-table .list-table-data .data.status.completed ~ .data.score .link,
  304. .status.completed ~ .title .add-edit-more::before {
  305. background: #ffff92;
  306. }
  307.  
  308. .list-table .list-table-data .data.status.onhold ~ .data.score .link,
  309. .status.onhold ~ .title .add-edit-more::before {
  310. background: #afb8e2;
  311. }
  312.  
  313. .list-table .list-table-data .data.status.dropped ~ .data.score .link,
  314. .status.dropped ~ .title .add-edit-more::before {
  315. background: #fc7671;
  316. }
  317.  
  318.  
  319.  
  320. /* LIST FONT COLORS
  321.  
  322. Change the color code after background to the one you want. Get color codes from this page:
  323. https://www.hexcolortool.com/
  324. */
  325.  
  326. body,
  327. .list-table .list-table-data .data.volume a,
  328. .list-table .list-table-data .data.progress,
  329. .list-table .list-table-data .data.chapter a,
  330. .list-table .list-table-data .data.studio,
  331. .list-table .list-table-data .data.licensor,
  332. .list-table .list-table-data .data.progress a,
  333. .list-table .list-table-data .data.magazine a,
  334. .list-table .list-table-data .data.studio a,
  335. .list-table .list-table-data .data.licensor a,
  336. .list-table .list-table-data .data.tags a,
  337. .list-table .list-table-data .tags .edit
  338. {
  339. color: black !important;
  340. }
  341.  
  342.  
  343. body
  344. {
  345. font: 300 11px Open Sans;
  346. }
  347.  
  348.  
  349.  
  350.  
  351. /* TEXT OUTSIDE COVERS*/
  352.  
  353. .list-table .list-table-data .data.season a,
  354. .list-table .list-table-data .data.season,
  355. .list-table .list-table-data .data a,
  356. .list-table .list-table-data .data.title a,
  357. .list-table .list-table-data .data.rated,
  358. .list-table .list-table-data .data.started,
  359. .list-table .list-table-data .data.finished,
  360. .list-table .list-table-data .data.airing-started,
  361. .list-table .list-table-data .data.airing-finished
  362. {
  363. color: black !important;
  364. }
  365.  
  366. .list-table .list-table-data .data.priority
  367. {
  368. color: black !important;
  369. }
  370. .list-table .list-table-data:hover .data .add a,
  371. .list-table .list-table-data:hover .data .edit a
  372. {
  373. color: black !important;
  374. text-decoration: none;
  375. }
  376.  
  377. .list-table .list-table-data:hover .data.season a{
  378. color: black !important;
  379. }
  380.  
  381. .list-table .list-table-data:hover .data.title .notes .edit{
  382. color: black !important;
  383. }
  384.  
  385. .list-table .list-table-data .data.title .notes .text {
  386. color: black !important;
  387. }
  388.  
  389. .list-table .list-table-data:hover .data.title .notes .text{
  390. color: black !important;
  391. }
  392.  
  393.  
  394. .list-table .list-table-data .data.storage{
  395. color: black !important;
  396. }
  397.  
  398. /* ANIME TITLE */
  399. .list-table .list-table-data .data.title .link{
  400. color: #333 !important;
  401. }
  402.  
  403. /* LINKS ON HOVER*/
  404. .list-table .list-table-data .data a:not(.edit-disabled):hover{
  405. color: !important;
  406. }
  407.  
  408.  
  409.  
  410. /* PAGE BOTTOM TEXT*/
  411.  
  412. .list-unit .list-stats{
  413. color: #777 !important;
  414. }
  415.  
  416. #copyright{
  417. color: #777 !important;
  418. }
  419.  
  420. .list-unit .list-stats {
  421. background-color: #243E84 !important;
  422. color: white !important;
  423. }
  424.  
  425. /* COVER OVERLAY
  426. Normally, its white with sligth transparency, but you can change it here.
  427. Change the color code after background to the RGBA colors you want. Get new RGBA codes with an RGBA CSS generator:
  428. https://www.hexcolortool.com/
  429. */
  430. .list-table .list-table-data:hover .data.title {
  431. background: rgba(255,255,255,0.8);
  432. outline: 3px solid white;
  433. }
  434.  
  435.  
  436. /* FOOTER */
  437. #footer-block {
  438. background: transparent !important;
  439. margin-top: 20px;
  440. }
  441.  
  442.  
  443. /* OTHER CODES*/
  444.  
  445.  
  446.  
  447.  
  448. .list-table .list-table-data:hover .data .edit a{
  449. font-size: 11px;
  450. color: ;
  451. }
  452. *:not(a:hover):not(input) {
  453. cursor: default;
  454. }
  455. a:link, a:active, a:visited {
  456. color: black;
  457. }
  458. .header .header-title, .header .header-menu .btn-menu, #header-menu-dropdown svg,[data-work="anime"] .icon-menu.anime-list, [data-work="manga"] .icon-menu.manga-list,[data-owner=""] .list-menu-float,.list-menu-float .icon-menu.setting, form[action],.list-menu-float .icon-menu .text,.list-unit .list-status-title .text, .list-table .list-table-header .header-title.status,.list-table .list-table-data .data.status, .list-table .list-table-data .data.status.plantowatch ~ .data.score, .cover-block,i.fa:not([class*=sort]):not([class$=circle]), .icon-watch.ml4{
  459. display: none;
  460. }
  461. .header {
  462. width: 100%;
  463. height: 480px;
  464. }
  465. .header .header-menu.other {
  466. position: static;
  467. color: #999;
  468. text-align: left;
  469. text-transform: uppercase;
  470. }
  471. .header .header-menu.other .btn-menu {
  472. font: 700 25px Open Sans;
  473. color: #999;
  474. display: inline-block;
  475. overflow: hidden;
  476. text-indent: -116px;
  477. position: relative;
  478. top: 13px;
  479. left: 18px;
  480. }
  481. .header .header-menu .header-info {
  482. position: absolute;
  483. top: 17px;
  484. right: 257px;
  485. font-size: 0;
  486. }
  487. .header .username {
  488. font-weight: 700;
  489. }
  490. .header a, #header-menu-dropdown a {
  491. width: auto;
  492. height: auto;
  493. font-weight: 400;
  494. color: #999 !important;
  495. transition: none;
  496. }
  497. .header .header-menu .header-info a, #header-menu-dropdown a {
  498. font-size: 11px;
  499. margin: 0 15px;
  500. }
  501. .header .header-menu .header-info a:hover, #header-menu-dropdown a:hover {
  502. background: none;
  503. text-decoration: none;
  504. }
  505. #header-menu-dropdown {
  506. display: block!important;
  507. top: 23px;
  508. right: 182px;
  509. background: none;
  510. border: 0;
  511. box-shadow: none;
  512. }
  513. .list-menu-float {
  514. position: absolute;
  515. top: 23px;
  516. right: 185px;
  517. width: auto;
  518. border: 0;
  519. }
  520. .list-menu-float .icon-menu {
  521. display: inline-block;
  522. width: 16px;
  523. height: 16px;
  524. background: none !important;
  525. margin: 0 5px;
  526. }
  527. .list-menu-float .icon-menu svg.icon {
  528. position: static;
  529. width: 16px;
  530. height: 16px;
  531. fill: #aaa;
  532. }
  533. .list-menu-float .icon-menu:hover svg.icon, .header .header-menu .list-menu .icon-menu .text {
  534. position: static;
  535. fill: #ef8577;
  536. }
  537. .list-menu-float .icon-menu:not(.profile):hover {
  538. width: auto;
  539. background: none;
  540. }
  541. .list-menu-float .icon-menu.profile {
  542. background: none !important;
  543. }
  544. .list-menu-float .icon-menu.profile:before {
  545. content: '\f007';
  546. font: 16px FontAwesome;
  547. color: #aaa;
  548. line-height: 15px;
  549. position: absolute;
  550. right: 2px;
  551. }
  552. .list-menu-float .icon-menu.profile:hover:before {
  553. color: #ef8577;
  554. }
  555. .list-container {
  556. background: none !important;
  557. width: 100%;
  558. border: 0;
  559. }
  560. #status-menu, .status-menu-container.fixed {
  561. width: 100%;
  562. height: auto;
  563. border: 0;
  564. position: static;
  565. }
  566. #status-menu .status-menu {
  567. width: 100%;
  568. border-spacing: 0;
  569. text-align: center;
  570. }
  571. #status-menu .status-menu:before {
  572. content: '';
  573. display: inline-block;
  574. width: 90px;
  575. height: 90px;
  576. border-radius: 50%;
  577. position: absolute;
  578. margin-top: -20px;
  579. }
  580. #status-menu .status-button {
  581. display: inline-block;
  582. font: 300 13px Open Sans;
  583. color: white;
  584. letter-spacing: 1px;
  585. text-transform: uppercase;
  586. padding: 15px 20px;
  587. }
  588. #status-menu .status-button:first-child {
  589. margin-left: 100px;
  590. }
  591. #header-menu-button, #status-menu .status-button.on {
  592. cursor: default;
  593. font-weight: 700;
  594. text-decoration: none;
  595. }
  596. #status-menu .status-button::after {
  597. background: none;
  598. }
  599. #status-menu .status-button.on::after {
  600. background: none;
  601. left: calc(50% - 20px);
  602. bottom: -19px;
  603. width: 0;
  604. height: 0;
  605. border-left: 20px solid transparent;
  606. border-right: 20px solid transparent;
  607. }
  608. #status-menu .search-container {
  609. top: -475px;
  610. right: 20px;
  611. }
  612. #status-menu #search-box {
  613. width: 150px;
  614. height: auto;
  615. }
  616. #search-box input {
  617. background: white 3px 50%/20px no-repeat url(https://image.myanimelist.net/ui/ueQLRyZL_yQZxD14iYLZC_gLr-mtem_jVqxnLpUY6LHlp_sr_ZwRrhNpbh7nV5sCeo7Sp3-sdxOAu1kTqLeHfW7i3YHTvUNvkDS5qKJPeIQyZ4XG2BGDzLdXX1QvKlrJ);
  618. font: 300 11px Open Sans;
  619. color: #999;
  620. padding: 4px 12px 6px 25px;
  621. border: 1px solid #ddd;
  622. border-radius: 10px;
  623. }
  624. .list-block, .status-menu-container.fixed + div.list-block {
  625. margin-top: 30px;
  626. min-height: 0;
  627. }
  628. .list-unit {
  629. width: 80%;
  630. }
  631. .list-unit .list-status-title {
  632. display: inline-block;
  633. width: calc(100% - 30px);
  634. height: 0;
  635. background: none;
  636. text-align: right;
  637. margin: auto;
  638. }
  639. .list-unit .list-status-title .stats {
  640. height: 0;
  641. line-height: 100%;
  642. top: 128px !important;
  643. left: 900px !important;
  644. position: relative;
  645. color: black !important;
  646. }
  647. .list-unit .list-stats {
  648. position: absolute;
  649. display: block;
  650. bottom: 0px;
  651. width: 80%;
  652. height: auto;
  653. background: none;
  654. font: normal 11px Open Sans;
  655. color: #777;
  656. text-transform: uppercase;
  657. }
  658. .list-table .list-table-header .header-title .link.sort {
  659. font-weight: normal;
  660. color: #999;
  661. text-transform: uppercase;
  662. padding: 4px 6px;
  663. z-index: 1;
  664. }
  665. .list-table > tbody:nth-of-type(2n+1):first-of-type {
  666. display: block;
  667. Width: 100%;
  668. height: auto;
  669. margin: 20px;
  670. background: none;
  671. text-transform: uppercase;
  672. z-index: 3;
  673. }
  674. .list-table-header {
  675. display: inline-block;
  676. width: 100%;
  677. }
  678. .list-table-header:before {
  679. content: 'Sort by:';
  680. position: relative;
  681. top: 2px;
  682. margin-right: 12px;
  683. }
  684. .list-table .list-table-header .header-title {
  685. display: inline-block;
  686. width: auto !important;
  687. height: auto;
  688. background: none;
  689. border: 0;
  690. padding: 0 !important;
  691. margin: 0 15px;
  692. }
  693. .list-table .list-table-header .header-title .link.sort:hover, #advanced-options-button:hover {
  694. color: #999;
  695. }
  696. .list-table .list-table-header .header-title .sort-icon {
  697. color: rgba(239,133,119,.65);
  698. font-size: 18px;
  699. position: relative;
  700. line-height: 0;
  701. }
  702. .fa-sort-asc {
  703. top: 6px;
  704. }
  705. .fa-sort-desc {
  706. top: -2px;
  707. }
  708. .fa-plus-circle::before {
  709. content: '+' !important;
  710. margin-left: 1px;
  711. }
  712. .list-table {
  713. border: 0;
  714. text-align: center;
  715. }
  716. .list-item, .list-table > tbody:nth-of-type(2n+1):not(:first-child) {
  717. width: 200px;
  718. height: 290px;
  719. display: inline-block;
  720. background: none;
  721. margin: 15px;
  722. }
  723. .list-table .list-table-data .data {
  724. position: absolute;
  725. width: 200px;
  726. height: 280px;
  727. border: 0;
  728. padding: 0;
  729. }
  730. .list-table .list-table-data .data.finished,.list-table .list-table-data .data.started,.list-table .list-table-data .data.storage,.list-table .list-table-data .data.airing-finished,.list-table .list-table-data .data.airing-started,.list-table .list-table-data .data.rated ,.list-table .list-table-data .data.licensor,.list-table .list-table-data .data.season,.list-table .list-table-data .data.studio,.list-table .list-table-data .data.title .link,.list-table .list-table-data .data.progress,.list-table .list-table-data .data.type,.list-table .list-table-data .data .edit a:after,.list-table .list-table-data .data.title span,.list-table .list-table-data .data.season,.list-table .list-table-data .data.days,.list-table .list-table-data .data.studio,.list-table .list-table-data .data.magazine,.list-table .list-table-data .data.chapter,.list-table .list-table-data .data.volume{
  731. opacity: 0;
  732. }
  733. .list-table .list-table-data:hover .data.finished,.list-table .list-table-data:hover .data.started,.list-table .list-table-data:hover .data.storage,.list-table .list-table-data:hover .data.airing-finished,.list-table .list-table-data:hover .data.airing-started,.list-table .list-table-data:hover .data.rated ,.list-table .list-table-data:hover .data.licensor,.list-table .list-table-data:hover .data.title .link,.list-table .list-table-data:hover .data.progress,.list-table .list-table-data:hover .data.type,.list-table .list-table-data:hover .data .edit a:after,.list-table .list-table-data:hover .data.title span,.list-table .list-table-data:hover .data.tags,.list-table .list-table-data:hover .data.days,.list-table .list-table-data:hover .data.season,.list-table .list-table-data:hover .data.studio,.list-table .list-table-data:hover .data.magazine,.list-table .list-table-data:hover .data.chapter,.list-table .list-table-data:hover .data.volume{
  734. opacity: 1;
  735. visibility: visible !important;
  736. }
  737. .list-table .list-table-data .data.title {
  738. letter-spacing: 0;
  739. padding: 0;
  740. }
  741. .list-table .list-table-data .data.title .link {
  742. position: absolute;
  743. left: 13px;
  744. bottom: 43px;
  745. width: 160px;
  746. z-index: 51 !important;
  747. opacity: 0;
  748. font-size: 20px;
  749. line-height: 22px;
  750. text-transform: upper;
  751. }
  752. .list-table .list-table-data .data.score {
  753. text-align: right;
  754. z-index: ;
  755. }
  756. .list-table .list-table-data .data.score .link {
  757. font-weight: 700;
  758. text-align: right!important;
  759. margin-right: 10px;
  760. padding: 4px 6px;
  761. word-spacing: -3px;
  762. }
  763. .list-table .list-table-data .data.score .link:after {
  764. content: ;
  765. }
  766. .progress div:before {
  767. content: 'Progress: ';
  768. position: absolute;
  769. font-size: 12px;
  770. margin-top: -15px;
  771. margin-left: 0px;
  772. padding-right:5px;
  773. }
  774. .list-table .list-table-data .data.progress {
  775. width: auto;
  776. position: absolute;
  777. height: auto;
  778. margin-top: 255px;
  779. margin-left: 13px;
  780. font: italic 18px Open Sans;
  781. word-spacing: -3px;
  782. opacity: 0;
  783. }
  784. .data.chapter div:before {
  785. content: 'Chapters: ';
  786. position: absolute;
  787. font-size: 12px;
  788. margin-top: -15px;
  789. margin-left: 0px;
  790. padding-right:5px;
  791. }
  792. .list-table .list-table-data .data.chapter{
  793. position: absolute;
  794. margin-top: 244px;
  795. margin-left: 5px;
  796. width: auto;
  797. position: absolute;
  798. height: auto;
  799. margin-top: 255px;
  800. font: italic 18px Open Sans;
  801. word-spacing: -3px;
  802. opacity: 0;
  803. }
  804. .data.volume div:before {
  805. content: 'Volumes: ';
  806. position: absolute;
  807. font-size: 12px;
  808. margin-top: -15px;
  809. margin-left: 0px;
  810. padding-right:5px;
  811. }
  812. .list-table .list-table-data .data.volume{
  813. position: absolute;
  814. margin-top: 255px;
  815. margin-left: 65px;
  816. width: auto;
  817. position: absolute;
  818. height: auto;
  819. font: italic 18px Open Sans;
  820. word-spacing: 0px;
  821. opacity: 0;
  822. }
  823. .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 {
  824. position: absolute;
  825. top: 2px;
  826. left: 20px;
  827. font: 600 9px Open Sans;
  828. color: #444;
  829. border: 1px solid #555;
  830. padding: 2px 4px;
  831. opacity: 0;
  832. text-transform: uppercase;
  833. }
  834. .list-table .list-table-data .data.title .add-edit-more {
  835. font-size: 0;
  836. float: none;
  837. z-index: 5;
  838. position: relative;
  839. top: 0;
  840. left: 5px;
  841. }
  842. .list-table .list-table-data .data.image a {
  843. width: 200px;
  844. height: 280px;
  845. background-size: contain;
  846. background-position: center;
  847. background-repeat: no-repeat;
  848. }
  849. .list-table .list-table-data .data a, .list-table .list-table-data a.edit-disabled {
  850. color: black !important;
  851. }
  852. #copyright {
  853. font: 400 8px Open Sans;
  854. letter-spacing: 1px;
  855. color: #777;
  856. text-transform: uppercase;
  857. }
  858. .list-table .list-table-data .data.score .link:after {
  859. content: ".0"
  860. }
  861. .list-table .list-table-data .data.tags{
  862. margin-top: 60px;
  863. visibility: hidden;
  864. width: 180px;
  865. padding-left: 10px;
  866. }
  867. .list-table .list-table-data .data.tags a{
  868. position: relative;
  869. z-index: 10000 !important;
  870. }
  871. .list-table .list-table-data .data.studio a{
  872. top: 0px !important;
  873. left: 0px;
  874. position: relative;
  875. }
  876. .list-table .list-table-data .data.studio{
  877. position: absolute;
  878. height: 10px !important;
  879. }
  880. .list-table .list-table-data .data.priority {
  881. margin-top: -20px;
  882. }
  883. .list-table .list-table-data .data.priority:after {
  884. content: " Priority";
  885. }
  886. .list-table .list-table-data:hover .data.priority {
  887. opacity: 0;
  888. }
  889. .list-table .list-table-data .data.studio {
  890. position: absolute !important;
  891. height: 10px !important;
  892. margin-top: 18px;
  893. margin-left: 0;
  894. z-index: 10000 !important;
  895. }
  896. .list-table .list-table-data .data.licensor,.list-table .list-table-data .data.magazine{
  897. position: absolute;
  898. height: 10px !important;
  899. margin-top: 40px;
  900. margin-left: 0px;
  901. text-align: center;
  902. z-index: 10000 !important;
  903. }
  904. .list-table .list-table-data .data.storage{
  905. position: absolute;
  906. margin-top: -35px;
  907. margin-left: -65px;
  908. }
  909. .list-table .list-table-data .data.number {
  910. margin-left: -92px;
  911. position: absolute;
  912. margin-top: 0px;
  913. opacity: 0;
  914. z-index: 100 !important;
  915. pointer-events: none !important;
  916. }
  917. .list-table .list-table-data:hover .data.number {
  918. opacity: 1 !important;
  919. }
  920. .list-table .list-table-data .data.title .content-status{
  921. margin-left: 50px;
  922. }
  923. .list-table .rereading{
  924. margin-left: 50px;
  925. }
  926. .list-table .list-table-data:hover .data .edit a{
  927. background: transparent;
  928. content:"";
  929. height: 240px;
  930. width: 100%;
  931. left:0;
  932. top:0;
  933. position: absolute;
  934. display: block;
  935. z-index: 50 !important;
  936. }
  937. .list-table .list-table-data .data.title .add-edit-more{
  938. margin-left: -7px;
  939. }
  940. .header .header-menu .header-info a:hover, #header-menu-dropdown a:hover,.header .header-menu .header-info a:hover,.header .header-menu .list-menu .icon-menu .text:hover,.list-menu-float .icon-menu svg.icon:hover,.list-menu-float .icon-menu.profile:hover:before{
  941. cursor: pointer;
  942. }
  943. .list-container a.List_LightBox:link{
  944. width: 220px !important;
  945. height: 310px !important;
  946. padding-right: 0px;
  947. padding-bottom: 00px;
  948. top: -20px !important;
  949. position: absolute;
  950. font-size: 12px;
  951. }
  952. .list-table .list-table-data .tags .edit{
  953. position: relative !important;
  954. margin-left: -5px;
  955. pointer-events: auto !important;
  956. padding: 5px;
  957. }
  958. .list-table .list-table-data .tags .edit:after{
  959. content: " Tags"
  960. }
  961. .list-table .list-table-data .data.progress .fa{
  962. font-size: 22px !important;
  963. position: absolute;
  964. z-index: 1000 !important;
  965. padding: 10px;
  966. top: -10px;
  967. margin-left: -5px;
  968. }
  969. .list-table .list-table-data .data.chapter .fa,.list-table .list-table-data .data.volume .fa{
  970. font-size: 22px !important;
  971. position: absolute;
  972. z-index: 1000 !important;
  973. padding: 2px;
  974. top: -3px;
  975. margin-left: 2px;
  976. }
  977. .fa:hover{
  978. }
  979. .list-table .list-table-data .data.chapter span,.list-table .list-table-data .data.volume span,.list-table .list-table-data .data.progress span{
  980. z-index: 1000 !important;
  981. position: relative !important;
  982. }
  983. .list-table .list-table-data .data.chapter span a:before,.list-table .list-table-data .data.volume span a:before,.list-table .list-table-data .data.progress span a:before{
  984. position: absolute;
  985. content: "";
  986. left: -20px;
  987. top: -0px;
  988. padding: 10px;
  989. }
  990. .list-table .list-table-data .data.progress .fa:hover,.list-table .list-table-data .data.chapter .fa:hover,.list-table .list-table-data .data.volume .fa:hover{
  991. color: blue;
  992. text-decoration: underline;
  993. }
  994. .list-table .list-table-header .header-title.number,.list-table .list-table-header .header-title.image,.list-table .list-table-header .header-title.tags,.list-table .list-table-header .header-title.days,.list-table .list-table-header .header-title.storage,.list-table .list-table-header .header-title.studio,.list-table .list-table-header .header-title.licensor,.list-table .list-table-header .header-title.started{
  995. display: none;
  996. }
  997. #recaptcha-terms {
  998. display: none;
  999. }
  1000. .status-menu-container.fixed {
  1001. position: fixed !important;
  1002. display: block !important;
  1003. top: 0 !important;
  1004. z-index: 10 !important;
  1005. }
  1006. .status-menu-container.fixed .status-menu:before{
  1007. display: none !important;
  1008. }
  1009. .status-menu-container,.status-menu:before{
  1010. z-index: 10 !important;
  1011. }
  1012. .header .header-menu .header-info,.list-menu-float,#header-menu-dropdown,.header .header-menu.other .btn-menu,#status-menu .search-container {
  1013. z-index: 100 !important;
  1014. }
  1015. .list-table .list-table-data .data.licensor a,.list-table .list-table-data .data.magazine a,.list-table .list-table-data .data.studio a,.list-table .list-table-data .data.licensor,.list-table .list-table-data .data.magazine,.list-table .list-table-data .data.studio,.list-table .list-table-data .data.title .link,.list-table .list-table-data .data.tags a,.list-table .list-table-data .data a,.list-table .list-table-data a.edit-disabled{
  1016. z-index: 6 !important;
  1017. }
  1018. .list-table .list-table-data .data.title .add-edit-more{
  1019. margin-left: -5px;
  1020. }
  1021. .list-unit .list-status-title .stats{
  1022. z-index: 5 !important;
  1023. position: absolute;
  1024. left: 0%;
  1025. right: 0%;
  1026. margin: 0 auto;
  1027. width: 100px !important;
  1028. margin-top: -102px;
  1029. left: 940px !important;
  1030. z-index: 6 !important;
  1031. }
  1032. .list-unit .list-stats {
  1033. display: none;
  1034. width: 1024px;
  1035. height: 30px;
  1036. line-height: 30px;
  1037. text-align: center;
  1038. position: fixed;
  1039. bottom: 0;
  1040. left: 0;
  1041. right: 0;
  1042. margin: auto;
  1043. z-index: 2000 !important;
  1044. }
  1045. body {
  1046. overflow-x: hidden;
  1047. /* Hide horizontal scrollbar */
  1048. }
  1049. #qc-cmp2-container,.qc-cmp-button,.qc-cmp-ui,.qc-cmp-ui .qc-cmp-main-messaging,.qc-cmp-ui .qc-cmp-messaging,.qc-cmp-ui .qc-cmp-beta-messaging,.qc-cmp-ui .qc-cmp-title,.qc-cmp-ui .qc-cmp-sub-title,.qc-cmp-ui .qc-cmp-purpose-info,.qc-cmp-ui .qc-cmp-table,.qc-cmp-ui .qc-cmp-table-header,.qc-cmp-ui .qc-cmp-vendor-list,.qc-cmp-ui .qc-cmp-vendor-list-title,.qc-cmp-publisher-purposes-table .qc-cmp-table-header,.qc-cmp-publisher-purposes-table .qc-cmp-table-row,.qc-cmp-button.qc-cmp-secondary-button,#qc-cmp2-container *{
  1050. display: none !important;
  1051. pointer-events: none !important;
  1052. visibility: hidden !important;
  1053. opacity: 0 !important;
  1054. }
  1055. .list-table .list-table-data .data.storage {
  1056. position: absolute;
  1057. margin-top: 235px;
  1058. margin-left: 10px;
  1059. }
  1060. .list-table .list-table-data .data.title .content-status,.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 {
  1061. margin: 0 auto;
  1062. position: absolute;
  1063. left: 0px;
  1064. right: 0px;
  1065. width: 80px;
  1066. text-align: center;
  1067. }
  1068. .list-table .list-table-data .data.chapter * {
  1069. font-size: 14px;
  1070. }
  1071. .list-table .list-table-data .data.volume * {
  1072. font-size: 14px;
  1073. }
  1074. .list-table .list-table-data .data.volume {
  1075. margin-left: 85px;
  1076. }
  1077. .list-table .list-table-data .data.retail{
  1078. margin-top: 23px;
  1079. }
  1080. .list-table .list-table-data .data.retail{
  1081. opacity: 0;
  1082. }
  1083. .list-table .list-table-data:hover .data.retail{
  1084. opacity: 1;
  1085. }
  1086. .list-table .list-table-data .data.retail:after{
  1087. content: "copies owned";
  1088. }
  1089. .list-table .list-table-header .header-title.magazine,.list-table .list-table-header .header-title.retail{
  1090. display: none;
  1091. }
  1092. .list-table .list-table-data .data.title .content-status,.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 {
  1093. top: 0;
  1094. }
  1095. .list-table .list-table-data .studio{
  1096. margin-top: 24px !important;
  1097. }
  1098. .list-table .list-table-data .data.licensor,.list-table .list-table-data .data.magazine{
  1099. margin-top: 44px !important;
  1100. }
  1101. .list-table .list-table-data .data.tags{
  1102. margin-top: 68px !important;
  1103. }
  1104. .list-table .list-table-data .data.studio span,.list-table .list-table-data .data.licensor ,.list-table .list-table-data .data.magazine{
  1105. height: 20px !important;
  1106. overflow:hidden;
  1107. white-space:initial;
  1108. }
  1109. .list-container a.List_LightBox:link{
  1110. text-decoration: none !important;
  1111. }
  1112. .list-table .list-table-data .data.score .link {
  1113. Z-INDEX: 1000 !important;
  1114. position: relative;
  1115. pointer-events: inherit;
  1116. }
  1117. /* NEW ADDITIONS*/
  1118. .list-table .list-table-data .data.genre span {
  1119. color: transparent;
  1120. }
  1121. .list-table .list-table-data .icon-watch2 a.mal-icon {
  1122. position: absolute !important;
  1123. top: 25px;
  1124. left: 168px;
  1125. z-index: 100 !important;
  1126. opacity: 0;
  1127. }
  1128. .list-table .list-table-data .icon-watch2 a.mal-icon:hover {
  1129. background: rgba(0,255,0,.5);
  1130. }
  1131. .list-table .list-table-data:hover .icon-watch2 a.mal-icon {
  1132. opacity: 1;
  1133. }
  1134. .data.title .add-edit-more:before {
  1135. margin-left: -1px;
  1136. padding-left: 0px;
  1137. }
  1138. .data.title .add-edit-more {
  1139. z-index: 10000 !important;
  1140. }
  1141. .list-table .list-table-data:hover .data .edit a:hover{
  1142. text-decoration: underline !important;
  1143. }
  1144. .list-container a.List_LightBox:link{
  1145. width: 50px !Important;
  1146. height: 25px !important;
  1147. margin-left: 85px !important;
  1148. }
  1149. #fancybox-overlay,#fancybox-wrap {
  1150. z-index: ;
  1151. }
  1152. .list-table .list-table-data .icon-add-episode {
  1153. margin-left: 5px;
  1154. z-index: 1000 !important;
  1155. }
  1156. .list-table .list-table-data .icon-add-episode {
  1157. margin-left: 5px;
  1158. color: green !important;
  1159. z-index: 1000 !important;
  1160. cursor: pointer;
  1161. }
  1162. .list-table .list-table-data .icon-add-episode .fa-solid:hover {
  1163. text-decoration: underline;
  1164. z-index: 1000 !important;
  1165. cursor: pointer;
  1166. }
  1167. .list-table .list-table-data .data.tags,.list-table .list-table-data .data.days,.list-table .list-table-data .data.storage,.list-table .list-table-data .data.demographic{
  1168. height: 0;
  1169. }
  1170. .list-table .list-table-data .data.score:after{
  1171. }
  1172. .list-table .list-table-data .data.score:before{
  1173. }
  1174. .list-table .list-table-data .data.title .add-edit-more{
  1175. width: 0px;
  1176. margin-left: 35px;
  1177. background: red;
  1178. margin-top: 0px;
  1179. }
  1180. .data.title .add-edit-more:before {
  1181. margin-left: -41px;
  1182. }
  1183. .list-table .list-table-data:hover .data.demographic a,.list-table .list-table-data:hover .data.genre {
  1184. opacity: 1;
  1185. width: 105px !important;
  1186. font-size: 12px !important;
  1187. }
  1188. .list-table .list-table-data a[href*="&demographic"] a,.list-table .list-table-data .data.demographic a{
  1189. opacity: 0;
  1190. font-size: 0;
  1191. position: absolute !important;
  1192. width: 0px !important;
  1193. height: 20px !important;
  1194. text-align:left;
  1195. top: -12px !important;
  1196. left: 200px !Important;
  1197. padding-left: 5px;
  1198. background: #ffff92;
  1199. }
  1200. .list-table .list-table-data .data.genre {
  1201. width:0 !important;
  1202. font-size: 0px !important;
  1203. opacity: 0;
  1204. }
  1205. .list-table .list-table-data:hover .data.genre {
  1206. width: 75px !important;
  1207. font-size: 12px !important;
  1208. opacity: 1;
  1209. height: 140px;
  1210. text-align: left;
  1211. margin-left: 200px !Important;
  1212. margin-top: 5px;
  1213. padding-left: 5px;
  1214. z-index: 100;
  1215. padding-right: 30px;
  1216. position: absolute;
  1217. background: #ffff92;
  1218. }
  1219. .list-table .list-table-data .data.genre a {
  1220. z-index: 100;
  1221. text-align: left !important;
  1222. display: inline;
  1223. padding-right: 15px;
  1224. }
  1225. .list-table .list-table-data .data.genre span {
  1226. text-align: left !important;
  1227. }
  1228. .list-table .list-table-data .data.season a{
  1229. }
  1230. .list-table .list-table-data .data.season span{
  1231. }
  1232. .list-table .list-table-data .data.genre {
  1233. width:0 !important;
  1234. font-size: 0px !important;
  1235. opacity: 0;
  1236. }
  1237. .list-table .list-table-data .data.season {
  1238. width:0 !important;
  1239. font-size: 0px !important;
  1240. opacity: 0;
  1241. height: 0 !important;
  1242. }
  1243. .list-table .list-table-data:hover .data.season{
  1244. opacity: 1 !important;
  1245. position: absolute !important;
  1246. width: 105px !important;
  1247. height: 20px !important;
  1248. text-align:left;
  1249. margin-top: 125px !important;
  1250. margin-left: 200px !Important;
  1251. padding-left: 5px;
  1252. background: #ffff92;
  1253. z-index: 2000 !important;
  1254. font-size: 12px !important;
  1255. }
  1256. .list-table .list-table-data .airing-started:before{
  1257. content: "Debuted: ";
  1258. }
  1259. .list-table .list-table-data .airing-finished:before{
  1260. content: "Ended: ";
  1261. }
  1262. .list-table .list-table-data .airing-started, .list-table .list-table-data .airing-finished{
  1263. width:0 !important;
  1264. font-size: 0px !important;
  1265. opacity: 0;
  1266. }
  1267. .list-table .list-table-data:hover .data.airing-started{
  1268. opacity: 1 !important;
  1269. position: absolute !important;
  1270. width: 105px !important;
  1271. height: 20px !important;
  1272. text-align:left;
  1273. margin-top: 145px !important;
  1274. margin-left: 200px !Important;
  1275. padding-left: 5px;
  1276. background: #ffff92;
  1277. z-index: 2000 !important;
  1278. font-size: 12px !important;
  1279. }
  1280. .list-table .list-table-data:hover .data.airing-finished{
  1281. opacity: 1 !important;
  1282. position: absolute !important;
  1283. width: 105px !important;
  1284. height: 20px !important;
  1285. text-align:left;
  1286. margin-top: 165px !important;
  1287. margin-left: 200px !Important;
  1288. padding-left: 5px;
  1289. background: #ffff92;
  1290. z-index: 2000 !important;
  1291. font-size: 12px !important;
  1292. }
  1293. .list-table .list-table-data .data.started, .list-table .list-table-data .data.finished{
  1294. width:0 !important;
  1295. font-size: 0px !important;
  1296. opacity: 0;
  1297. }
  1298. .list-table .list-table-data .data.started:before{
  1299. content: "Started: ";
  1300. }
  1301. .list-table .list-table-data .data.finished:before{
  1302. content: "Finished: "
  1303. }
  1304. .list-table .list-table-data:hover .data.started{
  1305. opacity: 1 !important;
  1306. position: absolute !important;
  1307. width: 105px !important;
  1308. height: 20px !important;
  1309. text-align:left;
  1310. margin-top: 185px !important;
  1311. margin-left:200px !Important;
  1312. padding-left: 5px;
  1313. background: #ffff92;
  1314. z-index: 2000 !important;
  1315. font-size: 12px !important;
  1316. }
  1317. .list-table .list-table-data:hover .data.finished {
  1318. opacity: 1 !important;
  1319. position: absolute !important;
  1320. width: 105px !important;
  1321. height: 20px !important;
  1322. text-align:left;
  1323. margin-top: 205px !important;
  1324. margin-left:200px !Important;
  1325. padding-left: 5px;
  1326. background: #ffff92;
  1327. z-index: 2000 !important;
  1328. font-size: 12px !important;
  1329. }
  1330. .list-table .list-table-data .data.days{
  1331. width:0 !important;
  1332. er font-size: 0px !important;
  1333. opacity: 0;
  1334. }
  1335. .list-table .list-table-data .data.days:after{
  1336. content: " days to finish"
  1337. }
  1338. .list-table .list-table-data:hover .data.days{
  1339. opacity: 1 !important;
  1340. position: absolute !important;
  1341. width: 105px !important;
  1342. height: 20px !important;
  1343. text-align:left;
  1344. margin-top: 225px !important;
  1345. margin-left: 200px !Important;
  1346. padding-left: 5px;
  1347. background: #ffff92;
  1348. z-index: 2000 !important;
  1349. font-size: 12px !important;
  1350. }
  1351. .list-table .list-table-data .score:before{
  1352. content:"1343";
  1353. font-size: 10px;
  1354. opacity: 0;
  1355. font-size: 11px;
  1356. text-align: left;
  1357. position: relative;
  1358. top:242px;
  1359. left: 121px;
  1360. display: inline;
  1361. display: non;
  1362. width: 100px;
  1363. overflow:visible;
  1364. }
  1365. .list-table .list-table-data .data.type , .list-table .list-table-data .data.rated {
  1366. content:"1343";
  1367. font-size: 10px;
  1368. opacity: 0;
  1369. font-size: 11px;
  1370. text-align: left;
  1371. position: relative;
  1372. top:242px;
  1373. left: 130px;
  1374. display: inline;
  1375. display: non;
  1376. width: 100px;
  1377. overflow:visible;
  1378. }
  1379. .list-table .list-table-data .data.rated{
  1380. padding-left: 5px;
  1381. }
  1382. .list-container a.List_LightBox:link {
  1383. width: 80px !Important;
  1384. height: 22px !important;
  1385. margin-top: 280px;
  1386. text-align: left !important;
  1387. font-size: 11px !important;
  1388. padding-bottom: 20px;
  1389. padding-left: 15px;
  1390. padding-right: 15px;
  1391. }
  1392. .list-container a.List_LightBox:link:after {
  1393. content: "";
  1394. }
  1395. .list-table .list-table-data .data.studio{
  1396. margin-top: 0px !important;
  1397. }
  1398. .list-table .list-table-data .data.licensor{
  1399. margin-top: 25px !important;
  1400. }
  1401. .list-table .list-table-data .data.tags{
  1402. margin-top: 50px !important;
  1403. }
  1404. .list-table .list-table-data .data.progress{
  1405. margin-top: 239px !important;
  1406. }
  1407. .list-table .list-table-header .header-title.genre, .list-table .list-table-header .header-title.demographic{
  1408. display: none;
  1409. }
  1410. .list-table .list-table-data .data.priority {
  1411. margin-top:-38px !important;
  1412. }
  1413. .list-table .list-table-data:hover .data.priority {
  1414. opacity: 1 !important;
  1415. ;
  1416. }
  1417. .list-table .list-table-header .header-title .link.sort {
  1418. z-index: 1;
  1419. }
  1420. .list-table > tbody:nth-of-type(2n+1):first-of-type {
  1421. z-index: 3;
  1422. }
  1423. .list-table .list-table-data .data.title .link {
  1424. z-index: 1 !important;
  1425. }
  1426. .data.title .add-edit-more {
  1427. z-index: 1005 !important;
  1428. }
  1429. .list-unit .list-status-title .stats a {
  1430. margin-right: 2px;
  1431. color: #FFF;
  1432. }
  1433. .status-menu-container .search-container #search-box input {
  1434. width: 80%;
  1435. margin-left: 30px;
  1436. }
  1437. #status-menu, .status-menu-container.fixed{
  1438. z-index: 1000 !important;
  1439. }
  1440. .list-table .list-table-data .icon-watch2 a.mal-icon {
  1441. z-index: 100 !important;
  1442. }
  1443. .list-table .list-table-data .data.studio{
  1444. z-index: 5 !important;
  1445. }
  1446. .list-table .list-table-data .data.genre a[href*="&genre=1"] {
  1447. padding-right:30px;
  1448. }
  1449. .list-table .list-table-data .data.genre a[href*="&genre=24"] {
  1450. padding-right:30px;
  1451. }
  1452. .list-table .list-table-data .data.genre a[href*="&genre=36"] {
  1453. padding-right:10px;
  1454. }
  1455. .list-table .list-table-data .data.genre a[href*="&genre=5"] {
  1456. padding-right:0px;
  1457. }
  1458. .list-table .list-table-data .data.priority{
  1459. pointer-events: none !important;
  1460. }
  1461. .list-table .list-table-data .data.title .add-edit-more {
  1462. width: 0px;
  1463. }
  1464. .list-table .list-table-data .data.score:after{
  1465. }
  1466. .list-table .list-table-data .data.storage {
  1467. }
  1468. .list-table .list-table-data .data.retail {
  1469. margin-top: 23px;
  1470. position: absolute;
  1471. }
  1472. .list-table .list-table-data .data.retail {
  1473. }
  1474. .list-table .list-table-data:hover .data.retail {
  1475. position: absolute;
  1476. margin-top: 270px;
  1477. margin-left: 10px;
  1478. pointer-events: none !important;
  1479. }
  1480. .list-table .list-table-data .data.magazine{
  1481. margin-top: 20px !important;
  1482. }
  1483. .list-table .list-table-data .data.volume {
  1484. margin-left:80px;
  1485. word-spacing: 0px;
  1486. }
  1487. .list-table .list-table-data .data.chapter {
  1488. margin-left:5px;
  1489. word-spacing: 0px;
  1490. }
  1491. .list-table .list-table-data .data.chapter * {
  1492. font-size: 12px;
  1493. }
  1494. .list-table .list-table-data .data.volume * {
  1495. font-size: 12px;
  1496. background: transparent;
  1497. }
  1498. .list-table .list-table-data .data.chapter .fa-circle-plus {
  1499. font-size: 16px;
  1500. }
  1501. .list-table .list-table-data .data.volume .fa-circle-plus {
  1502. font-size: 16px;
  1503. }
  1504. .list-table .list-table-data .data.chapter .fa-circle-plus:hover {
  1505. cursor: pointer;
  1506. text-decoration: underline;
  1507. }
  1508. .list-table .list-table-data .data.volume .fa-circle-plus:hover {
  1509. cursor: pointer;
  1510. text-decoration: underline;
  1511. }
  1512. .list-table .list-table-data .data.chapter {
  1513. font-size: 16px;
  1514. z-index: 10000 !important;
  1515. }
  1516. .list-table .list-table-data .data.volume {
  1517. font-size: 16px;
  1518. }
  1519. .list-table .list-table-data .data.chapter span, .list-table .list-table-data .data.volume span {
  1520. z-index: inherit !important;
  1521. }
  1522. .list-table .list-table-data .data.volume * {
  1523. background: transparent;
  1524. }
  1525. .list-table .list-table-data .data.chapter{
  1526. font-size:11px !important;
  1527. }
  1528. .list-table .list-table-data .data.chapter *{
  1529. font-size:11px !important;
  1530. }
  1531. .list-table .list-table-data .data.chapter span{
  1532. top: -12px;
  1533. left: 62px;
  1534. position: absolute;
  1535. word-spacing: -2px;
  1536. }
  1537. .data.chapter div::before {
  1538. content: 'Chapters: ';
  1539. position: absolute;
  1540. font-size:11px;
  1541. margin-top: -12px;
  1542. margin-left: 8px;
  1543. padding-right: 5px;
  1544. }
  1545. .list-table .list-table-data .data.chapter .fa-circle-plus {
  1546. font-size: 14px !important;
  1547. position: absolute;
  1548. margin-left: 64px;
  1549. margin-top: -11px;
  1550. padding-left: 3px;
  1551. }
  1552. .list-table .list-table-data .data.volume{
  1553. font-size: 11px !important;
  1554. }
  1555. .list-table .list-table-data .data.volume *{
  1556. font-size: 11px !important;
  1557. }
  1558. .list-table .list-table-data .data.volume span{
  1559. top: 8px;
  1560. left: -14px;
  1561. position: absolute;
  1562. word-spacing: -2px;
  1563. font-size: 11px !important;
  1564. }
  1565. .data.volume div::before {
  1566. content: 'Volumes: ';
  1567. position: absolute;
  1568. font-size: 11px !important;
  1569. margin-top: 8px;
  1570. margin-left: -66px;
  1571. padding-right: 5px;
  1572. }
  1573. .list-table .list-table-data .data.volume .fa-circle-plus {
  1574. font-size: 14px !important;
  1575. position: absolute;
  1576. margin-left:-12px;
  1577. margin-top: 9px;
  1578. padding-left: 3px;
  1579. }
  1580. .list-container a.List_LightBox:link {
  1581. width: 80px !Important;
  1582. height: 22px !important;
  1583. margin-top: 284px;
  1584. text-align: left !important;
  1585. font-size: 11px !important;
  1586. padding-bottom: 20px;
  1587. padding-left: 15px;
  1588. padding-right: 15px;
  1589. }
  1590. .list-container a.List_LightBox:link {
  1591. width: 50px !Important;
  1592. height: 25px !important;
  1593. margin-left: 75px !important;
  1594. font-family: Helvetica !important;
  1595. font-weight: light !important;
  1596. }
  1597. .fas, .fa-solid{
  1598. padding-bottom: 20px;
  1599. padding-left: 10px;
  1600. padding-right: 10px;
  1601. }
  1602. .list-table .list-table-data .data.progress a.link{
  1603. padding-bottom: 20px;
  1604. }
  1605. .list-table .list-table-data .data.progress a.link:after{
  1606. padding-bottom: 44px;
  1607. padding-left: 10px;
  1608. content: "";
  1609. position: absolute;
  1610. }
  1611. .list-table .list-table-data .data.progress a.link:before{
  1612. padding-bottom: 35px;
  1613. padding-left: 5px;
  1614. content: "";
  1615. position: absolute;
  1616. margin-left: 5px
  1617. }
  1618. .list-table .list-table-data .data.score:after{
  1619. content: "";
  1620. top: 250px;
  1621. left: -3px;
  1622. position: absolute;
  1623. height: 52px;
  1624. width: 210px !important;
  1625. }
  1626. .list-table .list-table-data .icon-watch2 a.mal-icon {
  1627. position: absolute !important;
  1628. top: 25px;
  1629. left: 168px;
  1630. z-index: 100 !important;
  1631. opacity: 0;
  1632. }
  1633. .list-table .list-table-data .data.progress .fa-circle-plus {
  1634. margin-left: -10px !important;
  1635. }
  1636. .list-unit .list-status-title .stats {
  1637. width: 200px !important;
  1638. }
  1639. .status-menu-container .search-container #search-box input {
  1640. width: 80%;
  1641. margin-left: 30px;
  1642. }
  1643. .list-table .list-table-data .data.chapter .fa-solid{
  1644. padding-bottom: 5px;
  1645. }
  1646. .list-table .list-table-data .icon-watch2 a.mal-icon {
  1647. left: 169px;
  1648. }
  1649. #status-menu #search-box {
  1650. width: 115px !important;
  1651. height: auto;
  1652. }
  1653. .status-menu-container .search-container #search-box input {
  1654. width: 100%;
  1655. margin-left: 0px;
  1656. }
  1657. .list-unit .list-stats {
  1658. z-index: 2000 !important;
  1659. }
  1660. #status-menu, .status-menu-container.fixed {
  1661. z-index: 2000 !important;
  1662. }
  1663. /* NUMBER */
  1664. .list-table .list-table-data .data.number{
  1665. font-size: 12px !important;
  1666. font-family: Helvetica !important;
  1667. font-weight: light !important;
  1668. }
  1669. /* TAGS */
  1670. .list-table .list-table-data .data.tags a {
  1671. font-size: 12px !important;
  1672. font-family: Helvetica !important;
  1673. font-weight: light !important;
  1674. }
  1675. .list-table .list-table-data .tags a.edit {
  1676. font-size: 9px !important;
  1677. font-family: Helvetica !important;
  1678. font-weight: light !important;
  1679. margin-top: -3px;
  1680. margin-left: 60px !;
  1681. }
  1682. /* USER STARTED AND ENDING DATES*/
  1683. .list-table .list-table-data .data.started{
  1684. font-size: 12px !important;
  1685. font-family: Helvetica !important;
  1686. font-weight: light !important;
  1687. }
  1688. .list-table .list-table-data .data.finished{
  1689. font-size: 12px !important;
  1690. font-family: Helvetica !important;
  1691. font-weight: light !important;
  1692. }
  1693. /* DAYS */
  1694. .list-table .list-table-data .data.days{
  1695. font-size: 12px !important;
  1696. font-family: Helvetica !important;
  1697. font-weight: light !important;
  1698. }
  1699. /* SEASON */
  1700. .list-table .list-table-data .data.season a{
  1701. font-size: 12px !important;
  1702. font-family: Helvetica !important;
  1703. font-weight: light !important;
  1704. }
  1705. /* AIRING START AND END DATES */
  1706. .list-table .list-table-data .data.airing-started{
  1707. font-size: 12px !important;
  1708. font-family: Helvetica !important;
  1709. font-weight: light !important;
  1710. }
  1711. .list-table .list-table-data .data.airing-finished{
  1712. font-size: 12px !important;
  1713. font-family: Helvetica !important;
  1714. font-weight: light !important;
  1715. }
  1716. /* STUDIO */
  1717. .list-table .list-table-data .data.studio a{
  1718. font-size: 12px !important;
  1719. font-family: Helvetica !important;
  1720. font-weight: light !important;
  1721. }
  1722. /* LICENSOR*/
  1723. .list-table .list-table-data .data.magazine a, .list-table .list-table-data .data.licensor a{
  1724. font-size: 12px !important;
  1725. font-family: Helvetica !important;
  1726. font-weight: light !important;
  1727. }
  1728. /* STORAGE */
  1729. .list-table .list-table-data .data.storage{
  1730. font-size: 12px !important;
  1731. font-family: Helvetica !important;
  1732. font-weight: light !important;
  1733. }
  1734. /* PRIORITY */
  1735. .list-table .list-table-data .data.priority {
  1736. font-size: 12px !important;
  1737. font-family: Helvetica !important;
  1738. font-weight: light !important;
  1739. }
  1740. .list-table .list-table-data .data.demographic{
  1741. font-size: 12px !important;
  1742. font-family: Helvetica !important;
  1743. font-weight: light !important;
  1744. }
  1745. .list-table .list-table-data .data.genre a{
  1746. font-size: 12px !important;
  1747. font-family: Helvetica !important;
  1748. font-weight: light !important;
  1749. }
  1750. .list-table .list-table-data .data.rated{
  1751. font-size: 12px !important;
  1752. font-family: Helvetica !important;
  1753. font-weight: light !important;
  1754. }
  1755. .list-table .list-table-data .data.type{
  1756. font-size: 12px !important;
  1757. font-family: Helvetica !important;
  1758. font-weight: light !important;
  1759. }
  1760. .list-table .list-table-data .data.image .image{
  1761. width: 175px;
  1762. height: 270px;
  1763. background-size: 100% !important;
  1764. z-index: -1 !important;
  1765. left: 10px;
  1766. top: 5px;
  1767. }
  1768. .list-table .list-table-data .data.image .image{
  1769. position: absolute !important;
  1770. z-index: -1 !important;
  1771. }
  1772. .list-table .list-table-data .data.title .notes .text {
  1773. top: 280px;
  1774. left: 0px;
  1775. position: absolute;
  1776. font-size: 12px;
  1777. color: black;
  1778. background: transparent;
  1779. font-family: arial;
  1780. z-index: 1000 !important;
  1781. overflow: hidden;
  1782. text-align: center;
  1783. width: 190px;
  1784. height: 15px;
  1785. z-index: 100 !important;
  1786. }
  1787. .list-table .list-table-data:hover .data.title .notes .text:first-line{
  1788. top: -200px;
  1789. display: block;
  1790. }
  1791. .list-table .list-table-data:hover .data.title .notes .text{
  1792. position: absolute;
  1793. font-size: 11px;
  1794. color: black;
  1795. background: #FFFF92;
  1796. font-family: arial;
  1797. z-index: 1005 !important;
  1798. overflow: none;
  1799. transition: ease-in;
  1800. cursor: text;
  1801. overflow: initial !important;
  1802. height: auto;
  1803. width: 186px;
  1804. overflow: hidden !important;
  1805. max-width: 190px;
  1806. max-height: 325px;
  1807. top: 280px;
  1808. padding-left: 10px;
  1809. padding-right: 10px;
  1810. left: -3px;
  1811. }
  1812. .list-table .list-table-data .data.title .notes .text:hover {
  1813. }
  1814. .list-table .list-table-data .data.score .link {
  1815. Z-INDEX: 100 !important;
  1816. }
  1817. .list-table .list-table-data .data.title .notes * {
  1818. top: 280px;
  1819. left: 0px;
  1820. position: absolute;
  1821. height: 50px;
  1822. z-index: 50000 !important;
  1823. }
  1824. .list-table .list-table-data .data.title .notes .edit{
  1825. top: 280px;
  1826. text-align: center;
  1827. width: 205px;
  1828. padding-top: 2px;
  1829. height: 20px;
  1830. position: absolute;
  1831. z-index: 50000 !important;
  1832. }
  1833. .list-table .list-table-data .data.title .notes .edit{
  1834. color: transparent;
  1835. }
  1836. .list-table .list-table-data:hover .data.title .notes .edit{
  1837. color: black;
  1838. cursor:pointer;
  1839. }
  1840. .mal-modal .mal-modal-dialog .mal-modal-content {
  1841. font-size: 24px;
  1842. font-family: arial;
  1843. z-index: 10000 !important;
  1844. }
  1845. .list-table .list-table-data .data.storage {
  1846. position: absolute;
  1847. font-size: 10px !important;
  1848. margin-top: -36px;
  1849. margin-left: -79px;
  1850. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!