From 59183489fa699c9986830577c3f1b29489e6152f Mon Sep 17 00:00:00 2001 From: lolcat Date: Tue, 28 Nov 2023 23:51:25 -0500 Subject: christmas --- static/themes/White Christmas.css | 93 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 static/themes/White Christmas.css (limited to 'static/themes/White Christmas.css') diff --git a/static/themes/White Christmas.css b/static/themes/White Christmas.css new file mode 100644 index 0000000..ab12b24 --- /dev/null +++ b/static/themes/White Christmas.css @@ -0,0 +1,93 @@ +body{ + background-image:url("/static/misc/christmas-white-bg.png"); +} + +.home::before{ + content:""; + position:fixed; + top:0; + left:0; + width:100%; + height:100%; + background:#b9b5b380; + background-image:url("/static/misc/snow.png"); + pointer-events:none; + z-index:-1; + animation:snowfall 12s linear infinite; +} + +.web .answer::after{ + display:none; +} + +@keyframes snowfall{ + from{ + background-position:0% 0px; + } + + to{ + background-position:0% 600px; + } +} + +:root{ + /* background */ + --1d2021: #bdae93; + --282828: #e7e7e7; + --3c3836: #e7e7e7; + --504945: #504945; + + /* font */ + --928374: #1d2021; + --a89984: #282828; + --bdae93: #3c3836; + --8ec07c: #52520e; + --ebdbb2: #1d2021; + + /* code highlighter */ + --comment: #6a4400; + --default: #d4be98; + --keyword: #4a4706; + --string: #076678; + + /* color codes for instance list */ + --green: #636311; + --yellow: #8a6214; + --red: #711410; +} + +.autocomplete .entry:hover{ + background:#928374; +} + +.web .wiki-head table, .about table, .web .info-table, .instances table{ + background:#a8998470; +} + +.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){ + background:#bdae9370; +} + +.instances tbody tr:hover{ + background:#92837480; +} + +.wiki-head .description{ + overflow:initial !important; +} + +.wiki-head .photo{ + position:relative; +} + +.wiki-head .photo::after{ + content:""; + position:absolute; + width:100px; + height:100px; + background-image:url("/static/misc/christmas-hat.png"); + background-size:contain; + top:-61px; + left:-31px; + transform:rotate(310deg); +} -- cgit v1.2.3