Viewing source of no_defun_allowed/nettle

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

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

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

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