Compare commits

..

No commits in common. "1885e8c8198937355572234a0de387096a9390b1" and "05f52bfd1060bd022f89166ea6ada1e56f4eafd6" have entirely different histories.

3 changed files with 44 additions and 100 deletions

View file

@ -4,7 +4,7 @@ date: 2022-04-09T14:23:49+02:00
draft: true draft: true
menu: menu:
nav: nav:
name: "" name: ""
--- ---

View file

@ -1,82 +1,56 @@
@charset "UTF-8"; @charset "UTF-8";
body { body {
background-color: #4b3d44; background-color: #4b3d44;
color: #d2c9a5; color: #e6d0c4;
transition: 1s; } transition: 1.5s; }
body.light { body.light {
background-color: #d2c9a5; background-color: #ddcf99;
color: #4b3d44; } color: #202020; }
a { a {
background-color: #c77b58; background-color: #bd97a9;
color: #4b3d44; color: #4b3d44;
transition: 1s; } transition: 1.5s; }
a.light { a.light {
background-color: #79444a; background-color: #4e5463;
color: #d2c9a5; } color: #ddcf99; }
a.footer-nav-item.active, a.footer-nav-item.active {
a.footer-nav-item:hover { color: #4b4361;
color: #8caba1; transition: 1.5s; }
background-color: #4b3d44; a.footer-nav-item.active.light {
border-color: #4b3d44; color: #f1866c; }
transition: 0.24s; }
a.footer-nav-item.active.light,
a.footer-nav-item:hover.light {
color: #4b726e;
background-color: #d2c9a5;
border-color: #d2c9a5; }
footer { footer {
background-color: #8caba1; background-color: #bd97a9;
color: #4b3d44; color: #4b3d44;
transition: 1s; } transition: 1.5s; }
footer.light { footer.light {
background-color: #4b726e; background-color: #4e5463;
color: #d2c9a5; } color: #ddcf99; }
footer a { footer a {
color: #4b3d44; color: #4b3d44;
background-color: #8caba1; background-color: #bd97a9;
transition: 1s; } transition: 1.5s; }
footer a.light { footer a.light {
color: #d2c9a5; color: #ddcf99;
background-color: #4b726e; } background-color: #4e5463; }
.togglelabel { .togglelabel {
background-color: #8caba1; background-color: #4b3d44;
border-color: #4b3d44; transition: 1.5s; }
transition: 1s; }
.togglelabel.light { .togglelabel.light {
background-color: #4b726e; background-color: #ddcf99; }
border-color: #d2c9a5; }
.togglelabel.light::after { .togglelabel.light::after {
background-color: #d2c9a5; background-color: #202020;
color: #4b726e; color: #ddcf99; }
transition: 1s; }
.togglelabel::after { .togglelabel::after {
background-color: #4b3d44; background-color: #e6d0c4;
color: #8caba1;
transition: 1s; }
body.light #title {
color: #d2c9a5;
background-color: #4b726e;
transition: 1s; }
body #title {
color: #4b3d44; color: #4b3d44;
background-color: #8caba1; transition: 1.5s; }
transition: 1s; }
article {
background-color: #4b3d44;
border-color: #8caba1; }
article.light {
background-color: #d2c9a5;
border-color: #4b726e; }
html, html,
body { body {
@ -84,7 +58,8 @@ body {
flex: auto; } flex: auto; }
footer { footer {
height: 42pt; height: 6%;
min-height: 42pt;
position: sticky; position: sticky;
display: flex; display: flex;
align-items: center; align-items: center;
@ -92,9 +67,8 @@ footer {
bottom: 0; } bottom: 0; }
#content { #content {
min-height: calc(100% - 42pt * 3); min-height: 94%;
right: auto; right: auto; }
padding: 42pt; }
#footer-left { #footer-left {
margin-top: auto; margin-top: auto;
@ -136,14 +110,7 @@ footer {
margin-right: 8pt; margin-right: 8pt;
margin-left: 8pt; margin-left: 8pt;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto; }
justify-content: center;
align-items: center; }
article {
margin-top: 42pt;
margin-inline: auto;
padding: 4em; }
@font-face { @font-face {
font-family: CaskaydiaCove; font-family: CaskaydiaCove;
@ -171,9 +138,6 @@ label::after {
font-family: CaskaydiaCoveMono; font-family: CaskaydiaCoveMono;
font-size: 20pt; } font-size: 20pt; }
* {
border-width: 2pt; }
input[type="checkbox"] { input[type="checkbox"] {
cursor: pointer; } cursor: pointer; }
@ -186,45 +150,25 @@ input[type="checkbox"] {
width: 42pt; width: 42pt;
height: 24pt; height: 24pt;
border-radius: 24pt; border-radius: 24pt;
cursor: pointer; cursor: pointer; }
align-items: center;
display: flex; }
.togglelabel::after { .togglelabel::after {
left: calc(100% - 67pt); left: calc(100% - 66pt);
content: ""; content: "";
position: absolute; position: absolute;
height: 20pt; height: 24pt;
width: 20pt; width: 24pt;
border-width: 1pt;
border-radius: 100pt; border-radius: 100pt;
transition: 0.3s; transition: 0.3s;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center; }
display: flex;
align-items: center;
justify-content: center;
content: "滛";
border-style: solid; }
input:checked + label:after { input:checked + label:after {
left: calc(100% - 49pt); } left: calc(100% - 48pt); }
.togglelabel::after {
content: "滛"; }
input:checked + label::after { input:checked + label::after {
content: ""; } content: ""; }
.footer-nav-item {
border-radius: 100%;
height: 1em;
width: 1em;
justify-content: center;
align-items: center;
border-style: solid; }
article {
border-style: solid;
border-radius: 24pt; }
.togglelabel {
border: solid; }

@ -1 +1 @@
Subproject commit f62a00c10fd2690c3cc6f9792a382d8a7438484c Subproject commit 427d35661b0319fb1ffef454a78da7c2b999dd2e