195 lines
3.8 KiB
SCSS
195 lines
3.8 KiB
SCSS
|
|
//
|
|
// Settings
|
|
//
|
|
|
|
$type: blog;
|
|
|
|
//
|
|
// Import
|
|
//
|
|
|
|
@import 'import/colors';
|
|
@import 'import/globalnav';
|
|
|
|
@import 'import/blog-meta.scss';
|
|
@import 'import/blog.scss';
|
|
|
|
//
|
|
// 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;
|
|
}
|
|
*/
|
|
|
|
|
|
/* WordPress nach unten verlegen, damit Topbar besser wird */
|
|
body {
|
|
top: 32px !important;
|
|
position: relative;
|
|
}
|
|
|
|
/* Menu oben und Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden */
|
|
.menu-modal, .search-modal {
|
|
top: 32px !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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.archive-title .color-accent {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.nav-links a {
|
|
color: #6db0ff !important;
|
|
}
|
|
|
|
.wp-block-quote {
|
|
border-color: #6db0ff !important;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.yarpp-related {
|
|
margin: 3em auto 0 auto !important;
|
|
}
|
|
.yarpp-related a {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.yarpp-related ol {
|
|
list-style: disc;
|
|
}
|
|
|
|
|