513 lines
11 KiB
SCSS
513 lines
11 KiB
SCSS
|
|
||
|
|
//
|
||
|
|
// main
|
||
|
|
//
|
||
|
|
|
||
|
|
body {
|
||
|
|
position: relative;
|
||
|
|
h1,
|
||
|
|
h2 {
|
||
|
|
font-size: 3rem !important; // smaller
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
font-size: 2.5rem !important; // smaller
|
||
|
|
}
|
||
|
|
h4 {
|
||
|
|
font-size: 2rem !important; // smaller
|
||
|
|
}
|
||
|
|
h5 {
|
||
|
|
font-size: 1.5rem !important; // smaller
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
.header-inner {
|
||
|
|
.header-navigation-wrapper {
|
||
|
|
nav.primary-menu-wrapper {
|
||
|
|
ul.primary-menu {
|
||
|
|
li.menu-item {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.menu-modal {
|
||
|
|
.menu-modal-inner {
|
||
|
|
.menu-wrapper {
|
||
|
|
.menu-top,
|
||
|
|
.menu-bottom {
|
||
|
|
nav.expanded-menu,
|
||
|
|
nav.mobile-menu {
|
||
|
|
ul.modal-menu {
|
||
|
|
li.menu-item {
|
||
|
|
.ancestor-wrapper {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
article {
|
||
|
|
header.entry-header {
|
||
|
|
padding-bottom: 40px; // Abstand zw. Artikelbildern und Überschrit verkleinern
|
||
|
|
.entry-header-inner {
|
||
|
|
.entry-categories {
|
||
|
|
.entry-categories-inner {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.post-meta-wrapper {
|
||
|
|
ul.post-meta {
|
||
|
|
li.post-author {
|
||
|
|
display: none; // Autor im Beitragsheader ausblenden
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.featured-media {
|
||
|
|
margin-top: 0;
|
||
|
|
.featured-media-inner {
|
||
|
|
.wp-caption-text {
|
||
|
|
display: none; // Bildbeschreibungen nur unter Artikelbildern werden ausgeblendet
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.post-inner {
|
||
|
|
padding-top: 40px; // Abstand zw. Artikelbildern und Inhalt verkleinern
|
||
|
|
.entry-content {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
.wp-block-quote {
|
||
|
|
border-color: $nom-blue-light;
|
||
|
|
}
|
||
|
|
.wp-block-image {
|
||
|
|
margin: 40px auto;
|
||
|
|
}
|
||
|
|
.read-more-button-wrap {
|
||
|
|
a.more-link {
|
||
|
|
.faux-button { // Button: "Weiterlesen"
|
||
|
|
background: $nom-blue;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
font-weight: initial;
|
||
|
|
padding: 10px 40px; // Groesse aendern
|
||
|
|
text-transform: none; // nicht unterstrichen
|
||
|
|
transition: background .2s;
|
||
|
|
&:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
background: $nom-blue-dark;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pagination-wrapper {
|
||
|
|
nav.pagination {
|
||
|
|
.nav-links {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.footer-nav-widgets-wrapper {
|
||
|
|
.footer-inner {
|
||
|
|
.footer-menu-wrapper {
|
||
|
|
.footer-menu {
|
||
|
|
.menu-item {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.footer-widgets-outer-wrapper {
|
||
|
|
.footer-widgets-wrapper {
|
||
|
|
.footer-widgets {
|
||
|
|
.widget.widget_tag_cloud {
|
||
|
|
.widget-content {
|
||
|
|
.tagcloud {
|
||
|
|
a.tag-cloud-link {
|
||
|
|
color: $grey !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.widget_nav_menu {
|
||
|
|
.widget-content {
|
||
|
|
.menu-datenschutz-impressum-faq-container {
|
||
|
|
.menu {
|
||
|
|
.menu-item {
|
||
|
|
a {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.widget_archive {
|
||
|
|
.widget-content {
|
||
|
|
select {
|
||
|
|
background: rgb(58, 66, 89);
|
||
|
|
border: 0;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
padding: 5px 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// article / post
|
||
|
|
//
|
||
|
|
|
||
|
|
body.post-template,
|
||
|
|
body.post-template-default {
|
||
|
|
main {
|
||
|
|
article.post {
|
||
|
|
.post-inner {
|
||
|
|
.entry-content {
|
||
|
|
.yarpp-related {
|
||
|
|
margin: 3em auto 0 auto !important;
|
||
|
|
ol {
|
||
|
|
color: rgb(155, 155, 170);
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
li {
|
||
|
|
border-bottom: 1px solid rgb(53, 59, 68);
|
||
|
|
margin: 15px 0;
|
||
|
|
a {
|
||
|
|
font-weight: normal !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.post-meta-wrapper {
|
||
|
|
.post-meta {
|
||
|
|
.post-tags {
|
||
|
|
.meta-text {
|
||
|
|
color: $grey !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pagination-single {
|
||
|
|
.pagination-single-inner {
|
||
|
|
.previous-post,
|
||
|
|
.next-post {
|
||
|
|
color: $nom-blue-light !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.comments-wrapper {
|
||
|
|
.comments {
|
||
|
|
.comments-inner {
|
||
|
|
article.comment-body {
|
||
|
|
footer.comment-footer-meta {
|
||
|
|
.comment-reply {
|
||
|
|
a.comment-reply-link { // Button: "Kommentieren"
|
||
|
|
background: $nom-blue ;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
font-weight: initial;
|
||
|
|
text-transform: none;
|
||
|
|
transition: background .2s;
|
||
|
|
&:hover {
|
||
|
|
background: $nom-blue-dark;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.comment-respond {
|
||
|
|
.section-inner {
|
||
|
|
.comment-form-comment {
|
||
|
|
textarea#comment {
|
||
|
|
background: rgb(37, 45, 57);
|
||
|
|
border: 0;
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.comment-form-author,
|
||
|
|
.comment-form-email,
|
||
|
|
.comment-form-url {
|
||
|
|
input {
|
||
|
|
&#author,
|
||
|
|
&#email,
|
||
|
|
&#url {
|
||
|
|
background: rgb(37, 45, 57);
|
||
|
|
border: 0;
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.form-submit {
|
||
|
|
.submit { // Button "Kommentar abschicken"
|
||
|
|
background: $nom-blue;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
font-weight: initial;
|
||
|
|
padding: 10px 40px; // Groesse aendern
|
||
|
|
text-transform: none; // nicht unterstrichen
|
||
|
|
transition: background .2s;
|
||
|
|
&:hover {
|
||
|
|
background: $nom-blue-dark;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// 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 {
|
||
|
|
background-position: center -182.5px;
|
||
|
|
.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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.post-inner {
|
||
|
|
padding-top: 40px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// page (e.g. https://blog.natenom.com/natenom/)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.page-template {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// category (e.g. https://blog.natenom.com/category/allgemein/)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.category {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// tag (e.g. https://blog.natenom.com/tag/fahrrad/)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.tag {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// archive (e.g. https://blog.natenom.com/2020/08/)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.archive {
|
||
|
|
main {
|
||
|
|
header.archive-header {
|
||
|
|
.archive-header-inner {
|
||
|
|
h1.archive-title {
|
||
|
|
.color-accent {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// error pages (e.g. https://blog.natenom.com/errorpages/errorpages)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.error404 {
|
||
|
|
main {
|
||
|
|
.error404-content {
|
||
|
|
form.search-form {
|
||
|
|
label {
|
||
|
|
input.search-field {
|
||
|
|
background: rgb(37, 45, 57);
|
||
|
|
border: 0;
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
input.search-submit {
|
||
|
|
background: $nom-blue;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
font-weight: initial;
|
||
|
|
margin-left: 0;
|
||
|
|
text-transform: none;
|
||
|
|
transition: background .2s;
|
||
|
|
&:hover {
|
||
|
|
background: $nom-blue-dark;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// search results (e.g. https://blog.natenom.com/?s=search)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.search-results {
|
||
|
|
main {
|
||
|
|
header.archive-header {
|
||
|
|
.archive-header-inner {
|
||
|
|
h1.archive-title {
|
||
|
|
.color-accent {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// search no-results (e.g. https://blog.natenom.com/?s=searchdddddd)
|
||
|
|
//
|
||
|
|
|
||
|
|
body.search-no-results {
|
||
|
|
main {
|
||
|
|
header.archive-header {
|
||
|
|
.archive-header-inner {
|
||
|
|
h1.archive-title {
|
||
|
|
.color-accent {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.no-search-results-form {
|
||
|
|
form.search-form {
|
||
|
|
label {
|
||
|
|
input.search-field {
|
||
|
|
background: rgb(37, 45, 57);
|
||
|
|
border: 0;
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
input.search-submit {
|
||
|
|
background: $nom-blue;
|
||
|
|
color: rgb(245, 245, 255);
|
||
|
|
font-weight: initial;
|
||
|
|
margin-left: 0;
|
||
|
|
text-transform: none;
|
||
|
|
transition: background .2s;
|
||
|
|
&:hover {
|
||
|
|
background: $nom-blue-dark;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
// lightbox plugin
|
||
|
|
//
|
||
|
|
|
||
|
|
#slb_viewer_wrap {
|
||
|
|
#slb_viewer_slb_default {
|
||
|
|
.slb_viewer_layout {
|
||
|
|
.slb_container {
|
||
|
|
padding: 0 !important; // kein Rand
|
||
|
|
box-shadow: none !important; // kein »glow« bzw. Schatten
|
||
|
|
.slb_details {
|
||
|
|
.inner {
|
||
|
|
.slb_data {
|
||
|
|
.slb_data_content {
|
||
|
|
.slb_data_title {
|
||
|
|
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0;
|
||
|
|
margin: 10px 10px 0px 10px; // gleichmaessiger Rand
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// wp-admin
|
||
|
|
//
|
||
|
|
|
||
|
|
body {
|
||
|
|
#wpadminbar {
|
||
|
|
position: sticky;
|
||
|
|
}
|
||
|
|
}
|