diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html index 39a1a00..7f6b036 100644 --- a/layouts/partials/navbar.html +++ b/layouts/partials/navbar.html @@ -1,5 +1,13 @@ + diff --git a/static/css/labs.css b/static/css/labs.css index 89137fd..f651ad4 100644 --- a/static/css/labs.css +++ b/static/css/labs.css @@ -4,6 +4,9 @@ BODY { font-weight: 300; font-size: 1.6rem; color: #4d5363; + max-width: 160rem; /*160rem lub 68%*/ + margin: auto; + vertical-align: middle; } code { @@ -23,7 +26,7 @@ h1 { h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif; - text-rendering: optimizeLegibility; + /* text-rendering: optimizeLegibility;*/ letter-spacing: 0; margin: 0 0; } @@ -47,7 +50,7 @@ h4 { img{ max-width: 100%; height: auto; - padding: 1.5rem 0rem; + padding: 0rem 0rem; } video { @@ -62,6 +65,11 @@ pre { margin-bottom: 1rem; } +.trans { + text-align: left; + float: left; +} + .input-group { padding-right: 3rem; padding-left: 2rem; @@ -96,6 +104,11 @@ pre { position: fixed; } +.navbar h4 { + float: left; +} + + a:link { color: #e00; } @@ -138,7 +151,7 @@ a:hover { font-weight: 400; font-size: 1.25rem; line-height: 1.55; - width: 32.5rem; + width: 40rem; margin: 0 0; } @@ -217,12 +230,15 @@ a:hover { @media (min-width: 768px) { .sidebar { - display: block; + display: none; /* block;*/ top: 0rem; } .navbar a { font-size: 2rem; + color: #000; + text-align: right; + float: right; } .main { @@ -232,7 +248,13 @@ a:hover { } .navbar { - display: none; + display: block; + background-color: #fff; + } + + #trans{ + text-align: left; + float: left; } img {