From c4256b9ad70c63105552b74c8d58e6ad732f0bac Mon Sep 17 00:00:00 2001 From: postautistic Date: Sun, 11 Dec 2016 11:08:24 -0500 Subject: [PATCH] night mode icon --- assets/script.js | 2 +- cor.html | 2 +- index.html | 2 +- style/anki.css | 17 +++++++++++++---- style/cor.css | 15 +++++++++++---- style/style.css | 15 +++++++++------ 6 files changed, 36 insertions(+), 17 deletions(-) diff --git a/assets/script.js b/assets/script.js index 5300f92..719f7fe 100644 --- a/assets/script.js +++ b/assets/script.js @@ -2,7 +2,7 @@ if(checkCookie() == true) { nightMode(); } var div = document.createElement('div'); -div.innerHTML = '☽'; +div.innerHTML = ''; div.id = 'night'; div.title = 'night mode'; document.body.appendChild(div); diff --git a/cor.html b/cor.html index 9cdc013..4067aa0 100644 --- a/cor.html +++ b/cor.html @@ -4,7 +4,7 @@ cornucopia of resources - + diff --git a/index.html b/index.html index 15c1f4b..bded622 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ DJT - + diff --git a/style/anki.css b/style/anki.css index 73c4602..f7f6243 100644 --- a/style/anki.css +++ b/style/anki.css @@ -1,11 +1,20 @@ #night { position:absolute; - top:.1em; - right:.6em; - font-size:120%; + top:0px; + right:.4em; + font-weight:bold; text-decoration:none; - color: #F44D54; cursor:pointer; + z-index:100; + opacity:.6; +} + +#night img { + height:33px; +} + +#night:hover { + opacity:1; } html { diff --git a/style/cor.css b/style/cor.css index 6503006..bb005eb 100644 --- a/style/cor.css +++ b/style/cor.css @@ -1,13 +1,20 @@ #night { position:absolute; - top:2px; - right:.6em; - font-size:120%; + top:0px; + right:.4em; font-weight:bold; text-decoration:none; - color: #F44D54; cursor:pointer; z-index:100; + opacity:.6; +} + +#night img { + height:35px; +} + +#night:hover { + opacity:1; } body { diff --git a/style/style.css b/style/style.css index 1c0bb16..994faf5 100644 --- a/style/style.css +++ b/style/style.css @@ -1,11 +1,14 @@ #night { position:absolute; - top:.4em; - right:.6em; - font-size:200%; + top:.2em; + right:.3em; text-decoration:none; - color: #F44D54; cursor:pointer; + opacity:.6; +} + +#night:hover { + opacity:1; } body { @@ -16,7 +19,7 @@ body { margin-top: 0px; } -img { +#image { opacity: 0.35; right:10%; position:absolute; @@ -37,7 +40,7 @@ font-size:15.0pt; float:left; } -.volumes, img { +.volumes, #image { margin-top:2.1em; }