1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-12-23 01:55:01 +00:00
Pepperminty-Wiki/docs/theme.css
Starbeamrainbowlabs b0dc731807
That looks pretty good, I think!
Perhaps we'll do something mroe comprehensive / drastic in the future, 
but fo  now this looks ok :-)
2018-12-13 13:26:40 +00:00

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);
}