template-updates

This commit is contained in:
2020-11-21 15:11:35 +01:00
parent bbdfce831d
commit a8cdc18f0c
5 changed files with 310 additions and 335 deletions
@@ -2,12 +2,12 @@
--------------------------------------------- */
img {
height: auto;
max-width: 100%;
height : auto;
max-width : 100%;
}
figure {
margin: 1em 0;
margin : 1em 0;
}
@@ -15,49 +15,23 @@ figure {
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
margin-bottom : 1.5em;
display : grid;
grid-gap : 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
display : inline-block;
text-align : center;
width : 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
@for $i from 2 through 9 {
.gallery-columns-#{$i} {
grid-template-columns : repeat(#{$i}, 1fr);
}
}
.gallery-caption {
display: block;
}
display : block;
}
@@ -3,4 +3,4 @@
@import 'navigation';
@import 'header';
@import 'accessibility';
@import 'images';
@import 'images';
@@ -1,28 +1,3 @@
/*!
Theme Name: gruener-salon
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gruener-salon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
gruener-salon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
@@ -74,8 +49,8 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
line-height : 1.15;
-webkit-text-size-adjust : 100%;
}
@@ -88,7 +63,7 @@ html {
*/
body {
margin: 0;
margin : 0;
}
@@ -97,7 +72,7 @@ body {
*/
main {
display: block;
display : block;
}
@@ -107,8 +82,8 @@ main {
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
font-size : 2em;
margin : 0.67em 0;
}
@@ -122,9 +97,9 @@ h1 {
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
box-sizing : content-box;
height : 0;
overflow : visible;
}
@@ -134,8 +109,8 @@ hr {
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
font-family : monospace, monospace;
font-size : 1em;
}
@@ -148,7 +123,7 @@ pre {
*/
a {
background-color: transparent;
background-color : transparent;
}
@@ -158,9 +133,9 @@ a {
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
border-bottom : none;
text-decoration : underline;
text-decoration : underline dotted;
}
@@ -170,7 +145,7 @@ abbr[title] {
b,
strong {
font-weight: bolder;
font-weight : bolder;
}
@@ -182,8 +157,8 @@ strong {
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
font-family : monospace, monospace;
font-size : 1em;
}
@@ -192,7 +167,7 @@ samp {
*/
small {
font-size: 80%;
font-size : 80%;
}
@@ -203,18 +178,18 @@ small {
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sub {
bottom: -0.25em;
bottom : -0.25em;
}
sup {
top: -0.5em;
top : -0.5em;
}
@@ -227,7 +202,7 @@ sup {
*/
img {
border-style: none;
border-style : none;
}
@@ -245,10 +220,10 @@ input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
font-family : inherit;
font-size : 100%;
line-height : 1.15;
margin : 0;
}
@@ -259,7 +234,7 @@ textarea {
button,
input {
overflow: visible;
overflow : visible;
}
@@ -270,7 +245,7 @@ input {
button,
select {
text-transform: none;
text-transform : none;
}
@@ -282,7 +257,7 @@ button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
-webkit-appearance : button;
}
@@ -294,8 +269,8 @@ button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
border-style : none;
padding : 0;
}
@@ -307,7 +282,7 @@ button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
outline : 1px dotted ButtonText;
}
@@ -316,7 +291,7 @@ button:-moz-focusring,
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
padding : 0.35em 0.75em 0.625em;
}
@@ -328,12 +303,12 @@ fieldset {
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
box-sizing : border-box;
color : inherit;
display : table;
max-width : 100%;
padding : 0;
white-space : normal;
}
@@ -342,7 +317,7 @@ legend {
*/
progress {
vertical-align: baseline;
vertical-align : baseline;
}
@@ -351,7 +326,7 @@ progress {
*/
textarea {
overflow: auto;
overflow : auto;
}
@@ -362,8 +337,8 @@ textarea {
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
box-sizing : border-box;
padding : 0;
}
@@ -373,7 +348,7 @@ textarea {
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
height : auto;
}
@@ -383,8 +358,8 @@ textarea {
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
-webkit-appearance : textfield;
outline-offset : -2px;
}
@@ -393,7 +368,7 @@ textarea {
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-webkit-appearance : none;
}
@@ -403,8 +378,8 @@ textarea {
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
-webkit-appearance : button;
font : inherit;
}
@@ -417,7 +392,7 @@ textarea {
*/
details {
display: block;
display : block;
}
@@ -426,7 +401,7 @@ details {
*/
summary {
display: list-item;
display : list-item;
}
@@ -439,7 +414,7 @@ summary {
*/
template {
display: none;
display : none;
}
@@ -448,7 +423,7 @@ template {
*/
[hidden] {
display: none;
display : none;
}
@@ -462,11 +437,11 @@ template {
*,
*::before,
*::after {
box-sizing: inherit;
box-sizing : inherit;
}
html {
box-sizing: border-box;
box-sizing : border-box;
}
@@ -484,10 +459,10 @@ input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
color : #404040;
font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size : 1rem;
line-height : 1.5;
}
h1,
@@ -496,59 +471,59 @@ h3,
h4,
h5,
h6 {
clear: both;
clear : both;
}
p {
margin-bottom: 1.5em;
margin-bottom : 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
font-style : italic;
}
blockquote {
margin: 0 1.5em;
margin : 0 1.5em;
}
address {
margin: 0 0 1.5em;
margin : 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
background : #eee;
font-family : "Courier 10 Pitch", courier, monospace;
line-height : 1.6;
margin-bottom : 1.6em;
max-width : 100%;
overflow : auto;
padding : 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-family : monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
border-bottom : 1px dotted #666;
cursor : help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
background : #fff9c0;
text-decoration : none;
}
big {
font-size: 125%;
font-size : 125%;
}
@@ -556,41 +531,41 @@ big {
--------------------------------------------- */
body {
background: #fff;
background : #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
background-color : #ccc;
border : 0;
height : 1px;
margin-bottom : 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
margin : 0 0 1.5em 3em;
}
ul {
list-style: disc;
list-style : disc;
}
ol {
list-style: decimal;
list-style : decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
margin-bottom : 0;
margin-left : 1.5em;
}
dt {
font-weight: 700;
font-weight : 700;
}
dd {
margin: 0 1.5em 1.5em;
margin : 0 1.5em 1.5em;
}
@@ -599,12 +574,12 @@ dd {
embed,
iframe,
object {
max-width: 100%;
max-width : 100%;
}
table {
margin: 0 0 1.5em;
width: 100%;
margin : 0 0 1.5em;
width : 100%;
}
@@ -612,26 +587,26 @@ table {
--------------------------------------------- */
a {
color: #4169e1;
color : #4169e1;
}
a:visited {
color: #800080;
color : #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
color : #191970;
}
a:focus {
outline: thin dotted;
outline : thin dotted;
}
a:hover,
a:active {
outline: 0;
outline : 0;
}
@@ -642,20 +617,20 @@ button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
border : 1px solid;
border-color : #ccc #ccc #bbb;
border-radius : 3px;
background : #e6e6e6;
color : rgba(0, 0, 0, 0.8);
line-height : 1;
padding : 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
border-color : #ccc #bbb #aaa;
}
button:active,
@@ -666,7 +641,7 @@ input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
border-color : #aaa #bbb #bbb;
}
input[type="text"],
@@ -685,10 +660,10 @@ input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
color : #666;
border : 1px solid #ccc;
border-radius : 3px;
padding : 3px;
}
input[type="text"]:focus,
@@ -707,15 +682,15 @@ input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
color : #111;
}
select {
border: 1px solid #ccc;
border : 1px solid #ccc;
}
textarea {
width: 100%;
width : 100%;
}
@@ -733,27 +708,27 @@ textarea {
--------------------------------------------- */
.sticky {
display: block;
display : block;
}
.post,
.page {
margin: 0 0 1.5em;
margin : 0 0 1.5em;
}
.updated:not(.published) {
display: none;
display : none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
margin : 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
clear : both;
margin : 0 0 1.5em;
}
@@ -761,11 +736,11 @@ textarea {
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
word-wrap : break-word;
}
.bypostauthor {
display: block;
display : block;
}
@@ -773,11 +748,11 @@ textarea {
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
margin : 0 0 1.5em;
}
.widget select {
max-width: 100%;
max-width : 100%;
}
@@ -787,17 +762,17 @@ textarea {
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
border : none;
margin-bottom : 0;
margin-top : 0;
padding : 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
display : inline-block;
}
@@ -805,22 +780,22 @@ textarea {
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
margin-bottom : 1.5em;
max-width : 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
margin : 0.8075em 0;
}
.wp-caption-text {
text-align: center;
text-align : center;
}
@@ -837,14 +812,14 @@ textarea {
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
display : none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
display : block;
}
@@ -858,24 +833,24 @@ textarea {
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
float : left;
/*rtl :ignore*/
margin-right : 1.5em;
margin-bottom : 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
float : right;
/*rtl :ignore*/
margin-left : 1.5em;
margin-bottom : 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 1.5em;
}
+24 -2
View File
@@ -1,4 +1,26 @@
// own styles
/*!
Theme Name: gruener-salon
Theme URI: http://underscores.me/
Author: chrosey
Author URI: https://chrosey.de/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gruener-salon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
gruener-salon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import 'includes/base';
//@import 'includes/underscores';
// Required
@@ -10,4 +32,4 @@
@import "bootstrap/type";
@import "bootstrap/images";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/grid";