www-bocal/mainsite/static/css/site-base.css

115 lines
1.8 KiB
CSS
Raw Normal View History

html, body, .full-height {
height: 100%;
}
/* Move down content because we have a fixed navbar that is 125px tall */
body {
padding-top: 125px;
}
/*
* Global add-ons
*/
.sub-header {
padding-bottom: 10px;
}
/*
* Top navigation
* Hide default border to remove 1px line.
*/
.navbar-fixed-top {
border: 0;
}
.navbar {
background-color: #eba367;
}
.navbar-brand {
height: 125px;
padding: 20px;
}
.navbar >li >a {
padding-top: 30px;
padding-bottom: 20px;
}
.navbar-toggle {
padding: 10px;
margin: 25px 15px 25px 0;
}
/* Hide for mobile, show later */
.sidebar {
display: none;
}
@media (min-width: 768px) {
.sidebar {
position: fixed;
top: 125px;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
padding: 20px;
overflow-x: hidden;
2017-09-22 19:15:58 +02:00
overflow-y: visible; /* Scrollable contents if viewport is shorter than content. */
background-color: #eba367;
}
}
/* Sidebar navigation */
.nav-sidebar {
font-size: 1.2em;
margin-right: -20px;
margin-bottom: 20px;
margin-left: -20px;
}
.nav-sidebar > li > a {
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
color: #9c0635;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
margin-right: 5px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
color: #FDF6E3;
/*background-color: #AD2624; */
}
.nav > li > a:hover {
color: #eba367;
background-color: #AD2624;
}
/*
* Main content
*/
.main-row {
2017-09-22 09:43:14 +02:00
background-color: #eba367;
}
.main {
2017-09-22 19:15:58 +02:00
padding: 40px;
background-color: white;
2017-09-22 09:43:14 +02:00
border-top-left-radius: 50px;
}
@media (min-width: 768px) {
.main {
2017-09-22 19:15:58 +02:00
padding-left: 60px;
padding-right: 40px;
}
}
.main .page-header {
margin-top: 0;
}