styling update

1 files changed, 10 insertions, 14 deletions

diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index 84f6ca5d..882ecd3c 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -69,7 +69,7 @@ pre::-moz-selection {
 /* #region overall layout */
 
 html {
-    background: #f8f8f8;
+    background: #fdfdfe;
     color: #222;
 }
 #wrapper {
@@ -99,6 +99,8 @@ html {
     color: #fff;
 }
 body > header {
+    background: #f8f8f8;
+    box-shadow: 0 0 3px rgba(0, 0, 0, .28);
     position: fixed;
     top: 0;
     width: 100%;
@@ -107,12 +109,6 @@ body > header {
     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     transition-property: transform;
 }
-@supports (backdrop-filter: blur(10px)) {
-    body > header--background {
-        background: rgba(255, 255, 255, 0.8);
-        backdrop-filter: blur(10px);
-    }
-}
 #header_wrapper {
     margin: 0 auto;
     width: 1000px;
@@ -120,16 +116,12 @@ body > header {
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
-    padding: 4px;
-}
-.header--background {
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
-    background: #fff;
 }
 .header--hidden {
     transform: translateY(-100%);
 }
 #footer {
+    background: #f8f8f8;
     clear: both;
     color: #999;
     font-size: 10pt;
@@ -199,13 +191,17 @@ body > header {
 #ctitle a {
     padding: 4px 20px;
 }
+#global a:hover {
+    color: #fff;
+}
 #global li:hover,
 #ctitle a:hover,
 .l a:hover {
-    background-color: #fff;
+    background-color: #ec4b98;
+    color: #fff;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
     cursor: pointer;
-    transition: box-shadow 0.2s ease-in;
+    transition: background 0.2s ease-out;
 }
 #search input {
     background: #FFF;