aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/style
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src/style')
-rw-r--r--vnext/src/style/main.css43
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 {