summaryrefslogtreecommitdiffstats
path: root/siite/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'siite/style.css')
-rw-r--r--siite/style.css115
1 files changed, 115 insertions, 0 deletions
diff --git a/siite/style.css b/siite/style.css
new file mode 100644
index 0000000..b1718c8
--- /dev/null
+++ b/siite/style.css
@@ -0,0 +1,115 @@
+* {
+ --aluminium-light: #eeeeec;
+ --aluminium-medium: #d3d7cf;
+ --aluminium-dark: #babdb6;
+
+ --slate-light: #888a85;
+ --slate-medium: #555753;
+ --slate-off-dark: #343a3d;
+ --slate-dark: #2e3436;
+ --slate-extra-dark: #202426;
+
+ --butter-light: #fce94f;
+ --butter-medium: #edd400;
+ --butter-dark: #c4a000;
+
+ --chameleon-light: #8ae234;
+ --chameleon-medium: #73d216;
+ --chameleon-dark: #4e9a06;
+
+ --orange-light: #fcaf3e;
+ --orange-medium: #f57900;
+ --orange-dark: #ce5c00;
+
+ --chocolate-light: #e9b96e;
+ --chocolate-medium: #c17d11;
+ --chocolate-dark: #8f5902;
+
+ --sky-blue-light: #729fcf;
+ --sky-blue-medium: #3465a4;
+ --sky-blue-dark: #204a87;
+
+ --plum-light: #ad7fa8;
+ --plum-medium: #75507b;
+ --plum-dark: #5c3566;
+
+ --scarlet-red-light: #ef2929;
+ --scarlet-red-medium: #cc0000;
+ --scarlet-red-dark: #a40000;
+
+ --unset: #ffff00;
+
+ --background: var(--aluminium-light);
+
+ --header-text: var(--slate-dark);
+ --primary-text: var(--slate-dark);
+ --secondary-text: var(--slate-medium);
+ --inverse-text: var(--aluminium-medium);
+
+ --accent-dark: var(--sky-blue-dark);
+ --accent-light: var(--sky-blue-medium);
+
+ --table-header: var(--accent-dark);
+ --table-row-dark: var(--aluminium-medium);
+ --table-row-light: var(--aluminium-light);
+ --table-row-hover: var(--aluminium-dark);
+}
+
+body {
+ background: var(--background);
+ color: var(--primary-text);
+ font-family: sans-serif;
+}
+
+section {
+ margin-left: 30px;
+}
+
+h1, h2 {
+ color: var(--header);
+}
+
+table {
+ border: 0;
+}
+
+table td, table th {
+ vertical-align: top;
+ padding: 2px 12px 2px;
+ text-align: left;
+}
+
+table th {
+ background-color: var(--table-header);
+ color: var(--inverse-text);
+}
+
+table tr:nth-child(odd) td {
+ background-color: var(--table-row-light);
+}
+
+table tr:nth-child(even) td {
+ background-color: var(--table-row-dark);
+}
+
+table tr:hover td {
+ background-color: var(--table-row-hover);
+}
+
+.article {
+ color: var(--accent-light);
+ font-weight: bold;
+}
+
+.pronoun {
+ color: var(--accent-light);
+ font-weight: bold;
+}
+
+.ending {
+ color: var(--accent-light);
+ font-weight: bold;
+}
+
+.noun {
+}