From be0be98c0329a3cf483a9e3fd076047568c27bee Mon Sep 17 00:00:00 2001 From: shizuka Date: Sun, 4 Nov 2018 16:40:37 +0100 Subject: [PATCH] css --- layouts/_default/baseof.html | 11 +------ layouts/partials/navbar.html | 5 --- static/css/labs.css | 63 ++++++++++++++++++++++++++++-------- 3 files changed, 51 insertions(+), 28 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index b915c4d..84d7426 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -23,16 +23,7 @@ {{ block "sidebar" . }} {{ partial "sidebar" . }} {{ end }} - {{ if .IsTranslated }} -

{{ i18n "translations" }}

- - {{ end }} +
{{ block "main" . }} diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html index 7f6b036..e6ee092 100644 --- a/layouts/partials/navbar.html +++ b/layouts/partials/navbar.html @@ -15,11 +15,6 @@ - - - - -
diff --git a/static/css/labs.css b/static/css/labs.css index f651ad4..8ad1869 100644 --- a/static/css/labs.css +++ b/static/css/labs.css @@ -66,13 +66,40 @@ pre { } .trans { - text-align: left; - float: left; + text-align: left; + float: left; } .input-group { - padding-right: 3rem; - padding-left: 2rem; + padding-right: 4rem; + padding-left: 3rem; + height: 1rem; +} + +.form-control { + max-height: 2.6rem; + margin: 0 0; + border-color: #4d5363; + border-radius: 1rem; + color: #4d5363; +} + +.btn { + font-size: 1.2rem; + color: #4d5363; + padding: 0.4rem 1.5rem; + max-height: 2.6rem; + max-width: auto; + margin: 0 0; + float: right; + border-color: #4d5363; + border-radius: 1rem; +} + +.btn:hover { + color: #ba3232; + background-color: white; + border-color: #4d5363; } .warning { @@ -102,13 +129,10 @@ pre { .navbar { background-color: #292929; position: fixed; + margin: 0rem 0rem; + border-bottom-width: 0rem; } -.navbar h4 { - float: left; -} - - a:link { color: #e00; } @@ -121,6 +145,14 @@ a:hover { color: #000; } +.navbar a { + padding-top: 1.1rem; + font-size: 2rem; + color: #fff; + text-align: right; + float: right; +} + .sidebar-header { color: #000; font-size: 1rem; @@ -131,6 +163,7 @@ a:hover { background-color: rgb(186, 50, 50);/*#ba3232;*/ } + .sidebar-toggle { float: left; margin-left: 1.5rem; @@ -139,7 +172,7 @@ a:hover { .sidebar { margin-top: -0.15rem; position: fixed; - top: 5.1rem; + top: 5rem; bottom: 0; left: 0; z-index: 1050; @@ -151,7 +184,7 @@ a:hover { font-weight: 400; font-size: 1.25rem; line-height: 1.55; - width: 40rem; + width: 32rem; margin: 0 0; } @@ -230,8 +263,9 @@ a:hover { @media (min-width: 768px) { .sidebar { - display: none; /* block;*/ + display: block; top: 0rem; + width: 40rem; } .navbar a { @@ -250,10 +284,13 @@ a:hover { .navbar { display: block; background-color: #fff; + max-width: 150rem; + margin: auto; + vertical-align: middle; } #trans{ - text-align: left; + text-align: left; float: left; }