diff options
Diffstat (limited to 'siite/style.css')
-rw-r--r-- | siite/style.css | 115 |
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 { +} |