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

css

Browse Source
This commit is contained in:
shizuka 2018-11-04 16:40:37 +01:00
parent 0925e8a423
commit be0be98c03
3 changed files with 51 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/_default/baseof.html
View File

@ -23,16 +23,7 @@
{{ block "sidebar" . }} {{ block "sidebar" . }}
{{ partial "sidebar" . }} {{ partial "sidebar" . }}
{{ end }} {{ end }}
{{ if .IsTranslated }}
<h4>{{ i18n "translations" }}</h4>
<ul>
{{ range .Translations }}
<li>
<a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}: {{ .Title }}</a>
</li>
{{ end }}
</ul>
{{ end }}
</div> </div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
{{ block "main" . }} {{ block "main" . }}

5
layouts/partials/navbar.html
View File

@ -15,11 +15,6 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
</form>
</div> </div>
</div> </div>
</div> </div>

63
static/css/labs.css
View File

@ -66,13 +66,40 @@ pre {
} }
.trans { .trans {
text-align: left; text-align: left;
float: left; float: left;
} }
.input-group { .input-group {
padding-right: 3rem; padding-right: 4rem;
padding-left: 2rem; 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 { .warning {
@ -102,13 +129,10 @@ pre {
.navbar { .navbar {
background-color: #292929; background-color: #292929;
position: fixed; position: fixed;
margin: 0rem 0rem;
border-bottom-width: 0rem;
} }
.navbar h4 {
float: left;
}
a:link { a:link {
color: #e00; color: #e00;
} }
@ -121,6 +145,14 @@ a:hover {
color: #000; color: #000;
} }
.navbar a {
padding-top: 1.1rem;
font-size: 2rem;
color: #fff;
text-align: right;
float: right;
}
.sidebar-header { .sidebar-header {
color: #000; color: #000;
font-size: 1rem; font-size: 1rem;
@ -131,6 +163,7 @@ a:hover {
background-color: rgb(186, 50, 50);/*#ba3232;*/ background-color: rgb(186, 50, 50);/*#ba3232;*/
} }
.sidebar-toggle { .sidebar-toggle {
float: left; float: left;
margin-left: 1.5rem; margin-left: 1.5rem;
@ -139,7 +172,7 @@ a:hover {
.sidebar { .sidebar {
margin-top: -0.15rem; margin-top: -0.15rem;
position: fixed; position: fixed;
top: 5.1rem; top: 5rem;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1050; z-index: 1050;
@ -151,7 +184,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: 40rem; width: 32rem;
margin: 0 0; margin: 0 0;
} }
@ -230,8 +263,9 @@ a:hover {
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar { .sidebar {
display: none; /* block;*/ display: block;
top: 0rem; top: 0rem;
width: 40rem;
} }
.navbar a { .navbar a {
@ -250,10 +284,13 @@ a:hover {
.navbar { .navbar {
display: block; display: block;
background-color: #fff; background-color: #fff;
max-width: 150rem;
margin: auto;
vertical-align: middle;
} }
#trans{ #trans{
text-align: left; text-align: left;
float: left; float: left;
} }