diff options
author | lolcat <will@lolcat.ca> | 2023-11-28 23:51:25 -0500 |
---|---|---|
committer | lolcat <will@lolcat.ca> | 2023-11-28 23:51:25 -0500 |
commit | 59183489fa699c9986830577c3f1b29489e6152f (patch) | |
tree | ed00b07a6486dd31485e0d03f1ed7bee0e3307bb /static/themes | |
parent | e4c23493a99b399f0c03e8218ec12cd76b7abdda (diff) |
christmas
Diffstat (limited to 'static/themes')
-rw-r--r-- | static/themes/Dark Christmas.css | 91 | ||||
-rw-r--r-- | static/themes/White Christmas.css | 93 |
2 files changed, 184 insertions, 0 deletions
diff --git a/static/themes/Dark Christmas.css b/static/themes/Dark Christmas.css new file mode 100644 index 0000000..34bf961 --- /dev/null +++ b/static/themes/Dark Christmas.css @@ -0,0 +1,91 @@ +body{ + background-image:url("/static/misc/christmas-dark-bg.png"); +} + +.home::before{ + content:""; + position:fixed; + top:0; + left:0; + width:100%; + height:100%; + background-image:url("/static/misc/snow.png"); + pointer-events:none; + z-index:-1; + animation:snowfall 12s linear infinite; + opacity:.6; +} + +.home{ + background:#1d2021; +} + +@keyframes snowfall{ + from{ + background-position:0% 0px; + } + + to{ + background-position:0% 600px; + } +} + +:root{ + /* background */ + --1d2021: #1d2021; + --282828: #282828; + --3c3836: #3c3836; + --504945: #504945; + + /* font */ + --928374: #928374; + --a89984: #bdae93; + --bdae93: #d5c4a1; + --8ec07c: #8ec07c; + --ebdbb2: #ebdbb2; + + /* code highlighter */ + --comment: #9e8e73; + --default: #d4be98; + --keyword: #d8a657; + --string: #7daea7; + + /* color codes for instance list */ + --green: #b8bb26; + --yellow: #d8a657; + --red: #fb4934; +} + +.web .wiki-head table, .about table, .web .info-table, .instances table{ + background:#1d202170; + color:#bdae93; +} + +.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:#28282870; + color:#bdae93; +} + +.instances tbody tr:hover{ + background:#3c383690; +} + +.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); +} 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); +} |