105 lines
5.0 KiB
CSS
105 lines
5.0 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
@import url("font/ihs.css");
|
||
|
|
|
||
|
|
html, body { border: 0 none; padding: 0; margin: 0; min-height: 100%; position: static; }
|
||
|
|
html { font-family: Sans-Serif; background: url("img/holz.jpg") #dbb97b; position: relative; }
|
||
|
|
body { margin: 1em; padding: 1em; max-width: 710px; background: #fff; font-size: 81.3% !important; }
|
||
|
|
body.post-type-gallery { background: transparent; }
|
||
|
|
header, hgroup, nav, footer, article { display: block; }
|
||
|
|
.h, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; font-family: IHS, Serif; font-size: 1em; font-weight: normal; font-style: normal; }
|
||
|
|
button, input, select, optgroup, option { margin: 0; font: inherit; color: inherit; }
|
||
|
|
button, input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer; }
|
||
|
|
p, ul, ol, dt { line-height: 1.5; }
|
||
|
|
abbr { border-bottom: 1px dotted; }
|
||
|
|
a { color: #1d4899; }
|
||
|
|
figure, .wp-caption { margin: 0; max-width: 100%; }
|
||
|
|
figcaption, .wp-caption-text { font-style: italic; padding: 0.5em 0; }
|
||
|
|
.screen-reader-text { display: none; }
|
||
|
|
.aligncenter { margin: 0 auto; }
|
||
|
|
.alignleft { float: left; margin: 0 1em 0 0; }
|
||
|
|
.alignright { float: right; margin: 0 0 0 1em; }
|
||
|
|
|
||
|
|
::-moz-selection { background: #1d4899; color: #ffcb04; text-shadow: none; outline: 2px solid #1d4899; }
|
||
|
|
::selection { background: #1d4899; color: #ffcb04; text-shadow: none; outline: 2px solid #1d4899; }
|
||
|
|
|
||
|
|
/* Media object */
|
||
|
|
.media { margin: 1em 0; }
|
||
|
|
.media, .bd { overflow: hidden; _overflow: visible; }
|
||
|
|
/*.media img { display: block; }*/
|
||
|
|
/* Clearfix */
|
||
|
|
.clearfix::after,
|
||
|
|
.clearfix::before,
|
||
|
|
.media::after,
|
||
|
|
.media::before { content: " "; display: table; }
|
||
|
|
.clearfix::after,
|
||
|
|
.media::after { clear: both; }
|
||
|
|
|
||
|
|
/* Überschriften mit Bild darunter */
|
||
|
|
.h-box { position: relative; display: block; margin-bottom: 1em; text-decoration: none; }
|
||
|
|
.h-box > img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
|
||
|
|
.h-box > .wrap { position: absolute; max-width: 100%; left: 0; }
|
||
|
|
.h-box > .wrap > * { display: inline; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
|
||
|
|
|
||
|
|
.h-box-teaser { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); margin-left: -240px; line-height: 1; display: inline-block; width: 1300px; max-width: 100%; }
|
||
|
|
.h-box-teaser > img { position: static; }
|
||
|
|
.h-box-teaser > .wrap { bottom: 1em; padding-left: 240px; }
|
||
|
|
.h-box-teaser > .wrap > * { background: rgba(56, 46, 35, 0.7); color: #ffcb04; padding: 2px 13px 4px; font-size: 52px; line-height: 78px; }
|
||
|
|
@media (max-width: 720px) {
|
||
|
|
.h-box-teaser { margin-top: 1em; margin-left: 0; }
|
||
|
|
.h-box-teaser > .wrap { padding-left: 1em; }
|
||
|
|
.h-box-teaser > .wrap > * { font-size: 2em; line-height: 39px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-box-blaugelb { padding-top: 47.1428571%; }
|
||
|
|
.h-box-blaugelb > .wrap { bottom: 0; font-size: 18px; }
|
||
|
|
.h-box-blaugelb > .wrap > * { color: #1d4899; background: #ffcb04; padding: 3px 5px; line-height: 26px; }
|
||
|
|
|
||
|
|
.h-box-blaugelb-bildlos { padding: 0; }
|
||
|
|
.h-box-blaugelb-bildlos > .wrap { position: static; }
|
||
|
|
/**/
|
||
|
|
|
||
|
|
.container { max-width: 1020px; }
|
||
|
|
.page .container,
|
||
|
|
.single-post:not(.single-format-gallery) .container { max-width: 710px; }
|
||
|
|
|
||
|
|
.content-singular .format-gallery { background: transparent; padding: 0; margin: 0; position: relative; }
|
||
|
|
.content-singular .format-gallery .gallery { display: flex; flex-wrap: wrap; align-content: space-between; align-items: flex-start; }
|
||
|
|
.content-singular .format-gallery .gallery-item { background: #fff; padding: 1em; margin: 0 1em 1em 0; }
|
||
|
|
.gallery-columns-1 .gallery-item { flex: 1 0 50%; }
|
||
|
|
.gallery-columns-2 .gallery-item { flex: 1 0 34%; }
|
||
|
|
.gallery-columns-3 .gallery-item { flex: 1 0 25%; }
|
||
|
|
.gallery-columns-4 .gallery-item { flex: 1 0 20%; }
|
||
|
|
|
||
|
|
.content-gallery { display: flex; position: relative; z-index: 10; flex-wrap: wrap; overflow: hidden; }
|
||
|
|
.content-gallery > article { flex: 1 1 25%; }
|
||
|
|
body > :first-child { margin-top: 0; }
|
||
|
|
body > :last-child { margin-bottom: 0; }
|
||
|
|
.content-singular > article:not(.format-gallery),
|
||
|
|
.content-gallery > article,
|
||
|
|
.commentlist article,
|
||
|
|
.comment-form { min-width: 20em; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
|
||
|
|
.content-gallery > article { max-width: calc(33.333% - 1em); }
|
||
|
|
@media (max-width: 800px) { .content-gallery > article { max-width: 100%; } }
|
||
|
|
|
||
|
|
/* WordPress-Wünsche */
|
||
|
|
.sticky {}
|
||
|
|
|
||
|
|
img { max-width: 100%; height: auto; border: 0 none; vertical-align: middle; }
|
||
|
|
ul, ol { padding-left: 2em; }
|
||
|
|
dl, ul, ol, h1, h2, h3, h4, h5, h6, blockquote, p, table { margin: 0.5em 0; }
|
||
|
|
dd, li > ol, li > ul { margin: 0; }
|
||
|
|
dt { font-weight: bold; }
|
||
|
|
blockquote, dd { padding-left: 2em; }
|
||
|
|
body > p:empty:last-child { margin: -0.5em 0 0.5em; }
|
||
|
|
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display: inline-block; background: #ffcb04; color: #1d4899; margin-bottom: 0; padding: 2px 4px; }
|
||
|
|
h3, .h3 { font-size: 18px; padding: 3px 5px; }
|
||
|
|
h4, .h4 { font-size: 16px; }
|
||
|
|
h5, .h5 { font-size: 14px; }
|
||
|
|
.gallery-caption {}
|
||
|
|
.bypostauthor {}
|
||
|
|
.twitter-tweet {}
|
||
|
|
|
||
|
|
h1, .h1, h2, .h2 { font-size: 20px; }
|
||
|
|
h1::after, h2::after { color: red; background: black; display: block; padding: 5px; content: "Bitte Überschriften ab 3. Ordnung benutzen."; }
|