diff --git a/.gitignore b/.gitignore index 2b33fb2..932becf 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ /_generated/* deploy.sh +*.kate-swp diff --git a/scss/blog.scss b/scss/blog.scss index c5c9365..b660c2e 100644 --- a/scss/blog.scss +++ b/scss/blog.scss @@ -175,21 +175,3 @@ body { .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; -} - - diff --git a/scss/import/_colors.scss b/scss/import/_colors.scss index 3590d01..3a0d7a4 100644 --- a/scss/import/_colors.scss +++ b/scss/import/_colors.scss @@ -1,3 +1,4 @@ $blau: rgb(70, 136, 222); +$blau-dark: rgb(50, 116, 202); $blau-light: rgb(110, 176, 255); $grau: rgb(155, 155, 170); diff --git a/scss/import/blog.scss b/scss/import/blog.scss index 8cf89c0..7090e39 100644 --- a/scss/import/blog.scss +++ b/scss/import/blog.scss @@ -1,87 +1,214 @@ -// Ueberschriften: kleiner -h1 { - font-size: 3rem !important; -} -h2 { - font-size: 3rem !important; -} -h3 { - font-size: 2.5rem !important; -} -h4 { - font-size: 2rem !important; -} -h5 { - font-size: 1.5rem !important; -} - // Links: blau statt default pink -.post-inner a { - color: #6db0ff !important; -} -.related_post a, -.post-tags a { +.related_post a { color: #979ba9 !important; } -.previous-post, -.next-post { - color: #6db0ff !important; -} -.footer-menu-wrapper a { - color: #6db0ff !important; -} -// Button: »Weiterlesen« && »Kommentar abschicken« -.faux-button, -.submit { - background: $blau !important; - padding: 0.5em 2.2em !important; // Groesse aendern - text-transform: none !important; // nicht unterstrichen -} -// Button: »Kommentieren« -.comment-reply-link { - text-transform: none !important; - background: $blau !important; // Farbe: blau -} -// Autor im Beitragsheader ausblenden */ -.post-author.meta-wrapper { - display: none; -} -.footer-nav-widgets-wrapper { - .footer-widgets-outer-wrapper { - .footer-widgets-wrapper { - .footer-widgets { - .widget_nav_menu { - .widget-content { - .menu-datenschutz-impressum-faq-container { - .menu { - .menu-item { - a { - color: $blau-light !important; +// main + +body { + 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 + } + main { + article { + .post-inner { + .entry-content { + .read-more-button-wrap { + a.more-link { + .faux-button { // Button: »Weiterlesen« + background: $blau !important; + padding: 0.5em 2.2em !important; // Groesse aendern + text-transform: none !important; // nicht unterstrichen + &: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_nav_menu { + .widget-content { + .menu-datenschutz-impressum-faq-container { + .menu { + .menu-item { + a { + color: $blau-light !important; + } + } + } + } + } + } + .widget.widget_tag_cloud { + .widget-content { + .tagcloud { + a.tag-cloud-link { + color: $grau !important; } } } } } } - .widget.widget_tag_cloud { - .widget-content { - .tagcloud { - a.tag-cloud-link { + } + } + } +} + +// article / post + +body.post-template { + main { + article.post { + .cover-header { + .cover-header-inner-wrapper { + .cover-header-inner { + 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; + } + .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; } } } } + nav.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 !important; + text-transform: none !important; + &:hover { + text-decoration: none; + background: $blau-dark; + } + } + } + } + } + } + } + .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 { + background: $blau !important; + color: rgb(255, 255, 255); + padding: 0.5em 2.2em !important; // Groesse aendern + text-transform: none !important; // nicht unterstrichen + &:hover { + text-decoration: none; + background: $blau-dark; + } + } + } + } + } + } } } } } // Lightbox Plugin + #slb_viewer_wrap { #slb_viewer_slb_default { .slb_viewer_layout {