Dark Christmas.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. body{
  2. background-image:url("/static/misc/christmas-dark-bg.png");
  3. }
  4. .home::before{
  5. content:"";
  6. position:fixed;
  7. top:0;
  8. left:0;
  9. width:100%;
  10. height:100%;
  11. background-image:url("/static/misc/snow.png");
  12. pointer-events:none;
  13. z-index:-1;
  14. animation:snowfall 12s linear infinite;
  15. opacity:.6;
  16. }
  17. .home{
  18. background:#1d2021;
  19. }
  20. @keyframes snowfall{
  21. from{
  22. background-position:0% 0px;
  23. }
  24. to{
  25. background-position:0% 600px;
  26. }
  27. }
  28. .web .answer::after{
  29. display:none;
  30. }
  31. :root{
  32. /* background */
  33. --1d2021: #1d2021;
  34. --282828: #282828;
  35. --3c3836: #3c3836;
  36. --504945: #504945;
  37. /* font */
  38. --928374: #928374;
  39. --a89984: #bdae93;
  40. --bdae93: #d5c4a1;
  41. --8ec07c: #8ec07c;
  42. --ebdbb2: #ebdbb2;
  43. /* code highlighter */
  44. --comment: #9e8e73;
  45. --default: #d4be98;
  46. --keyword: #d8a657;
  47. --string: #7daea7;
  48. /* color codes for instance list */
  49. --green: #b8bb26;
  50. --yellow: #d8a657;
  51. --red: #fb4934;
  52. }
  53. .web .wiki-head table, .about table, .web .info-table, .instances table{
  54. background:#1d202170;
  55. color:#bdae93;
  56. }
  57. .web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd), .web .info-table tr:nth-child(even), .nextpage, .spoiler-button, .instances tbody tr:nth-child(even){
  58. background:#28282870;
  59. color:#bdae93;
  60. }
  61. .instances tbody tr:hover{
  62. background:#3c383690;
  63. }
  64. .wiki-head .description{
  65. overflow:initial !important;
  66. }
  67. .wiki-head .photo{
  68. position:relative;
  69. }
  70. .wiki-head .photo::after{
  71. content:"";
  72. position:absolute;
  73. width:100px;
  74. height:100px;
  75. background-image:url("/static/misc/christmas-hat.png");
  76. background-size:contain;
  77. top:-61px;
  78. left:-31px;
  79. transform:rotate(310deg);
  80. }