update
This commit is contained in:
Vrifox
parent
776c985323
commit
2084e23874
2 changed files with 119 additions and 120 deletions
115
scss/blog.scss
115
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Reference in a new issue