Guest User

mattiadr MAL CSS

a guest
Jul 25th, 2018
615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.46 KB | None | 0 0
  1. :root {
  2.     --width-diff: 200px;
  3.     --background-url: url(https://i.imgur.com/uwuluAz.jpg);
  4.     --header-and-buttons-color: #4065BA;
  5.     --links-color: #1d439b;
  6. }
  7.  
  8. #advanced-options .sort-widget input[type=radio]:checked+label {
  9.     border: var(--header-and-buttons-color) 1px solid;
  10. }
  11.  
  12. #advanced-options .sort-widget input[type=radio]:checked+label,
  13. #advanced-options .btn-apply,
  14. #advanced-options .btn-clear,
  15. .list-menu-float .icon-menu:not(.profile):hover,
  16. .list-menu-float .icon-menu.setting:hover .text .link-list-setting,
  17. .list-menu-float .icon-menu.setting:hover .text .link-style-setting,
  18. .status-menu-container .status-menu .status-button:after,
  19. .list-unit .list-status-title,
  20. .list-unit .list-stats {
  21.     background-color: var(--header-and-buttons-color);
  22. }
  23.  
  24. body {
  25.     margin: 0 0 0 0;
  26.     /*margin: auto;*/
  27.     background-image: var(--background-url);
  28.     background-attachment: fixed;
  29.     background-position: top;
  30.     background-repeat: no-repeat;
  31. }
  32.  
  33. a,
  34. .list-table .list-table-header .header-title .sort-icon {
  35.     color: var(--links-color);
  36. }
  37.  
  38. #footer-block {
  39.     background-color: transparent;
  40. }
  41.  
  42. #copyright,
  43. .status-menu-container .status-menu .status-button.on {
  44.     color: #323232;
  45. }
  46.  
  47. .header {
  48.     width: calc(1060px + var(--width-diff));
  49. }
  50.  
  51. .list-menu-float .icon-menu {
  52.     background-color: rgba(246, 246, 246, 0.5);
  53. }
  54.  
  55. .cover-block,
  56. .cover-block .image-container,
  57. .list-unit,
  58. .list-unit .list-status-title,
  59. .list-unit .list-status-title .text,
  60. .list-unit .list-stats {
  61.     width: calc(1024px + var(--width-diff));
  62. }
  63.  
  64. .cover-block .image-container img {
  65.     max-width: calc(1024px + var(--width-diff));
  66. }
  67.  
  68. .list-container {
  69.     width: calc(1058px + var(--width-diff));
  70.     background-color: rgba(255, 255, 255, 0.4);
  71. }
  72.  
  73. .status-menu-container {
  74.     width: calc(1058px + var(--width-diff));
  75.     background-color: rgba(255, 255, 255, 0.4);
  76.     background-image: var(--background-url);
  77.     background-attachment: fixed;
  78.     background-blend-mode: screen;
  79. }
  80.  
  81. .status-menu-container .status-menu .status-button,
  82. .list-table .list-table-data .data.title .rewatching,
  83. .list-table .list-table-data .data.title .rereading,
  84. .list-table .list-table-data .data.title .content-status {
  85.     color: #4b4b4b;
  86. }
  87.  
  88. .list-block {
  89.     min-height: 0px;
  90. }
  91.  
  92. .list-table>tbody:nth-of-type(2n+1) {
  93.     background-color: rgba(252, 252, 252, 0.4);
  94. }
  95.  
  96. .list-table .list-table-header .header-title {
  97.     background: rgba(252, 252, 252, 0.4) url("/img/pc/ownlist/bar-table-header.png") no-repeat right 7px / 1px 22px;
  98. }
Advertisement
Add Comment
Please, Sign In to add comment