diff options
author | 2018-06-17 01:36:29 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:52 +0300 | |
commit | e138b56f4719a3df9a287e42afe08bf616aa1d1d (patch) | |
tree | b3a9d4f6351538cdfa2ffba1214a0875bbe2ce87 /vnext/src/style/main.css | |
parent | 1b7e41480e213d1f214c368f553d5eb03fb70897 (diff) |
CSS update
Diffstat (limited to 'vnext/src/style/main.css')
-rw-r--r-- | vnext/src/style/main.css | 43 |
1 files changed, 29 insertions, 14 deletions
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css index 69c29f07..e08a9a09 100644 --- a/vnext/src/style/main.css +++ b/vnext/src/style/main.css @@ -72,6 +72,7 @@ html { #wrapper { margin: 0 auto; width: 1000px; + margin-top: 52px; } #column { float: left; @@ -90,20 +91,25 @@ html { min-width: 310px; width: auto; } +*::selection { + background: #006699; + color: #fff; +} body > header { - box-shadow: 0 0 3px rgba(0, 0, 0, 0.28); - background: #fff; position: fixed; top: 0; width: 100%; z-index: 10; - -webkit-transition-duration: 0.5s; transition-duration: 0.5s; - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transition-property: -webkit-transform; 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; @@ -113,9 +119,11 @@ body > header { flex-wrap: wrap; padding: 4px; } +.header--background { + box-shadow: 0 0 3px rgba(0, 0, 0, 0.28); + background: #fff; +} .header--hidden { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); transform: translateY(-100%); } #footer { @@ -128,9 +136,7 @@ body > header { @media screen and (max-width: 850px) { body { - -moz-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + text-size-adjust: 100%; } body, #wrapper, @@ -233,11 +239,12 @@ body > header { #column .margtop { margin-top: 15px; } -#column p { - font-size: 10pt; - line-height: 140%; -} + #column .tags { + background: #fff; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); + line-height: 140%; + padding: 6px; text-align: justify; } #column .inp { @@ -247,6 +254,13 @@ body > header { padding: 4px; width: 222px; } +#column .tags h4 { + background: #eee; + border: 1px solid #eee; + color: #888; + display: block; + text-align: center; +} #ctitle { font-size: 14pt; } @@ -540,6 +554,7 @@ article .tags > a, } #global a { padding: 14px 2px; + font-size: 11pt; } .msg-cont > nav.l, article > nav.l { |