From 2500dc94f693b00b856522d1610cc449023e6829 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Thu, 8 Oct 2020 16:23:58 +0200 Subject: [PATCH] =?UTF-8?q?the=20real=20initial=20commit;=20added=20partia?= =?UTF-8?q?ls,=20variables,=20=E2=80=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + public/natenom-superscss-blog.css | 195 +++++++++++++++++++++++++++++ public/natenom-superscss-wiki.css | 0 source/natenom-superscss-blog.scss | 195 +++++++++++++++++++++++++++++ source/natenom-superscss-wiki.scss | 15 +++ source/partials/_colors.scss | 3 + source/partials/_globalnav.scss | 1 + source/partials/blog-meta.scss | 22 ++++ source/partials/blog.scss | 105 ++++++++++++++++ source/partials/wiki.scss | 1 + 10 files changed, 538 insertions(+) create mode 100644 .gitignore create mode 100644 public/natenom-superscss-blog.css create mode 100644 public/natenom-superscss-wiki.css create mode 100644 source/natenom-superscss-blog.scss create mode 100644 source/natenom-superscss-wiki.scss create mode 100644 source/partials/_colors.scss create mode 100644 source/partials/_globalnav.scss create mode 100644 source/partials/blog-meta.scss create mode 100644 source/partials/blog.scss create mode 100644 source/partials/wiki.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5f75873 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +deploy.sh diff --git a/public/natenom-superscss-blog.css b/public/natenom-superscss-blog.css new file mode 100644 index 0000000..6918b9b --- /dev/null +++ b/public/natenom-superscss-blog.css @@ -0,0 +1,195 @@ +@charset "UTF-8"; +/* +Theme Name: Twenty Twenty Child +Text Domain: twentytwenty-child +Template: twentytwenty +Version: 1.0 +Requires at least: 4.7 +Requires PHP: 5.2.4 +Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. +Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready +Author: the WordPress team +Author URI: https://wordpress.org/ +Theme URI: https://wordpress.org/themes/twentytwenty/ +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +All files, unless otherwise stated, are released under the GNU General Public +License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) + +This theme, like WordPress, is licensed under the GPL. +Use it to make something cool, have fun, and share what you've learned +with others. +*/ +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; } + +.post-inner a { + color: #6db0ff !important; } + +.related_post a, +.post-tags a { + color: #979ba9 !important; } + +.previous-post, +.next-post { + color: #6db0ff !important; } + +.footer-menu-wrapper a { + color: #6db0ff !important; } + +.faux-button, +.submit { + background: #4688de !important; + padding: 0.5em 2.2em !important; + text-transform: none !important; } + +.comment-reply-link { + text-transform: none !important; + background: #4688de !important; } + +.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: #6eb0ff !important; } + +.footer-nav-widgets-wrapper .footer-widgets-outer-wrapper .footer-widgets-wrapper .footer-widgets .widget.widget_tag_cloud .widget-content .tagcloud a.tag-cloud-link { + color: #9b9baa !important; } + +#slb_viewer_wrap #slb_viewer_slb_default .slb_viewer_layout .slb_container { + padding: 0 !important; + box-shadow: none !important; } + #slb_viewer_wrap #slb_viewer_slb_default .slb_viewer_layout .slb_container .slb_details .inner .slb_data .slb_data_content .slb_data_title { + margin: 10px 20px 5px 20px; } + +/* +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; } diff --git a/public/natenom-superscss-wiki.css b/public/natenom-superscss-wiki.css new file mode 100644 index 0000000..e69de29 diff --git a/source/natenom-superscss-blog.scss b/source/natenom-superscss-blog.scss new file mode 100644 index 0000000..76d7319 --- /dev/null +++ b/source/natenom-superscss-blog.scss @@ -0,0 +1,195 @@ + +// +// Settings +// + +$type: blog; + +// +// Import +// + +@import 'partials/colors'; +@import 'partials/globalnav'; + +@import 'partials/blog-meta.scss'; +@import 'partials/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; +} + + diff --git a/source/natenom-superscss-wiki.scss b/source/natenom-superscss-wiki.scss new file mode 100644 index 0000000..3045cef --- /dev/null +++ b/source/natenom-superscss-wiki.scss @@ -0,0 +1,15 @@ + +// +// Settings +// + +$type: wiki; + +// +// Import +// + +@import 'partials/colors'; +@import 'partials/globalnav'; + +@import 'partials/wiki.scss'; diff --git a/source/partials/_colors.scss b/source/partials/_colors.scss new file mode 100644 index 0000000..3590d01 --- /dev/null +++ b/source/partials/_colors.scss @@ -0,0 +1,3 @@ +$blau: rgb(70, 136, 222); +$blau-light: rgb(110, 176, 255); +$grau: rgb(155, 155, 170); diff --git a/source/partials/_globalnav.scss b/source/partials/_globalnav.scss new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/source/partials/_globalnav.scss @@ -0,0 +1 @@ + diff --git a/source/partials/blog-meta.scss b/source/partials/blog-meta.scss new file mode 100644 index 0000000..b9f3330 --- /dev/null +++ b/source/partials/blog-meta.scss @@ -0,0 +1,22 @@ +/* +Theme Name: Twenty Twenty Child +Text Domain: twentytwenty-child +Template: twentytwenty +Version: 1.0 +Requires at least: 4.7 +Requires PHP: 5.2.4 +Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. +Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready +Author: the WordPress team +Author URI: https://wordpress.org/ +Theme URI: https://wordpress.org/themes/twentytwenty/ +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html + +All files, unless otherwise stated, are released under the GNU General Public +License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) + +This theme, like WordPress, is licensed under the GPL. +Use it to make something cool, have fun, and share what you've learned +with others. +*/ diff --git a/source/partials/blog.scss b/source/partials/blog.scss new file mode 100644 index 0000000..8cf89c0 --- /dev/null +++ b/source/partials/blog.scss @@ -0,0 +1,105 @@ +// 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 { + 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; + } + } + } + } + } + } + .widget.widget_tag_cloud { + .widget-content { + .tagcloud { + a.tag-cloud-link { + color: $grau !important; + } + } + } + } + } + } + } +} + +// 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 + } + } + } + } + } + } + } + } +} diff --git a/source/partials/wiki.scss b/source/partials/wiki.scss new file mode 100644 index 0000000..8d1c8b6 --- /dev/null +++ b/source/partials/wiki.scss @@ -0,0 +1 @@ +