254 lines
6.2 KiB
SCSS
254 lines
6.2 KiB
SCSS
// Links: blau statt default pink
|
|
.related_post a {
|
|
color: #979ba9 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
// main
|
|
|
|
body {
|
|
position: relative;
|
|
top: 32px !important; // WordPress nach unten verlegen, damit Topbar besser wird
|
|
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 {
|
|
.search-modal {
|
|
top: 32px; // Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden
|
|
}
|
|
}
|
|
.menu-modal {
|
|
top: 32px; // Menu oben nach unten versetzen, damit sie unter der Topbar angezeigt werden
|
|
}
|
|
main {
|
|
article {
|
|
header.entry-header {
|
|
.entry-header-inner {
|
|
.post-meta-wrapper {
|
|
ul.post-meta {
|
|
li.post-author {
|
|
display: none; // Autor im Beitragsheader ausblenden
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.post-inner {
|
|
.entry-content {
|
|
a {
|
|
color: $blau-light !important;
|
|
}
|
|
.read-more-button-wrap {
|
|
a.more-link {
|
|
.faux-button { // Button: "Weiterlesen"
|
|
background: $blau;
|
|
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: $blau-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer-nav-widgets-wrapper {
|
|
.footer-inner {
|
|
.footer-menu-wrapper {
|
|
.footer-menu {
|
|
.menu-item {
|
|
a {
|
|
color: $blau-light !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer-widgets-outer-wrapper {
|
|
.footer-widgets-wrapper {
|
|
.footer-widgets {
|
|
.widget.widget_tag_cloud {
|
|
.widget-content {
|
|
.tagcloud {
|
|
a.tag-cloud-link {
|
|
color: $grau !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.widget_nav_menu {
|
|
.widget-content {
|
|
.menu-datenschutz-impressum-faq-container {
|
|
.menu {
|
|
.menu-item {
|
|
a {
|
|
color: $blau-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 {
|
|
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: $grau !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pagination-single {
|
|
.pagination-single-inner {
|
|
.previous-post,
|
|
.next-post {
|
|
color: $blau-light !important;
|
|
}
|
|
}
|
|
}
|
|
.comments-wrapper {
|
|
.comments {
|
|
.comments-inner {
|
|
article.comment-body {
|
|
footer.comment-footer-meta {
|
|
.comment-reply {
|
|
a.comment-reply-link { // Button: "Kommentieren"
|
|
background: $blau ;
|
|
color: rgb(245, 245, 255);
|
|
font-weight: initial;
|
|
text-transform: none;
|
|
transition: background .2s;
|
|
&:hover {
|
|
background: $blau-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: $blau;
|
|
color: rgb(245, 245, 255);
|
|
font-weight: initial;
|
|
padding: 10px 40px; // Groesse aendern
|
|
text-transform: none; // nicht unterstrichen
|
|
transition: background .2s;
|
|
&:hover {
|
|
background: $blau-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 {
|
|
margin: 10px 20px 5px 20px; // gleichmaessiger Rand
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|