API tools faq
paste
StrixRange

CCS CODE : MyAnimeList - Str1xRang3

StrixRange
Jul 14th, 2021 (edited)
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.56 KB | None | 0 0
raw download clone embed print report
  1. /* Code by StrixRange - 22/03/23
  2. */
  3.  
  4.  
  5. .qc-cmp-button,
  6. .qc-cmp-ui,
  7. .qc-cmp-ui .qc-cmp-main-messaging,
  8. .qc-cmp-ui .qc-cmp-messaging,
  9. .qc-cmp-ui .qc-cmp-beta-messaging,
  10. .qc-cmp-ui .qc-cmp-title,
  11. .qc-cmp-ui .qc-cmp-sub-title,
  12. .qc-cmp-ui .qc-cmp-purpose-info,
  13. .qc-cmp-ui .qc-cmp-table,
  14. .qc-cmp-ui .qc-cmp-table-header,
  15. .qc-cmp-ui .qc-cmp-vendor-list,
  16. .qc-cmp-ui .qc-cmp-vendor-list-title,
  17. .qc-cmp-publisher-purposes-table .qc-cmp-table-header,
  18. .qc-cmp-publisher-purposes-table .qc-cmp-table-row,
  19. .qc-cmp-button.qc-cmp-secondary-button
  20. {
  21.   display: none !important;
  22.   pointer-events: none !important;
  23.   visibility: hidden !important;
  24.   opacity: 0 !important;
  25. }
  26.  
  27. #qc-cmp2-container{
  28.   display: none !important;
  29.   pointer-events: none !important;
  30.   visibility: hidden !important;
  31.   opacity: 0 !important;
  32. }
  33.  
  34.  
  35. /* FOR MORE HELP SEE HERE:
  36. http://myanimelist.net/clubs.php?cid=19736
  37. */
  38.  
  39.  
  40. /* DISTANCE OF LIST FROM TOP
  41. Increase or decrease the px amount to change the distance from the top. */
  42. .header {
  43.   padding-bottom: 100px;  
  44. }
  45.  
  46.  
  47. /* CUSTOM BACKGROUND IMAGE SETTINGS */
  48. /* Plastic Memories - Ending */
  49. body {
  50.   background-image:url(https://imgpile.com/images/UwkpiP.gif);
  51.   background-size: cover;
  52.   background-attachment: fixed;
  53. }
  54.  
  55.  
  56.  
  57. /* HEADERS AND TABLE LINK FONT */
  58. a {
  59. color: ;
  60. font-family: arial;
  61. }
  62.  
  63. /* CATEGORY HEADER FONT */
  64. .list-unit .list-status-title .text {
  65.   color: ;
  66.   font-family: arial;
  67. }
  68.  
  69. /* CATEGORY HEADER BACKGROUND COLOR */
  70. .list-unit .list-status-title {
  71.   background-color: ;
  72. }
  73.    
  74. /* LIST LINK FONT */    
  75. .list-table .list-table-data .data a{
  76. color: ;
  77. font-family: arial;
  78. }
  79.  
  80. /* LIST NON-LINK FONT */    
  81. body{
  82. color: ;
  83. font-family: arial;
  84. }
  85.  
  86. /* TAGS EDIT FONT */    
  87. .list-table .list-table-data .tags .edit{
  88. color: ;
  89. font-family: arial;
  90. }
  91.  
  92. /* LINK COLOR ON HOVER*/  
  93. a:hover,
  94. .list-table .list-table-data .data a:hover{
  95. color: ;  
  96. }
  97.  
  98.  
  99.  
  100.  
  101. /*BACKGROUND AND BORDER COLOR OF CATEGORY LINKS
  102. The first number in the parenthesis is the amount of red (0-255).
  103. The second number in the parenthesis is the amount of green (0-255).
  104. The third number in the parenthesis is the amount of blue (0-255).
  105. The fourth number in the parenthesis is the amount of opacity (.0 to 1).
  106.  
  107. Change the fourth number (opacity) to a lesser number like .3 for more transparency. Raise to a higher number like .8 for less transparency.
  108. */
  109. .status-menu-container{
  110.   background-color: rgba(0,0,0,.8) !important;
  111.    border: ;
  112. }
  113.  
  114.  
  115. /* BACKGROUND AND BORDER COLOR OF LIST
  116. See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors.
  117. */
  118. .list-block{
  119.   background-color: rgba(20,20,20,.6) !important;
  120.    border:;
  121. }
  122.  
  123.  
  124. /*BACKGROUND COLOR OF ROWS ON HOVER
  125. See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors.
  126. */
  127. tbody[class*="list-item"]:hover,
  128. .list-table tbody:nth-of-type(2n+1):hover {background-color:rgba(0,0,0,.5) !important;}
  129.  
  130.  
  131. /*OTHER CODES*/
  132. .list-table > tbody:nth-of-type(2n+1),
  133. .list-table, .list-container,  
  134. .list-table .list-table-header .header-title{
  135.   background-color: transparent !important;
  136.      border: 0 transparent solid !important;
  137. }
  138. .list-table .list-table-data .data{
  139.   border: 0 transparent solid !important;
  140. }
  141. .status-menu-container {
  142.     border-bottom: transparent 0 solid;
  143. }
  144.  
  145.  
  146.  
  147. /*==============================*\
  148. | Category-Coloured  Header Bars |
  149. \* --- - --- - ---- - --- - --- */
  150.  
  151. .status-menu-container .status-menu .status-button:nth-of-type(1)::after {
  152.     /* All Anime */
  153.     background: YOURCOLOUR ;
  154. } .status-menu-container .status-menu .status-button:nth-of-type(2)::after {
  155.     /* Watching */
  156.     background: #2db039 ;
  157. } .status-menu-container .status-menu .status-button:nth-of-type(3)::after {
  158.     /* Completed */
  159.     background: #26448f ;
  160. } .status-menu-container .status-menu .status-button:nth-of-type(4)::after {
  161.     /* On Hold */
  162.     background: #f1c83e ;
  163. } .status-menu-container .status-menu .status-button:nth-of-type(5)::after {
  164.     /* Droppped */
  165.     background: #a12f31 ;
  166. } .status-menu-container .status-menu .status-button:nth-of-type(6)::after {
  167.     /* Planned */
  168.     background: #c3c3c3 ;
  169. }
  170.  
  171.  
  172. /*==============================*\
  173. |  Category-Coloured  List Text  |
  174. \* --- - --- - ---- - --- - --- */
  175.  
  176. .data a:not(.edit-disabled):hover {
  177.     text-decoration: underline;
  178. }
  179.  
  180. .list-item .data.watching ~ .data a:not(.edit),
  181. .list-item .data.reading ~ .data a:not(.edit) {
  182.     /* Watching */
  183.     color: #2db039 !important;
  184. }
  185.  
  186. .list-item .data.completed ~ .data a:not(.edit) {
  187.     /* Completed */
  188.     color: #26448f !important;
  189. }
  190.  
  191. .list-item .data.onhold ~ .data a:not(.edit) {
  192.     /* On Hold */
  193.     color: #f1c83e !important;
  194. }
  195.  
  196. .list-item .data.dropped ~ .data a:not(.edit) {
  197.     /* Dropped */
  198.     color: #a12f31 !important;
  199. }
  200.  
  201. .list-item .data.plantowatch ~ .data a:not(.edit),
  202. .list-item .data.plantoread ~ .data a:not(.edit) {
  203.     /* Planned */
  204.     color: #c3c3c3 !important;
  205. }
  206.  
  207.  
  208.  
  209.  
  210. /* Highlighting an individual preview pic on a default layout (all 10/10)
  211. */
  212. .data.image a[href*="/14741"]:before {
  213.     content: "";
  214.     background-color: transparent;
  215.   opacity: 1;
  216.   position:absolute;
  217.   display: block;
  218.   height: 70px;
  219.   width: 50px;
  220. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  221. }
  222.  
  223. .data.image a[href*="/15687"]:before {
  224.     content: "";
  225.     background-color: transparent;
  226.   opacity: 1;
  227.   position:absolute;
  228.   display: block;
  229.   height: 70px;
  230.   width: 50px;
  231. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  232. }
  233.  
  234. .data.image a[href*="/35608"]:before {
  235.     content: "";
  236.     background-color: transparent;
  237.   opacity: 1;
  238.   position:absolute;
  239.   display: block;
  240.   height: 70px;
  241.   width: 50px;
  242. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  243. }
  244.  
  245. .data.image a[href*="/18671"]:before {
  246.     content: "";
  247.     background-color: transparent;
  248.   opacity: 1;
  249.   position:absolute;
  250.   display: block;
  251.   height: 70px;
  252.   width: 50px;
  253. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  254. }
  255.  
  256. .data.image a[href*="/21797"]:before {
  257.     content: "";
  258.     background-color: transparent;
  259.   opacity: 1;
  260.   position:absolute;
  261.   display: block;
  262.   height: 70px;
  263.   width: 50px;
  264. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  265. }
  266.  
  267. .data.image a[href*="/23237"]:before {
  268.     content: "";
  269.     background-color: transparent;
  270.   opacity: 1;
  271.   position:absolute;
  272.   display: block;
  273.   height: 70px;
  274.   width: 50px;
  275. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  276. }
  277.  
  278. .data.image a[href*="/27601"]:before {
  279.     content: "";
  280.     background-color: transparent;
  281.   opacity: 1;
  282.   position:absolute;
  283.   display: block;
  284.   height: 70px;
  285.   width: 50px;
  286. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  287. }
  288.  
  289. .data.image a[href*="/15879"]:before {
  290.     content: "";
  291.     background-color: transparent;
  292.   opacity: 1;
  293.   position:absolute;
  294.   display: block;
  295.   height: 70px;
  296.   width: 50px;
  297. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  298. }
  299.  
  300. .data.image a[href*="/16394"]:before {
  301.     content: "";
  302.     background-color: transparent;
  303.   opacity: 1;
  304.   position:absolute;
  305.   display: block;
  306.   height: 70px;
  307.   width: 50px;
  308. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  309. }
  310.  
  311. .data.image a[href*="/1535"]:before {
  312.     content: "";
  313.     background-color: transparent;
  314.   opacity: 1;
  315.   position:absolute;
  316.   display: block;
  317.   height: 70px;
  318.   width: 50px;
  319. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  320. }
  321.  
  322. .data.image a[href*="/13759"]:before {
  323.     content: "";
  324.     background-color: transparent;
  325.   opacity: 1;
  326.   position:absolute;
  327.   display: block;
  328.   height: 70px;
  329.   width: 50px;
  330. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  331. }
  332.  
  333. .data.image a[href*="/34822"]:before {
  334.     content: "";
  335.     background-color: transparent;
  336.   opacity: 1;
  337.   position:absolute;
  338.   display: block;
  339.   height: 70px;
  340.   width: 50px;
  341. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  342. }
  343.  
  344. .data.image a[href*="/35602"]:before {
  345.     content: "";
  346.     background-color: transparent;
  347.   opacity: 1;
  348.   position:absolute;
  349.   display: block;
  350.   height: 70px;
  351.   width: 50px;
  352. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  353. }
  354.  
  355. .data.image a[href*="/36539"]:before {
  356.     content: "";
  357.     background-color: transparent;
  358.   opacity: 1;
  359.   position:absolute;
  360.   display: block;
  361.   height: 70px;
  362.   width: 50px;
  363. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  364. }
  365.  
  366. .data.image a[href*="/16934"]:before {
  367.     content: "";
  368.     background-color: transparent;
  369.   opacity: 1;
  370.   position:absolute;
  371.   display: block;
  372.   height: 70px;
  373.   width: 50px;
  374. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  375. }
  376.  
  377. .data.image a[href*="/19021"]:before {
  378.     content: "";
  379.     background-color: transparent;
  380.   opacity: 1;
  381.   position:absolute;
  382.   display: block;
  383.   height: 70px;
  384.   width: 50px;
  385. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  386. }
  387.  
  388. .data.image a[href*="/22859"]:before {
  389.     content: "";
  390.     background-color: transparent;
  391.   opacity: 1;
  392.   position:absolute;
  393.   display: block;
  394.   height: 70px;
  395.   width: 50px;
  396. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  397. }
  398.  
  399. .data.image a[href*="/27775"]:before {
  400.     content: "";
  401.     background-color: transparent;
  402.   opacity: 1;
  403.   position:absolute;
  404.   display: block;
  405.   height: 70px;
  406.   width: 50px;
  407. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  408. }
  409.  
  410. .data.image a[href*="/2167"]:before {
  411.     content: "";
  412.     background-color: transparent;
  413.   opacity: 1;
  414.   position:absolute;
  415.   display: block;
  416.   height: 70px;
  417.   width: 50px;
  418. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  419. }
  420.  
  421. .data.image a[href*="/4181"]:before {
  422.     content: "";
  423.     background-color: transparent;
  424.   opacity: 1;
  425.   position:absolute;
  426.   display: block;
  427.   height: 70px;
  428.   width: 50px;
  429. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  430. }
  431.  
  432. .data.image a[href*="/4059"]:before {
  433.     content: "";
  434.     background-color: transparent;
  435.   opacity: 1;
  436.   position:absolute;
  437.   display: block;
  438.   height: 70px;
  439.   width: 50px;
  440. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  441. }
  442.  
  443. .data.image a[href*="/6351"]:before {
  444.     content: "";
  445.     background-color: transparent;
  446.   opacity: 1;
  447.   position:absolute;
  448.   display: block;
  449.   height: 70px;
  450.   width: 50px;
  451. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  452. }
  453.  
  454. .data.image a[href*="/1723"]:before {
  455.     content: "";
  456.     background-color: transparent;
  457.   opacity: 1;
  458.   position:absolute;
  459.   display: block;
  460.   height: 70px;
  461.   width: 50px;
  462. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  463. }
  464.  
  465. .data.image a[href*="/37999"]:before {
  466.     content: "";
  467.     background-color: transparent;
  468.   opacity: 1;
  469.   position:absolute;
  470.   display: block;
  471.   height: 70px;
  472.   width: 50px;
  473. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  474. }
  475.  
  476. .data.image a[href*="/40591"]:before {
  477.     content: "";
  478.     background-color: transparent;
  479.   opacity: 1;
  480.   position:absolute;
  481.   display: block;
  482.   height: 70px;
  483.   width: 50px;
  484. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  485. }
  486.  
  487. .data.image a[href*="/43609"]:before {
  488.     content: "";
  489.     background-color: transparent;
  490.   opacity: 1;
  491.   position:absolute;
  492.   display: block;
  493.   height: 70px;
  494.   width: 50px;
  495. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  496. }
  497.  
  498. .data.image a[href*="/50325"]:before {
  499.     content: "";
  500.     background-color: transparent;
  501.   opacity: 1;
  502.   position:absolute;
  503.   display: block;
  504.   height: 70px;
  505.   width: 50px;
  506. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  507. }
  508.  
  509. .data.image a[href*="/43608"]:before {
  510.     content: "";
  511.     background-color: transparent;
  512.   opacity: 1;
  513.   position:absolute;
  514.   display: block;
  515.   height: 70px;
  516.   width: 50px;
  517. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  518. }
  519.  
  520. .data.image a[href*="/52198"]:before {
  521.     content: "";
  522.     background-color: transparent;
  523.   opacity: 1;
  524.   position:absolute;
  525.   display: block;
  526.   height: 70px;
  527.   width: 50px;
  528. box-shadow: 0px 0px 21px 4px rgba(255,217,0,1);
  529. }
  530.  
  531. /* END
  532. */
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!