77 lines
1.4 KiB
CSS
77 lines
1.4 KiB
CSS
:root {
|
|
--main-a: #9f1232;
|
|
--main-b: #8c0f2b;
|
|
--main-c: #730c24;
|
|
|
|
--green-a: #2d5203;
|
|
--green-b: #345c05;
|
|
--green-c: #366500;
|
|
--green-d: #478105;
|
|
|
|
--bright-a-tr: hsla(39, 100%, 50%, 0.4);
|
|
--bright-a: #ffa900;
|
|
--bright-b: #ff9200;
|
|
--bright-c: #ff7c00;
|
|
|
|
--light-a: #ede566;
|
|
--light-b: #e0d742;
|
|
--light-c: #cec31a;
|
|
|
|
--logo-size: 7em;
|
|
--gutter-width: 20px;
|
|
}
|
|
|
|
#split-left h3 {
|
|
image-rendering: crisp-edges;
|
|
background: url(../logo.png) top left / var(--logo-size) no-repeat;
|
|
padding-top: calc(var(--logo-size) + 1em);
|
|
}
|
|
|
|
.documentation.documentation {
|
|
background: var(--green-c);
|
|
color: var(--main-b);
|
|
}
|
|
|
|
#split-left, h1, h2, h3, h4, h5, h6 {
|
|
color: var(--bright-c) !important;
|
|
}
|
|
|
|
.gutter.gutter.gutter-horizontal {
|
|
background: var(--main-a);
|
|
}
|
|
.gutter.gutter.gutter-horizontal::after {
|
|
height: 100vh;
|
|
display: flex;
|
|
align-items: center; text-align: center;
|
|
|
|
|
|
color: var(--main-c);
|
|
|
|
content: ".. .. .. ..";
|
|
line-height: 0.35em;
|
|
|
|
font-weight: bolder;
|
|
font-size: 150%;
|
|
}
|
|
|
|
.bg-white.bg-white, #split-right {
|
|
background: var(--light-a);
|
|
}
|
|
.minishadow.minishadow {
|
|
box-shadow: initial;
|
|
border-bottom: 0.5em solid var(--light-b);
|
|
}
|
|
.border-bottom.border-bottom {
|
|
border-bottom: 0.1em solid var(--light-b);
|
|
}
|
|
.fill-light.fill-light {
|
|
background: var(--bright-a-tr);
|
|
}
|
|
.input.input {
|
|
background: var(--bright-a);
|
|
border: 0.1em solid var(--bright-b);
|
|
}
|
|
::placeholder {
|
|
color: var(--green-d);
|
|
}
|