CSS update

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 {