mirror of
https://github.com/sbrl/Pepperminty-Wiki.git
synced 2024-11-22 16:33:00 +00:00
Starbeamrainbowlabs
b0dc731807
Perhaps we'll do something mroe comprehensive / drastic in the future, but fo now this looks ok :-)
74 lines
1.7 KiB
CSS
74 lines
1.7 KiB
CSS
:root {
|
|
--primary-colour: #ff1b1b;
|
|
--primary-colour-soft: hsla(0, 93%, 68%, 0.58);
|
|
}
|
|
|
|
.body {
|
|
--background-colour-a: hsla(3, 100%, 70%, 0.3);
|
|
--background-colour-b: hsla(3, 100%, 80%, 0.3);
|
|
--background-size: 5em;
|
|
|
|
background: repeating-linear-gradient(-55deg,
|
|
var(--background-colour-a), var(--background-colour-a) var(--background-size),
|
|
var(--background-colour-b) var(--background-size), var(--background-colour-b) calc(var(--background-size) * 2));
|
|
}
|
|
|
|
.menu {
|
|
background-color: hsla(0, 100%, 100%, 0.5);
|
|
}
|
|
/* Title */
|
|
.toc-menu .-level-1:first-child {
|
|
background: url(https://sbrl.github.io/Pepperminty-Wiki/logo.svg) no-repeat top center/10em;
|
|
margin-top: 0;
|
|
padding-top: 10em;
|
|
font-weight: bolder;
|
|
font-size: 1.25em;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Blockquote */
|
|
.markdown-body blockquote {
|
|
border-left: 0.25em solid var(--primary-colour-soft);
|
|
}
|
|
|
|
/* Bottom menu thingy */
|
|
.-menu-visible .menu-toggle, .menu-toggle {
|
|
background: linear-gradient(to bottom, transparent, white);
|
|
}
|
|
|
|
.toc-menu .link.-active, .toc-menu .hlink.-active {
|
|
box-shadow: inset -0.25em 0 var(--primary-colour);
|
|
}
|
|
|
|
/* Headings */
|
|
.markdown-body h1 {
|
|
padding-bottom: 0.25em;
|
|
border-bottom: 0.1em solid var(--primary-colour);
|
|
}
|
|
.markdown-body h2 {
|
|
padding-bottom: 0.1em;
|
|
border-bottom: 0.08em solid var(--primary-colour);
|
|
}
|
|
|
|
/* Code Blocks */
|
|
.markdown-body pre {
|
|
border: 0.1em dashed var(--primary-colour-soft);
|
|
background: hsla(0, 100%, 100%, 0.5);
|
|
}
|
|
.markdown-body > :not(pre) code {
|
|
background: hsla(0, 100%, 100%, 0.7);
|
|
}
|
|
|
|
/* Page Footer */
|
|
.footer-nav {
|
|
border: 0;
|
|
background: linear-gradient(to bottom, transparent, white);
|
|
}
|
|
.footer-nav.-expanded {
|
|
border: 0;
|
|
background: none;
|
|
}
|
|
.footer-nav.-expanded::before {
|
|
transition: all 0.25s;
|
|
background: var(--primary-colour-soft);
|
|
}
|