White Christmas.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. body{
  2. background-image:url("/static/misc/christmas-white-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:#b9b5b380;
  12. background-image:url("/static/misc/snow.png");
  13. pointer-events:none;
  14. z-index:-1;
  15. animation:snowfall 12s linear infinite;
  16. }
  17. .web .answer::after{
  18. display:none;
  19. }
  20. @keyframes snowfall{
  21. from{
  22. background-position:0% 0px;
  23. }
  24. to{
  25. background-position:0% 600px;
  26. }
  27. }
  28. :root{
  29. /* background */
  30. --1d2021: #bdae93;
  31. --282828: #e7e7e7;
  32. --3c3836: #e7e7e7;
  33. --504945: #504945;
  34. /* font */
  35. --928374: #1d2021;
  36. --a89984: #282828;
  37. --bdae93: #3c3836;
  38. --8ec07c: #52520e;
  39. --ebdbb2: #1d2021;
  40. /* code highlighter */
  41. --comment: #6a4400;
  42. --default: #d4be98;
  43. --keyword: #4a4706;
  44. --string: #076678;
  45. /* color codes for instance list */
  46. --green: #636311;
  47. --yellow: #8a6214;
  48. --red: #711410;
  49. }
  50. .autocomplete .entry:hover{
  51. background:#92837480;
  52. }
  53. .web .wiki-head table, .about table, .web .info-table, .instances table{
  54. background:#a8998470;
  55. }
  56. .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){
  57. background:#bdae9370;
  58. }
  59. .instances tbody tr:hover{
  60. background:#92837480;
  61. }
  62. .wiki-head .description{
  63. overflow:initial !important;
  64. }
  65. .wiki-head .photo{
  66. position:relative;
  67. }
  68. .wiki-head .photo::after{
  69. content:"";
  70. position:absolute;
  71. width:100px;
  72. height:100px;
  73. background-image:url("/static/misc/christmas-hat.png");
  74. background-size:contain;
  75. top:-61px;
  76. left:-31px;
  77. transform:rotate(310deg);
  78. }