White Christmas.css 1.7 KB

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