sidebar and css changes

This commit is contained in:
shizuka 2018-10-13 17:15:51 +02:00
parent b88efdbbc7
commit 71f8b7c0f8
2 changed files with 48 additions and 11 deletions

View File

@ -1,10 +1,16 @@
{{ $currentPage := . }} {{ $currentPage := . }}
<ul> <ul>
<div class="sidebar-header"> <div class="sidebar-header">
<a class="sidebar-brand" href="/"> {{ if eq .Lang "en"}}
<a class="sidebar-brand" href="/en/">
{{ .Site.Title }} {{ .Site.Title }}
</a> </a>
{{else}}
<a class="sidebar-brand" href="/">
{{ .Site.Title }}
</a>
{{end}}
<form class="sidebar-header sidebar-brand" action="https://szukaj.wmi.amu.edu.pl/search/" method="GET"> <form class="sidebar-header sidebar-brand" action="https://szukaj.wmi.amu.edu.pl/search/" method="GET">
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" name="q" placeholder="Search"> <input type="text" class="form-control" name="q" placeholder="Search">
@ -13,9 +19,11 @@
<span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-search"></span>
</button> </button>
</span> </span>
</form> </form>
</div> </div>
</div> </div></br>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}

View File

@ -9,14 +9,16 @@ BODY {
code { code {
color: f00; color: f00;
font-size: 1.7rem; font-size: 1.6rem;
background-color: #f9f2f4;
} }
h1 { h1 {
text-align: center; text-align: center;
font-size: 3.5rem; font-size: 3.5rem;
} }
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;
@ -47,8 +49,11 @@ video {
} }
pre { pre {
font-size: 1.7rem; font-size: 1.6rem;
line-height: 1.7; line-height: 1.7rem;
margin-top: 10px;
margin-bottom: 10px;
} }
.input-group { .input-group {
@ -56,8 +61,30 @@ pre {
padding-left: 20px; padding-left: 20px;
} }
.navbar {
.warning {
border-left: 10px solid #ba3232;
margin-left: auto;
margin-bottom: 20px;
margin-top: 20px;
color: #ba3232;
padding: 25px 35px;
text-align: left;
background-color: #fdf7f7;
}
.info {
border-left: 10px solid #918f8a; /*#4d5363*/
margin-left: auto;
margin-bottom: 20px;
margin-top: 20px;
color: black;
padding: 25px 35px;
text-align: left;
background-color: #f2f2f2;
}
.navbar {
letter-spacing: +.05rem; letter-spacing: +.05rem;
font-weight: bold; font-weight: bold;
@ -111,7 +138,7 @@ a:hover {
} }
.sidebar { .sidebar {
margin-top: -2px; margin-top: -1px;
position: fixed; position: fixed;
top: 51px; top: 51px;
bottom: 0; bottom: 0;
@ -126,6 +153,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: 325px;
} }
.sidebar.active { .sidebar.active {
@ -136,7 +164,7 @@ a:hover {
@media (min-width: 768px) { @media (min-width: 768px) {
.sidebar { .sidebar {
display: block; display: block;
padding-top: 0px; top: 0px;
} }
.navbar a { .navbar a {
font-size: 2rem; font-size: 2rem;
@ -211,6 +239,7 @@ a:hover {
display: none; display: none;
} }
} }
.main .page-header { .main .page-header {
margin-top: 0; margin-top: 0;
} }