aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/main/assets/style.css24
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;