Untitled diff

Created Diff never expires
6 removals
291 lines
1 addition
286 lines
/*
/*
Theme Name: Spun_Childtheme
Theme Name: Spun_Childtheme
Description:
Description:
Author: admin
Author: admin
Template: spun
Template: spun
(optional values you can add: Theme URI, Author URI, Version)
(optional values you can add: Theme URI, Author URI, Version)
*/
*/
@import url("../spun/style.css");
@import url("../spun/style.css");
/* =Header ohne Transparenz
/* =Header ohne Transparenz
----------------------------------------------- */
----------------------------------------------- */
.blog .hentry span.hometitle {
.blog .hentry span.hometitle {
width: 100%;
width: 100%;
position: absolute;
position: absolute;
top: 73px;
top: 73px;
display: table-cell;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 30px;
font-size: 30px;
font-size: 3.0rem;
font-size: 3.0rem;
font-style: italic;
font-style: italic;
text-shadow: 0 0 10px #fff;
text-shadow: 0 0 10px #fff;
text-align: center;
text-align: center;
line-height: 1.2;
line-height: 1.2;
vertical-align: middle;
vertical-align: middle;
word-wrap: break-word;
word-wrap: break-word;
color: #6a6363;
color: #6a6363;
overflow: hidden;
overflow: hidden;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}
}
.blog .hentry {
.blog .hentry {
position: relative;
position: relative;
}
}
@media screen and ( max-width: 800px ) {
@media screen and ( max-width: 800px ) {
.blog .hentry span.hometitle {
.blog .hentry span.hometitle {
font-size: 24px;
font-size: 24px;
font-size: 2.4rem;
font-size: 2.4rem;
};
};
}
}
/* =Header Logo Größe
/* =Header Logo Größe
----------------------------------------------- */
----------------------------------------------- */
#masthead img {
#masthead img {
max-height: 200px;
max-height: 200px;
}
}
#masthead {
#masthead {
opacity: 1;
opacity: 1;
}
}
.post-date {
.post-date {
display: none;
display: none;
}
}
/* =Hauptnavi Farbe_Unterstrichen
/* =Hauptnavi Farbe_Unterstrichen
----------------------------------------------- */
----------------------------------------------- */
.main-navigation {
.main-navigation {
color: #ada2a2;
color: #ada2a2;
display: block;
display: block;
float: right;
float: right;
font-family: Quicksand, Helvetica, Arial, sans-serif;
font-family: Quicksand, Helvetica, Arial, sans-serif;
-webkit-text-stroke: .35px;
-webkit-text-stroke: .35px;
/* Hack to fix thin text in Windows */
/* Hack to fix thin text in Windows */
font-size: 14px;
font-size: 14px;
font-size: 1.4rem;
font-size: 1.4rem;
margin: 5px 0 0;
margin: 5px 0 0;
position: relative;
position: relative;
text-align: right;
text-align: right;
text-transform: uppercase;
text-transform: uppercase;
width: 60%;
width: 60%;
text-shadow: 0px 0.5px 0 #ada2a2;
text-shadow: 0px 0.5px 0 #ada2a2;
}
}
.main-navigation li:hover > a {
.main-navigation li:hover > a {
color: #2f2c2c;
color: #2f2c2c;
text-shadow: 0px 0.5px 0 #2f2c2c;
text-shadow: 0px 0.5px 0 #2f2c2c;
text-decoration: underline;
text-decoration: underline;
}
}
/* =Homepage Bubbles unser Grau
/* =Homepage Bubbles unser Grau
----------------------------------------------- */
----------------------------------------------- */
#primary {
#primary {
padding: 0;
padding: 0;
width: 100%;
width: 100%;
}
}
#primary:before,
#primary:before,
#primary:after,
#primary:after,
#content:before,
#content:before,
#content:after,
#content:after,
#main:before,
#main:before,
#main:after {
#main:after {
content: "";
content: "";
display: table;
display: table;
}
}
#primary:after,
#primary:after,
#content:after,
#content:after,
#main:after {
#main:after {
clear: both;
clear: both;
}
}
.hentry.no-thumbnail {
.hentry.no-thumbnail {
background: #d6d0d0;
background: #d6d0d0;
border-radius: 180px;
border-radius: 180px;
overflow: hidden;
overflow: hidden;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
word-wrap: break-word;
word-wrap: break-word;
width: 180px;
max-width: 180px;
height: 180px;
max-height: 180px;
}
}
.hentry.no-thumbnail span {
.hentry.no-thumbnail span {
color: #fafafa;
color: #fafafa;
display: table-cell;
display: table-cell;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 32px;
font-size: 3.2rem;
font-size: 3.2rem;
font-style: italic;
font-style: italic;
line-height: 32px;
line-height: 32px;
overflow: hidden;
overflow: hidden;
text-align: center;
text-align: center;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
vertical-align: middle;
vertical-align: middle;
word-wrap: break-word;
word-wrap: break-word;
width: 180px;
height: 180px;
}
}
.hentry.no-thumbnail:hover {
.hentry.no-thumbnail:hover {
background: #ada2a2;
background: #ada2a2;
color: #ffffff;
color: #ffffff;
transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
-ms-transition: background .4s ease-in-out;
}
}
/* =Headlines Schriftfarbe
/* =Headlines Schriftfarbe
----------------------------------------------- */
----------------------------------------------- */
.entry-title,
.entry-title,
.entry-title a {
.entry-title a {
color: #ada2a2;
color: #ada2a2;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 32px;
font-size: 32px;
font-size: 3.2rem;
font-size: 3.2rem;
font-style: italic;
font-style: italic;
line-height: 1em;
line-height: 1em;
margin: 0 0 20px 0;
margin: 0 0 20px 0;
}
}
/* =Text Schriftfarbe
/* =Text Schriftfarbe
----------------------------------------------- */
----------------------------------------------- */
body,
body,
button,
button,
input,
input,
select,
select,
textarea {
textarea {
color: #ada2a2;
color: #ada2a2;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
font-size: 16px;
font-size: 16px;
font-size: 1.6rem;
font-size: 1.6rem;
font-weight: 300;
font-weight: 300;
line-height: 1.5;
line-height: 1.5;
}
}
/* =Button Farbe
/* =Button Farbe
----------------------------------------------- */
----------------------------------------------- */
button,
button,
html input[type="button"],
html input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"] {
input[type="submit"] {
background: #d6d0d0;
background: #d6d0d0;
border: 0 none;
border: 0 none;
border-radius: 50px;
border-radius: 50px;
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
/* Improves usability and consistency of cursor style between image-type 'input' and others */
font-size: 12px;
font-size: 12px;
font-size: 1.2rem;
font-size: 1.2rem;
line-height: 1;
line-height: 1;
margin: 0;
margin: 0;
padding: .65em 1em;
padding: .65em 1em;
text-transform: uppercase;
text-transform: uppercase;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
}
button:hover,
button:hover,
html input[type="button"]:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
input[type="submit"]:hover {
background: #ada2a2;
background: #ada2a2;
color: #fafafa;
color: #fafafa;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
}
/* =Footer Farbe
/* =Footer Farbe
----------------------------------------------- */
----------------------------------------------- */
#colophon {
#colophon {
color: #d6d0d0;
color: #d6d0d0;
clear: both;
clear: both;
font-family: Quicksand, Helvetica, Arial, sans-serif;
font-family: Quicksand, Helvetica, Arial, sans-serif;
-webkit-text-stroke: .35px;
-webkit-text-stroke: .35px;
/* Hack to fix thin text in Windows */
/* Hack to fix thin text in Windows */
font-size: 12px;
font-size: 12px;
font-size: 1.2rem;
font-size: 1.2rem;
padding: 100px 0 50px;
padding: 100px 0 50px;
text-align: left;
text-align: left;
text-transform: uppercase;
text-transform: uppercase;
width: 100%;
width: 100%;
}
}
#colophon a {
#colophon a {
color: #d6d0d0;
color: #d6d0d0;
}
}
#colophon:hover a {
#colophon:hover a {
color: #ada2a2;
color: #ada2a2;
}
}
/* =Widget Plus Zeichen
/* =Widget Plus Zeichen
----------------------------------------------- */
----------------------------------------------- */
.sidebar-link {
.sidebar-link {
background: #fafafa;
background: #fafafa;
border-radius: 40px;
border-radius: 40px;
clear: both;
clear: both;
color: #d6d0d0;
color: #d6d0d0;
cursor: pointer;
cursor: pointer;
display: block;
display: block;
font-size: 18px;
font-size: 18px;
font-size: 1.8rem;
font-size: 1.8rem;
line-height: 40px;
line-height: 40px;
margin: 2em auto 0;
margin: 2em auto 0;
text-align: center;
text-align: center;
transition: background .4s ease-in-out, color .4s ease-in-out;
transition: background .4s ease-in-out, color .4s ease-in-out;
-webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
-webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
-moz-transition: background .4s ease-in-out, color .4s ease-in-out;
-moz-transition: background .4s ease-in-out, color .4s ease-in-out;
-o-transition: background .4s ease-in-out, color .4s ease-in-out;
-o-transition: background .4s ease-in-out, color .4s ease-in-out;
-ms-transition: background .4s ease-in-out, color .4s ease-in-out;
-ms-transition: background .4s ease-in-out, color .4s ease-in-out;
width: 40px;
width: 40px;
height: 40px;
height: 40px;
}
}
.sidebar-link:hover {
.sidebar-link:hover {
background-color: #ada2a2;
background-color: #ada2a2;
color: #fafafa;
color: #fafafa;
transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
}