/* Theme Name: jansass Blank One Version: 0.4.0 Theme URI: https://www.jansass.com/wordpress/ Author: jansass GmbH Author URI: https://www.jansass.com Description: Ultra lightweight and fast, yet fully loaded License: Commercial License URI: https://www.jansass.com Tags: responsive-layout Requires at least: 4.0 Requires PHP: 7.0 Text Domain: jansass-blank-one jansass Blank One, Copyright 2018 jansass GmbH */ /* debug */ /* div,article {outline: 1px dashed rgba(0,0,0,0.2);} header {background: rgba(200,0,0,0.5);} menu {background: rgba(0,200,0,0.5);} content {background: rgba(0,0,200,0.5);} footer {background: rgba(100,0,100,0.5);} */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* HTML styles */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body, html {font-family: sans-serif; /*transition: all 0.15s ease;*/ line-height: 1.5; } html {font-size: 100%;} strong, b {font-weight: bold;} small {font-size: 80%;} img {max-width: 100%;height: auto;} a {transition: all 0.5s ease; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin-bottom: 0.5em; line-height: 150%;} p {margin-bottom: 1em;} h4, .h4, h5, .h5, h6, .h6 {font-size: 1.2em;} @media (max-width:1200px){ html {font-size: 90%;} } @media (max-width:767px){ html {font-size: 80%;} } @media (max-width:399px){ html {font-size: 70%;} } ul:not(.nav) {list-style: square; margin-left: 1em; margin-bottom: 1em;} ul:not(.nav) li {margin-bottom: 0.5em;} ul:not(.nav) ul:not(.nav) {margin-top: 0.5em;} .pointer {cursor: pointer;} .strong {font-weight: bold;} .aligncenter {margin: auto; display: block;} .alignleft {text-align: left;} /* Boostrap 4 Overrides */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ input.btn-primary, input.btn-primary:hover, input.btn-primary.disabled, input.btn-primary:disabled {background-color: transparent; font-weight: bold; border-radius: 1px; border: 0; padding: 5px 20px} input.btn-primary:hover {opacity: 0.9;} .list-group-item, .dropdown-menu, .dropdown-item.active, .dropdown-item:active, input.btn-primary:not(:disabled):not(.disabled).active, input.btn-primary:not(:disabled):not(.disabled):active, .show>input.btn-primary.dropdown-toggle {background-color: transparent} input.btn-primary:not(:disabled):not(.disabled).active:focus, input.btn-primary:not(:disabled):not(.disabled):active:focus, .show>input.btn-primary.dropdown-toggle:hover, input.btn-primary:not(:disabled):not(.disabled).active:hover, input.btn-primary:not(:disabled):not(.disabled):active:hover, .show>input.btn-primary.dropdown-toggle:hover {box-shadow: 0 0 0 0.2rem rgba(7, 55, 75, 0.3);} nav.navbar .navbar-toggler {margin: auto; outline: none !important;} nav.navbar .dropdown-menu {text-align: inherit; font-size: inherit; border: 0; border-radius: 0; background: white;} header#header {margin-bottom: 1rem;} header#header div#menu a { padding-right: .5rem; padding-left: .5rem; display: block;} #widgets .col {margin: 0.5em 0;} /* Cookiebar */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#cookiebar { display:none; position:fixed; min-width:100%; height:auto; z-index:99999; left:0; text-align:center; cursor:pointer; border:0; text-decoration:none; outline:0; bottom:0 } div#cookiebar button {vertical-align: baseline;} /* Breadcrumb */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ nav.breadcrumb, ol.breadcrumb {width: 100%; display: inline-block;} /* Sticky Navbar */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media (min-width:768px){ header#header.sticky { position: fixed; top: 0; width: 100%; z-index: 99998;} } /* Bootstrap Menu Level 3 */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /*nav.navbar ul.nav li.dropdown.show div.dropdown-menu.show a.menu-item-has-children:after {content:"\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-left: 0.25rem;} nav.navbar ul.nav li.dropdown.show div.dropdown-menu.show a.menu-item-has-children:hover + div.dropdown-menu {display: block;}*/ /* WP blogroll */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div.col.post {margin: 1em 0;} /* WP galleries */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div.gallery {line-height: 0;} div.gallery img {width: 100%;} .gallery-caption { display: block; font-size: 0.71111em; line-height: 1.6; margin: 0; padding: 0.5rem;} div.gallery .gallery-item {display: inline-block; margin: 2px;} div.gallery.gallery-columns-1 .gallery-item {width: calc(100.00% - 5px);} div.gallery.gallery-columns-2 .gallery-item {width: calc(50.00% - 5px);} div.gallery.gallery-columns-3 .gallery-item {width: calc(33.33% - 5px);} div.gallery.gallery-columns-4 .gallery-item {width: calc(25.00% - 5px);} div.gallery.gallery-columns-5 .gallery-item {width: calc(20.00% - 5px);} div.gallery.gallery-columns-6 .gallery-item {width: calc(16.67% - 5px);} div.gallery.gallery-columns-7 .gallery-item {width: calc(14.29% - 5px);} div.gallery.gallery-columns-8 .gallery-item {width: calc(12.50% - 5px);} div.gallery.gallery-columns-9 .gallery-item {width: calc(11.11% - 5px);} div.gallery.gallery-columns-10 .gallery-item {width: calc(10.00% - 5px);} div.gallery.gallery-columns-11 .gallery-item {width: calc(9.09% - 5px);} div.gallery.gallery-columns-12 .gallery-item {width: calc(8.33% - 5px);} @media (max-width:992px){ div.gallery.gallery-columns-1 .gallery-item, div.gallery.gallery-columns-2 .gallery-item {width: calc(100.00% - 6px);} div.gallery.gallery-columns-3 .gallery-item, div.gallery.gallery-columns-4 .gallery-item, div.gallery.gallery-columns-5 .gallery-item {width: calc(50.00% - 6px);} div.gallery.gallery-columns-6 .gallery-item, div.gallery.gallery-columns-7 .gallery-item, div.gallery.gallery-columns-8 .gallery-item, div.gallery.gallery-columns-9 .gallery-item, div.gallery.gallery-columns-10 .gallery-item, div.gallery.gallery-columns-11 .gallery-item, div.gallery.gallery-columns-12 .gallery-item {width: calc(33.34% - 7px);} } @media (max-width:480px){ div.gallery.gallery-columns-1 .gallery-item, div.gallery.gallery-columns-2 .gallery-item, div.gallery.gallery-columns-3 .gallery-item, div.gallery.gallery-columns-4 .gallery-item, div.gallery.gallery-columns-5 .gallery-item, div.gallery.gallery-columns-6 .gallery-item, div.gallery.gallery-columns-7 .gallery-item, div.gallery.gallery-columns-8 .gallery-item, div.gallery.gallery-columns-9 .gallery-item, div.gallery.gallery-columns-10 .gallery-item, div.gallery.gallery-columns-11 .gallery-item, div.gallery.gallery-columns-12 .gallery-item{width: calc(100.00% - 6px);} } /* WP Misc Defaults */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .bypostauthor { display: block;} .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;} .wp-caption-text { color: #767676; font-size: 0.71111em; line-height: 1.6; margin: 0; padding: 0.5rem; text-align: center;} .wp-caption { margin-bottom: calc(1.5 * 1rem);} /* Thickbox Candy */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #TB_next {text-indent: -9999px; line-height: 9999px;} #TB_prev {text-indent: -9999px; line-height: 9999px;} #TB_next a, #TB_next a:visited {display: block; position:absolute; top:40px; right:0; width:50%; height:92%; z-index:999;text-align:right;} #TB_prev a, #TB_prev a:visited {display: block; position:absolute; top:40px; left:0; width:50%; height:92%; z-index:999;} #TB_next a:after, #TB_prev a:after{position: absolute; top: 55%; width: 16px; height: 16px; color: black; font: normal normal normal 14px/1 FontAwesome; text-shadow: 0px 0px 2px white; line-height: 0; text-indent: 0;} #TB_next a:after{content: "\f054";right: 30px; } #TB_prev a:after{content: "\f053";left: 30px; } #TB_closeWindowButton {display: none;} #TB_ImageOff {font-size: 14px;text-transform: uppercase;padding-left: 1em;} /* jansass_Spacer */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div.jansass_Spacer { display:table; width:100%; height:100%; position:relative;} div.jansass_Spacer>div {display: table-cell; text-align: center; vertical-align: middle; width:auto; height:auto;} hr {margin: 0;} /* jansass_Menu */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ul.jansass_Menu.inline {list-style: none; margin: 0; padding: 0;} ul.jansass_Menu.inline li {margin: 0; padding: 0 1em; text-indent: 0; display: inline-block; } ul.jansass_Menu.inline li:nth-child(1) {padding-left: 0;} ul.jansass_Menu.list {list-style: none; margin: 0; padding: 0;} ul.jansass_Menu.list li {margin: 0; padding: 0; text-indent: 0; }