From 71e5b2939fca3286b33d04a82f5a31254dda6da5 Mon Sep 17 00:00:00 2001 From: postautistic Date: Sun, 11 Dec 2016 14:25:23 -0500 Subject: [PATCH] less ugly night mode --- anki.html | 4 +-- assets/script.js | 2 +- cor.html | 2 +- index.html | 8 +++-- style/anki.css | 1 - style/cor.css | 92 +----------------------------------------------- style/night.css | 46 ++++++++++++++++++++++-- 7 files changed, 54 insertions(+), 101 deletions(-) diff --git a/anki.html b/anki.html index c879980..96c7f6a 100644 --- a/anki.html +++ b/anki.html @@ -84,7 +84,7 @@

This is where we tell Rikaisama what information we want it to save about a particular word. Here is a typical example:

There is a key below the "Save format" field explaining what all of this does. The $d option saves the dictionary form of the word you have hovered over (meaning 食べます, for example, would be saved as 食べる). The $t option is used to denote the end of one field (i.e. those in the "Field names" field) and the beginning of another. $r saves the reading, and $n the definition. Finally, [sound:$a] saves an audio clip of the word (if available).

@@ -96,7 +96,7 @@

The next field tells Rikaisama to which fields in our Anki deck the information specified in the "Save format" field should be added. A typical example, corresponding to the "Save format" above, would be:

These fields MUST exist in our Anki deck in order for this to work. First, create your deck is Anki by pressing the "Add" button. Click the "Deck" button, then "Add". Type in the name of your new deck in the window that pops up and hit "OK".

diff --git a/assets/script.js b/assets/script.js index 719f7fe..9ed10bf 100644 --- a/assets/script.js +++ b/assets/script.js @@ -19,7 +19,7 @@ function toggleNight() { function nightMode() { link = document.createElement('link'); - link.href = 'style/night.css'; + link.href = 'style/night.css?2'; link.rel = 'stylesheet'; link.type = 'text/css'; link.id = 'nightcss'; diff --git a/cor.html b/cor.html index 4067aa0..6336082 100644 --- a/cor.html +++ b/cor.html @@ -4,7 +4,7 @@ cornucopia of resources - + diff --git a/index.html b/index.html index bded622..ff8e7c0 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ DJT - + @@ -25,7 +25,11 @@

thread webring

- + + diff --git a/style/anki.css b/style/anki.css index f7f6243..affedac 100644 --- a/style/anki.css +++ b/style/anki.css @@ -62,7 +62,6 @@ position:fixed; top:0px; height: 20px; width:100%; -background: #ffffff; } .header_right { diff --git a/style/cor.css b/style/cor.css index bb005eb..975bc40 100644 --- a/style/cor.css +++ b/style/cor.css @@ -75,9 +75,6 @@ color: #0066ff; } - - - table { font-size: 12px; margin:0px auto; @@ -94,93 +91,6 @@ color: #0066ff; font-weight: bold; } - .anki { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .xslx { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - .internet { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - .l-r { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .writing { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .listening { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .grammar { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - .vocab { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - .misc { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .readers { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .reference { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - .culture { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - - td { - padding: 4px; - margin: 3px; - border: 1px solid #CCC; - } - - dt { @@ -363,7 +273,7 @@ dl { .tabPanel-widget h2 { width: auto; position: static !important; - background: #999 !important; + background: #999; } diff --git a/style/night.css b/style/night.css index 41e17c9..fba6693 100644 --- a/style/night.css +++ b/style/night.css @@ -1,7 +1,47 @@ -html { +img { filter: invert(100%); } body { - background-color:#000; -} \ No newline at end of file + background-color:#0c1016; + color:#b5c0d1; +} + +a:link { + color:#4286f4; +} + +a:visited { + color:#6c4aa8; +} + +a.one { + color:#fff; +} + + .heading { + background-color: #081c33; + color: #aaa; + } + + .table td , .table { + border: 1px solid #4a5766; + } + + .tabPanel-widget > div { + background: #0c1016; + } + + .suggested { + background-color:#153024; + } + + + .tabPanel-widget > h2 { + background: #4e5556; + color: #fff; + } + + .tabPanel-widget { + background: #4e5556; + } \ No newline at end of file