the real initial commit; added partials, variables, …
This commit is contained in:
Vrifox
parent
36625d0132
commit
2500dc94f6
10 changed files with 538 additions and 0 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
deploy.sh
|
||||
195
public/natenom-superscss-blog.css
Normal file
195
public/natenom-superscss-blog.css
Normal file
|
|
@ -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; }
|
||||
0
public/natenom-superscss-wiki.css
Normal file
0
public/natenom-superscss-wiki.css
Normal file
195
source/natenom-superscss-blog.scss
Normal file
195
source/natenom-superscss-blog.scss
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
15
source/natenom-superscss-wiki.scss
Normal file
15
source/natenom-superscss-wiki.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
|
||||
//
|
||||
// Settings
|
||||
//
|
||||
|
||||
$type: wiki;
|
||||
|
||||
//
|
||||
// Import
|
||||
//
|
||||
|
||||
@import 'partials/colors';
|
||||
@import 'partials/globalnav';
|
||||
|
||||
@import 'partials/wiki.scss';
|
||||
3
source/partials/_colors.scss
Normal file
3
source/partials/_colors.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
$blau: rgb(70, 136, 222);
|
||||
$blau-light: rgb(110, 176, 255);
|
||||
$grau: rgb(155, 155, 170);
|
||||
1
source/partials/_globalnav.scss
Normal file
1
source/partials/_globalnav.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
|
||||
22
source/partials/blog-meta.scss
Normal file
22
source/partials/blog-meta.scss
Normal file
|
|
@ -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.
|
||||
*/
|
||||
105
source/partials/blog.scss
Normal file
105
source/partials/blog.scss
Normal file
|
|
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1
source/partials/wiki.scss
Normal file
1
source/partials/wiki.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
|
||||
Reference in a new issue