Viewing source of no_defun_allowed/nettle
Revision ID:
d0b6d277-
Hierarchy
- Default
- no_defun_allowed/nettle
Common CSS
/* This is a backport of Nettle's default+material+mat-colour.
* Postmill only supports multiple themes by parenting, whereas Nettle
* uses sets of themes natively and uses variables for information passing.
*/
.submission {
box-shadow: 0 2pt 3pt rgba(0,0,0,0.16), 0 2pt 3pt rgba(0,0,0,0.23);
border-left: 0.5em solid var(--red);
padding: 0.25em;
}
a {
color: var(--red);
}
a.submission-link:visited {
color: var(--a-visited);
}
.alert--success {
background: var(--bg2);
}
.alert--failure {
background: var(--red);
}
.site-nav {
background: var(--navback);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
margin-bottom: 24px;
font-family: CMU Concrete, Roboto Slab, sans-serif;
}
.site-nav__logo {
text-shadow: none;
}
.sidebar__section{
background-color: var(--bg2);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a[href^="http"]:not(.submission-image)::after {
content: "(\2192)";
color: var(--blue);
}
.site-nav__item > a {
font-style: italic;
}
.site-nav__item > a[href^="http"]:after {
content: "";
}
li.next>a::after {
content: " ";
width: 0;
height: 0;
display: inline-block;
border: 0.5em solid transparent;
border-left: 0.5em solid white;
position: relative;
top: 0.2em;
}
li.previous>a::before {
content: " ";
width: 0;
height: 0;
display: inline-block;
border: 0.5em solid transparent;
border-right: 0.5em solid white;
position: relative;
top: 0.2em;
}
body {
background: var(--bg);
font-family: CMU Sans Serif, sans-serif; /* Helvetica sucks! */
}
.site-nav__item--has-notifications {
background: var(--orange);
}
.site-nav__item--has-notifications>.site-nav__link::before {
background-image: url("/media/cache/submission_thumbnail_1x/80c8a421fb98b737d81076e4070ddfa2eae46b348f4e6bfb4fb5e9c02e0d8ef8.png");
background-size: 1em 1em;
display: inline-block;
width: 1em;
height: 1em;
content: " ";
}
.comment-user.submitter {
background: var(--blue);
}
.button, .subscribe-button__label, .subscribe-button__subscriber-count {
background: var(--red);
}
.button:hover, .subscribe-button__label:hover {
background: var(--brown);
}
.button--secondary {
background: transparent;
border: 1pt solid var(--blue);
}
.button--secondary:hover {
background: var(--bg2);
}
blockquote {
border-left: 10px solid var(--blue);
margin: 1.5em 10px;
padding: 0.5em 10px;
}
Daytime CSS
body {
--green: #388E3C;
--red: #FF5252;
--brown: #ba000d;
--blue: #2196f3;
--yellow: #ffc107;
--orange: #FF6D00;
--farbg: #EEEEEE;
--bg: #FFFFFF;
--bg2: #EEEEEE;
--fg: #212121;
--fg2: #757575;
--navback: var(--red);
--navfore: var(--bg);
--a: var(--red);
--a-visited: #AB47BC;
}
Night CSS
body {
--green: #388E3C;
--red: #FF5252;
--brown: #ba000d;
--blue: #2196f3;
--yellow: #ffc107;
--farbg: #323232;
--bg: #212121;
--bg2: #313131;
--fg: #ffffff;
--fg2: #757575;
--navback: var(--red);
--navfore: var(--bg);
--a: var(--red);
--a-visited: #CE93D8;
}