From 237a5e6b6bd1b513de2bf68a55d62b846c88d4fe Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Wed, 5 Dec 2018 13:26:10 +0300 Subject: styling update --- src/main/assets/style.css | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) (limited to 'src/main/assets') 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; -- cgit v1.2.3