diff --git a/scss/blog.scss b/scss/blog.scss index 7e096dc..445273e 100644 --- a/scss/blog.scss +++ b/scss/blog.scss @@ -19,117 +19,17 @@ $type: blog; // ToDo // -/* -body { - background: rgb(33, 39, 48) !important; - color: rgb(255, 255, 255) !important; -}*/ -/*.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a { - rgb(109, 176, 255) !important; -}*/ - -/* -body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover { - rgb(109, 176, 255) !important; -} -*/ - -/* -.post-meta-single-top .post-meta { - color: rgb(187, 187, 187) !important; -} -*/ - - -/* Logo links im Header */ -/*@media ( min-width: 480px ) { - .header-titles-wrapper::before { - content: ' '; - background: url(/.cdn/images/natenom_avatar_cleanspace_200x200.png); - background-size: auto; - position: relative; - background-size: cover; - height: 4.5rem; - width: 4.5rem; - -webkit-width: 9rem; - display: table; - float: left; - margin-right: 3rem; - } -}*/ - -/* Damit auch in Chromium der Elefant komplett angezeigt wird und sich nicht versteckt */ -/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { -.header-titles-wrapper::before { - width: 9rem; -}*/ - - - -/* Abstand Artikelbilder zu Inhalt darunter und drueber verkleinern */ -.entry-header { - padding-bottom: 4rem !important; +.related_post a { + color: #979ba9 !important; } -.post-inner { - padding-top: 4rem !important; -} - -.featured-media { - margin-top: 0 !important; -} /* Bildbeschreibungen nur unter Artikelbildern werden ausgeblendet */ .featured-media-inner .wp-caption-text { display: none; } -/* Abstand zwischenÃUeerschrift und Artikel verringern, wenn kein "Featured Media" bzw. Bild */ - -.blog .featured-media, .tag .featured-media, .category .featured-media { - padding-bottom: 4rem !important; - -} -.post-inner { - padding-top: 0rem !important; -} - - -/* Zum Ausblenden der Anzahl der Kommentare auf Hauptseite */ -/*.post-comment-link.meta-wrapper { - display: none; -}*/ - - -/* Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10 */ -.cover-header-inner-wrapper.screen-height { - min-height: 60vh !important; -} - -/* Cover-Farbe (falls du keinen Hex-Code angeben kannst) */ -.cover-color-overlay.color-accent { - color: #252d39 !important; -} - - - - - - - - - - - - - -.template-cover .primary-menu-wrapper a, .cover-header .entry-categories a { - color: #fff !important; -} -.primary-menu-wrapper a, .entry-categories a { - color: #6db0ff !important; -} .menu-modal a { color: #6db0ff !important; @@ -150,14 +50,3 @@ body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .pri .search-submit { background: #6db0ff !important; } - - -/* Auf Seiten muss auch etwas Platz von Header zum Text eingefuegt werden */ -.page .post-inner { - padding-top: 4rem !important; -} - -/* Auf Beitragsseiten ohne Artikelbilder muss auch etwas Platz von Header zum Text eingefuegt werden */ -.single-post .post-inner { - padding-top: 4rem !important; -} diff --git a/scss/import/blog.scss b/scss/import/blog.scss index b3845ba..0b045a4 100644 --- a/scss/import/blog.scss +++ b/scss/import/blog.scss @@ -1,12 +1,7 @@ -// Links: blau statt default pink -.related_post a { - color: #979ba9 !important; -} - - - +// // main +// body { position: relative; @@ -25,6 +20,19 @@ body { font-size: 1.5rem !important; // smaller } header { + .header-inner { + .header-navigation-wrapper { + nav.primary-menu-wrapper { + ul.primary-menu { + li.menu-item { + a { + color: $blau-light !important; + } + } + } + } + } + } .search-modal { top: 32px; // Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden } @@ -35,7 +43,15 @@ body { main { article { header.entry-header { + padding-bottom: 40px; // Abstand zw. Artikelbildern und Überschrit verkleinern .entry-header-inner { + .entry-categories { + .entry-categories-inner { + a { + color: $blau-light; + } + } + } .post-meta-wrapper { ul.post-meta { li.post-author { @@ -45,7 +61,11 @@ body { } } } + .featured-media { + margin-top: 0; + } .post-inner { + padding-top: 40px; // Abstand zw. Artikelbildern und Inhalt verkleinern .entry-content { a { color: $blau-light !important; @@ -123,7 +143,9 @@ body { } } +// // article / post +// body.post-template { main { @@ -229,7 +251,95 @@ body.post-template { } } +// +// article / post: cover template +// + +body.post-template.template-cover { + header { + .header-inner { + .header-navigation-wrapper { + nav.primary-menu-wrapper { + ul.primary-menu { + li.menu-item { + a { + color: rgb(255, 255, 255) !important; + } + } + } + } + } + } + } + main { + article.post { + .cover-header { + .cover-header-inner-wrapper { + min-height: 60vh; // Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10 + .cover-header-inner { + .cover-color-overlay { + color: rgb(37, 45, 57); // Cover-Farbe (falls kein Hex-Code angegeben werden kann) + } + header.entry-header { + .entry-header-inner { + .entry-categories { + .entry-categories-inner { + a { + color: rgb(255, 255, 255); + } + } + } + } + } + } + } + } + } + } +} + +// +// page (e.g. https://blog.natenom.com/natenom/) +// + +body.page-template { + main { + article.page { + .post-inner { + } + } + } +} + +// +// category (e.g. https://blog.natenom.com/category/allgemein/) +// + +body.category { + main { + article.post { + .featured-media { + } + } + } +} + +// +// tag (e.g. https://blog.natenom.com/tag/fahrrad/) +// + +body.tag { + main { + article.post { + .featured-media { + } + } + } +} + +// // Lightbox Plugin +// #slb_viewer_wrap { #slb_viewer_slb_default {