optimized file layout; added legacy variant; …
This commit is contained in:
Vrifox
parent
2500dc94f6
commit
f096c97b16
13 changed files with 676 additions and 214 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -1 +1,3 @@
|
||||||
|
/_generated/*
|
||||||
|
|
||||||
deploy.sh
|
deploy.sh
|
||||||
|
|
|
||||||
|
|
@ -1 +1,8 @@
|
||||||
SCSS/CSS of [Natenoms Blog](https://blog.natenom.com/).
|
SCSS/CSS of [Natenoms Blog](https://blog.natenom.com/).
|
||||||
|
|
||||||
|
## how to generate css out of scss
|
||||||
|
|
||||||
|
```sh
|
||||||
|
sassc blog.scss blog.css
|
||||||
|
sassc wiki.scss wiki.css
|
||||||
|
```
|
||||||
|
|
|
||||||
648
_legacy/2018 natenom blog style.css
Normal file
648
_legacy/2018 natenom blog style.css
Normal file
|
|
@ -0,0 +1,648 @@
|
||||||
|
/*
|
||||||
|
Theme Name: Twenty Fourteen Child
|
||||||
|
Theme URI: http://example.com/twenty-fourteen-child/
|
||||||
|
Description: Twenty Fourteen Child Theme
|
||||||
|
Author: John Doe
|
||||||
|
Author URI: http://example.com
|
||||||
|
Template: twentyfourteen
|
||||||
|
Version: 1.0.0
|
||||||
|
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, editor-style
|
||||||
|
Text Domain: twenty-fourteen-child
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import url("../twentyfourteen/style.css");
|
||||||
|
|
||||||
|
/* lato-100 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100;
|
||||||
|
src: url('/fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Hairline'), local('Lato-Hairline'),
|
||||||
|
url('/fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-100italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 100;
|
||||||
|
src: url('/fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
|
||||||
|
url('/fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-300 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('/fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Light'), local('Lato-Light'),
|
||||||
|
url('/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-300italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('/fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Light Italic'), local('Lato-LightItalic'),
|
||||||
|
url('/fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-regular - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Regular'), local('Lato-Regular'),
|
||||||
|
url('/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Italic'), local('Lato-Italic'),
|
||||||
|
url('/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-700 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Bold'), local('Lato-Bold'),
|
||||||
|
url('/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-700italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('/fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
|
||||||
|
url('/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-900 - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url('/fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Black'), local('Lato-Black'),
|
||||||
|
url('/fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* lato-900italic - latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url('/fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */
|
||||||
|
src: local('Lato Black Italic'), local('Lato-BlackItalic'),
|
||||||
|
url('/fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('/fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
|
||||||
|
url('/fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||||
|
url('/fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.site {
|
||||||
|
margin:0 auto;
|
||||||
|
background: #212730;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Bilder bei zwei Spalten mittig ausrichten */
|
||||||
|
.full-width .post-thumbnail img {
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
border-bottom: 10px #fff solid;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
}
|
||||||
|
/* ENDE – Bilder bei zwei Spalten mittig ausrichten */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.entry-title {
|
||||||
|
font-size: 33px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.0909090909;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
margin: 0 0 12px 0;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – made by wordpress ausblenden */
|
||||||
|
div.site-info {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
/* ENDE – made by wordpress ausblenden */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.site-navigation a {
|
||||||
|
color: #fff;
|
||||||
|
display: block;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Artikelbilder bei drei Spalten zentrieren */
|
||||||
|
.post-thumbnail img {
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
-moz-transform: translateX(-50%);
|
||||||
|
-ms-transform: translateX(-50%);
|
||||||
|
-o-transform: translateX(-50%);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
/* ENDE – Artikelbilder bei drei Spalten zentrieren */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Added FIXME px because of natenomglobaltopbar */
|
||||||
|
/* https://core.trac.wordpress.org/ticket/28967 see diff */
|
||||||
|
.masthead-fixed .entry-content span[id*="more-"] {
|
||||||
|
display: block;
|
||||||
|
padding-top: 60px;
|
||||||
|
margin-top: -64px;
|
||||||
|
}
|
||||||
|
.admin-bar.masthead-fixed .entry-content span[id*="more-"] {
|
||||||
|
padding-top: 72px;
|
||||||
|
margin-top: -96px;
|
||||||
|
}
|
||||||
|
/* ENDE – Added FIXME px because of natenomglobaltopbar */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – display full height of title images */
|
||||||
|
.entry-header {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
/* ENDE – display full height of title images */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – 700 px Artikelbreite */
|
||||||
|
.site-content .entry-header,
|
||||||
|
.site-content .entry-content,
|
||||||
|
.site-content .entry-summary,
|
||||||
|
.site-content .entry-meta,
|
||||||
|
.page-content {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.size-full, img.size-large {
|
||||||
|
height: auto;
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-post-image, .post-thumbnail img {
|
||||||
|
height: auto;
|
||||||
|
max-width: 760px;
|
||||||
|
}
|
||||||
|
/* ENDE – 700 px Artikelbreite */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – keine streifen mehr bei den Artikelbildern */
|
||||||
|
.post-thumbnail {
|
||||||
|
background: #212730;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
/* ENDE – keine streifen mehr bei den Artikelbildern */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.post {
|
||||||
|
background: #212730;
|
||||||
|
padding: 0 0 40px 0;
|
||||||
|
max-width: 760px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.site-content footer.entry-meta {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0px 30px 20px 30px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
border-bottom-right-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-meta .tag-links a::before,
|
||||||
|
.entry-meta .tag-links a::after {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.entry-meta .tag-links a {
|
||||||
|
background-color: #2c323d1a;
|
||||||
|
border-radius: 5px;
|
||||||
|
color: #999;
|
||||||
|
margin: 4px 4px 0 0px;
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-content .entry-header {
|
||||||
|
padding: 30px 30px 10px 30px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-view .site-content .hentry {
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.post-thumbnail:hover {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.post-navigation {
|
||||||
|
background: #212730;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0px 144px;
|
||||||
|
border-top-left-radius: 10px;
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.comments-area {
|
||||||
|
color: #fff;
|
||||||
|
background: #212730;
|
||||||
|
margin: 0 auto 40px auto;
|
||||||
|
padding: 40px 144px;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
border-bottom-right-radius: 10px;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.site-content {
|
||||||
|
background: #212730;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-navigation a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-author a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.paging-navigation {
|
||||||
|
color: #fff;
|
||||||
|
margin: -10px auto 30px auto;
|
||||||
|
max-width: 760px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination.loop-pagination {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination.loop-pagination a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination.loop-pagination a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.content-area {
|
||||||
|
padding-top: 48px;
|
||||||
|
background: #212730;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-header {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.entry-header, .entry-header {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.archive-header, .page-header {
|
||||||
|
margin: 0 auto 40px;
|
||||||
|
max-width: 760px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width .site-content .has-post-thumbnail .entry-header {
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width .site-content .hentry.has-post-thumbnail:first-child {
|
||||||
|
margin-top: -28px;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.search-box-wrapper {
|
||||||
|
top: 0px;
|
||||||
|
right: 48px;
|
||||||
|
width: calc(100% - 222px - 48px);
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box {
|
||||||
|
background-color: transparent;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box .search-field {
|
||||||
|
font-size: 20px;
|
||||||
|
padding: 4px 4px 4px 10px;
|
||||||
|
height: 48px;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-content .entry-summary {
|
||||||
|
padding-bottom: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Abstand zwischen den Artikeln */
|
||||||
|
.post {
|
||||||
|
padding: 0 0 60px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-navigation {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comments-area {
|
||||||
|
padding: 40px 10px;
|
||||||
|
}
|
||||||
|
/* ENDE – Abstand zwischen den Artikeln */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.search-toggle {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-wrapped {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 394px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-wrapped iframe {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 394px !important;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.secondary-navigation {
|
||||||
|
border-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-navigation li {
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-topmenu li a {
|
||||||
|
color: #b5b7ba;
|
||||||
|
padding: 10px 10px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-topmenu li:hover a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-topmenu li .sub-menu li a {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Kategorien links als Widget etwas dunkler */
|
||||||
|
.primary-sidebar h1 {
|
||||||
|
color: rgba(255, 255, 255, .8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-sidebar li {
|
||||||
|
color: rgba(255, 255, 255, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-sidebar a {
|
||||||
|
color: rgba(255, 255, 255, .7);
|
||||||
|
}
|
||||||
|
/* ENDE – Kategorien links als Widget etwas dunkler */
|
||||||
|
|
||||||
|
|
||||||
|
/* START */
|
||||||
|
.related_post_title {
|
||||||
|
color: #1a1f26;
|
||||||
|
margin: 0 -30px 0 -30px;
|
||||||
|
padding: 20px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related_post {
|
||||||
|
list-style: disclosure-closed;
|
||||||
|
color: #212730;
|
||||||
|
padding: 15px 15px 15px 30px;
|
||||||
|
margin: -10px 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related_post li {
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related_post a {
|
||||||
|
color: #212730;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related_post a:hover {
|
||||||
|
color: #4588de;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
/* ENDE */
|
||||||
|
|
||||||
|
|
||||||
|
/* START – Falls keine Tags unten angegeben sind, wird trotzdem abgerundet. */
|
||||||
|
.entry-content {
|
||||||
|
border-radius: 0px 0px 10px 10px;
|
||||||
|
padding: 10px 30px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-meta {
|
||||||
|
margin-top: -10px !important;
|
||||||
|
}
|
||||||
|
/* ENDE – Falls keine Tags unten angegeben sind, wird trotzdem abgerundet. */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* START – auf Miniseite soll Ueberschrift weiss sein, normal nicht */
|
||||||
|
h1.entry-title a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* ENDE – auf Miniseite soll Ueberschrift weiss sein, normal nicht */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
/* START – Artikelbilder bei sehr kleinen Displays nicht mittig positionieren */
|
||||||
|
.list-view .site-content .post-thumbnail img {
|
||||||
|
float: left;
|
||||||
|
margin: 0 10px 3px 0;
|
||||||
|
width: 84px;
|
||||||
|
position: initial;
|
||||||
|
left: initial;
|
||||||
|
transform: initial;
|
||||||
|
}
|
||||||
|
/* ENDE – Artikelbilder bei sehr kleinen Displays nicht mittig positionieren */
|
||||||
|
|
||||||
|
/* START – Bilder richtig in die Spalte setzen, Text wird abgetrennt von Bildern angezeigt */
|
||||||
|
.entry-header {
|
||||||
|
margin-top: 0px !important;
|
||||||
|
margin-left: 94px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-meta {
|
||||||
|
margin-top: 0px !important;
|
||||||
|
}
|
||||||
|
/* ENDE – Bilder richtig in die Spalte setzen, Text wird abgetrennt von Bildern angezeigt */
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1.entry-title a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width .post-thumbnail img {
|
||||||
|
border-bottom: 0px transparent solid;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width .site-content .hentry.has-post-thumbnail:first-child {
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-area {
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
.video-wrapped, .video-wrapped iframe {
|
||||||
|
height: 214px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 593px) {
|
||||||
|
.site-content .has-post-thumbnail .entry-header {
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.search-box-wrapper {
|
||||||
|
right: 96px;
|
||||||
|
width: calc(100% - 96px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 672px) {
|
||||||
|
.site-content .entry-header, .site-content footer.entry-meta {
|
||||||
|
padding: 0px 12px 12px 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 700px) {
|
||||||
|
/* START – Artikelbilder unterhalb einer gewissen Groesse nicht mehr auf 700px sondern 100% */
|
||||||
|
img.size-full, .wp-post-image, .post-thumbnail img {
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.size-large {
|
||||||
|
max-width: calc(100% - 20px);
|
||||||
|
}
|
||||||
|
/* ENDE – Artikelbilder unterhalb einer gewissen Groesse nicht mehr auf 700px sondern 100% */
|
||||||
|
}
|
||||||
|
|
@ -1,195 +0,0 @@
|
||||||
@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; }
|
|
||||||
|
|
@ -9,11 +9,11 @@ $type: blog;
|
||||||
// Import
|
// Import
|
||||||
//
|
//
|
||||||
|
|
||||||
@import 'partials/colors';
|
@import 'import/colors';
|
||||||
@import 'partials/globalnav';
|
@import 'import/globalnav';
|
||||||
|
|
||||||
@import 'partials/blog-meta.scss';
|
@import 'import/blog-meta.scss';
|
||||||
@import 'partials/blog.scss';
|
@import 'import/blog.scss';
|
||||||
|
|
||||||
//
|
//
|
||||||
// ToDo
|
// ToDo
|
||||||
15
scss/wiki.scss
Normal file
15
scss/wiki.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
|
||||||
|
//
|
||||||
|
// Settings
|
||||||
|
//
|
||||||
|
|
||||||
|
$type: wiki;
|
||||||
|
|
||||||
|
//
|
||||||
|
// Import
|
||||||
|
//
|
||||||
|
|
||||||
|
@import 'import/colors';
|
||||||
|
@import 'import/globalnav';
|
||||||
|
|
||||||
|
@import 'import/wiki.scss';
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
|
|
||||||
//
|
|
||||||
// Settings
|
|
||||||
//
|
|
||||||
|
|
||||||
$type: wiki;
|
|
||||||
|
|
||||||
//
|
|
||||||
// Import
|
|
||||||
//
|
|
||||||
|
|
||||||
@import 'partials/colors';
|
|
||||||
@import 'partials/globalnav';
|
|
||||||
|
|
||||||
@import 'partials/wiki.scss';
|
|
||||||
Reference in a new issue