/* colour-only stylesheet */

a {
    color: greenyellow;
}

body {
    color: rgb(0, 191, 0);
    background-color: black;
}

#nav {
    background: rgba(0, 64, 0, 0.75);
}


#nav ul li a {
    color: yellowgreen;
}

#nav ul li.active a {
    background: #0c0;
}


/* header for all pages. Within main-container */
#header {
    background-color: darkgreen;
    color: yellowgreen;
}

/* about-cookies box: permanently visible part of cookies information box */
#about-cookies {
    color: yellowgreen;
    background: rgba(0, 64, 0, 0.75);
}

/* more-about-cookies box, normally hidden */
#more-about-cookies {
    color: yellowgreen;
    background: rgba(0, 64, 0, 0.75);
    border-bottom: thin solid yellowgreen;
}

/* footer of the page */
#footer {
    color: yellowgreen;
    background: rgba(0, 64, 0, 0.75);
}


/* I suspect neither 'error' nor 'message' are relevant now I've moved to static compilation. */
.error {
    background-color: red;
    color: yellowgreen;
}

.message {
    border: thin solid yellowgreen;
}

.widget {
    background-color: darkgreen;
    border: thin solid #0c0;
}

form {
    border: thin solid #0c0;
}

del {
    color: red;
}

input {
    background-color: yellowgreen;
}

input.action {
    background-color: green;
}

input.action-dangerous {
    color: yellowgreen;
    background-color: red;
}

input.required:after {
    color: red;
}

ins {
    color: green;
}

label {
    border-right: thin solid darkgreen;
}

table {
    border: 2px solid darkgreen;
}

tr:nth-child(odd) {
    background-color: darkgreen;
}

th,
td {
    border: 1px solid darkgreen;
}

th {
    background-color: darkgreen;
    color: yellowgreen;
}