1
1
Fork 0
This repository has been archived on 2022-03-02. You can view files and clone it, but cannot push or open issues or pull requests.
natenom-websites/_legacy/wordpress 2020/import/blog.scss

513 lines
11 KiB
SCSS
Raw Normal View History

//
// 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;
}
}