labs/hugo-labs
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

css

Browse Source
This commit is contained in:
shizuka 2018-10-30 19:00:26 +01:00
parent 672318db89
commit 0925e8a423
2 changed files with 41 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/partials/navbar.html
View File

@ -1,5 +1,13 @@
<div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid"> <div class="container-fluid">
{{ if .IsTranslated }}
{{ i18n "translations" }}
{{ range .Translations }}
<a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}</a>
{{ end }}
{{ end }}
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar"> <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar">
<span class="sr-only">Toggle sidebar</span> <span class="sr-only">Toggle sidebar</span>
@ -7,8 +15,12 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
</div>
</form> </form>
</div> </div>
</div>
</div> </div>
</div> </div>

32
static/css/labs.css
View File

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