diff options
Diffstat (limited to 'vnext/src/style')
-rw-r--r-- | vnext/src/style/main.css | 44 |
1 files changed, 33 insertions, 11 deletions
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css index e6e40dfb..0216192f 100644 --- a/vnext/src/style/main.css +++ b/vnext/src/style/main.css @@ -3,7 +3,18 @@ --main-width: 1000px; } -html, body, div, h1, h2, ul, li, p, form, input, textarea, pre { +html, +body, +div, +h1, +h2, +ul, +li, +p, +form, +input, +textarea, +pre { margin: 0; padding: 0; } @@ -17,13 +28,17 @@ textarea { overflow: auto; } -html, input, textarea, button { +html, +input, +textarea, +button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: subpixel-antialiased; font-size: 12pt; } -h1, h2 { +h1, +h2 { font-weight: normal; padding: 24px; } @@ -55,7 +70,8 @@ a { text-decoration: none; } -img, hr { +img, +hr { border: none; } @@ -79,7 +95,8 @@ img, hr { transform: translateY(-100%); } -#header_wrapper, .footer_container { +#header_wrapper, +.footer_container { display: flex; justify-content: space-between; align-items: center; @@ -166,7 +183,8 @@ img, hr { display: flex; } -#global a, #ctitle a { +#global a, +#ctitle a { display: flex; align-items: center; border-bottom: 2px solid transparent; @@ -177,7 +195,7 @@ img, hr { padding: 14px 16px; } -#sidebar>a { +#sidebar > a { color: #88958d; border-right: 2px solid transparent; display: flex; @@ -186,7 +204,7 @@ img, hr { vertical-align: middle; } -#sidebar>a:hover { +#sidebar > a:hover { background-color: #f8f8f8; border-right: 2px solid #ff339a; cursor: pointer; @@ -196,7 +214,10 @@ img, hr { padding: 2px 20px; } -#global a:hover, #ctitle a:hover, .l a:hover .msg-button:hover { +#global a:hover, +#ctitle a:hover, +.l a:hover, +.msg-button:hover { background-color: #f8f8f8; border-bottom: 2px solid #ff339a; cursor: pointer; @@ -257,7 +278,8 @@ img, hr { grid-template-columns: 1fr 1fr; grid-template-rows: min-content minmax(min-content, 1fr) min-content; } - #header_wrapper, .footer_container { + #header_wrapper, + .footer_container { margin: 0 auto; width: var(--main-width); } @@ -290,4 +312,4 @@ img, hr { overflow-x: inherit; width: 240px; } -}
\ No newline at end of file +} |