Share this diff
1/* 1/*
2Theme Name: Spun_Childtheme 2Theme Name: Spun_Childtheme
3Description: 3Description:
4Author: admin 4Author: admin
5Template: spun 5Template: spun
6 6
7(optional values you can add: Theme URI, Author URI, Version) 7(optional values you can add: Theme URI, Author URI, Version)
8*/ 8*/
9 9
10@import url("../spun/style.css"); 10@import url("../spun/style.css");
11 11
12 12
13/* =Header ohne Transparenz 13/* =Header ohne Transparenz
14----------------------------------------------- */ 14----------------------------------------------- */
15 15
16.blog .hentry span.hometitle { 16.blog .hentry span.hometitle {
17 width: 100%; 17 width: 100%;
18 position: absolute; 18 position: absolute;
19 top: 73px; 19 top: 73px;
20 display: table-cell; 20 display: table-cell;
21 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 21 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
22 font-size: 30px; 22 font-size: 30px;
23 font-size: 3.0rem; 23 font-size: 3.0rem;
24 font-style: italic; 24 font-style: italic;
25 text-shadow: 0 0 10px #fff; 25 text-shadow: 0 0 10px #fff;
26 text-align: center; 26 text-align: center;
27 line-height: 1.2; 27 line-height: 1.2;
28 vertical-align: middle; 28 vertical-align: middle;
29 word-wrap: break-word; 29 word-wrap: break-word;
30 color: #6a6363; 30 color: #6a6363;
31 overflow: hidden; 31 overflow: hidden;
32 transition: background .4s ease-in-out; 32 transition: background .4s ease-in-out;
33 -webkit-transition: background .4s ease-in-out; 33 -webkit-transition: background .4s ease-in-out;
34 -moz-transition: background .4s ease-in-out; 34 -moz-transition: background .4s ease-in-out;
35 -o-transition: background .4s ease-in-out; 35 -o-transition: background .4s ease-in-out;
36 -ms-transition: background .4s ease-in-out; 36 -ms-transition: background .4s ease-in-out;
37} 37}
38 38
39.blog .hentry { 39.blog .hentry {
40 position: relative; 40 position: relative;
41} 41}
42 42
43@media screen and ( max-width: 800px ) { 43@media screen and ( max-width: 800px ) {
44 .blog .hentry span.hometitle { 44 .blog .hentry span.hometitle {
45 font-size: 24px; 45 font-size: 24px;
46 font-size: 2.4rem; 46 font-size: 2.4rem;
47 }; 47 };
48} 48}
49 49
50/* =Header Logo Größe 50/* =Header Logo Größe
51----------------------------------------------- */ 51----------------------------------------------- */
52 52
53#masthead img { 53#masthead img {
54 max-height: 200px; 54 max-height: 200px;
55} 55}
56 56
57#masthead { 57#masthead {
58 opacity: 1; 58 opacity: 1;
59} 59}
60 60
61.post-date { 61.post-date {
62 display: none; 62 display: none;
63} 63}
64 64
65/* =Hauptnavi Farbe_Unterstrichen 65/* =Hauptnavi Farbe_Unterstrichen
66----------------------------------------------- */ 66----------------------------------------------- */
67 67
68.main-navigation { 68.main-navigation {
69 color: #ada2a2; 69 color: #ada2a2;
70 display: block; 70 display: block;
71 float: right; 71 float: right;
72 font-family: Quicksand, Helvetica, Arial, sans-serif; 72 font-family: Quicksand, Helvetica, Arial, sans-serif;
73 -webkit-text-stroke: .35px; 73 -webkit-text-stroke: .35px;
74 /* Hack to fix thin text in Windows */ 74 /* Hack to fix thin text in Windows */
75 font-size: 14px; 75 font-size: 14px;
76 font-size: 1.4rem; 76 font-size: 1.4rem;
77 margin: 5px 0 0; 77 margin: 5px 0 0;
78 position: relative; 78 position: relative;
79 text-align: right; 79 text-align: right;
80 text-transform: uppercase; 80 text-transform: uppercase;
81 width: 60%; 81 width: 60%;
82 text-shadow: 0px 0.5px 0 #ada2a2; 82 text-shadow: 0px 0.5px 0 #ada2a2;
83} 83}
84 84
85.main-navigation li:hover > a { 85.main-navigation li:hover > a {
86 color: #2f2c2c; 86 color: #2f2c2c;
87 text-shadow: 0px 0.5px 0 #2f2c2c; 87 text-shadow: 0px 0.5px 0 #2f2c2c;
88 text-decoration: underline; 88 text-decoration: underline;
89} 89}
90 90
91 91
92/* =Homepage Bubbles unser Grau 92/* =Homepage Bubbles unser Grau
93----------------------------------------------- */ 93----------------------------------------------- */
94#primary { 94#primary {
95 padding: 0; 95 padding: 0;
96 width: 100%; 96 width: 100%;
97} 97}
98 98
99#primary:before, 99#primary:before,
100#primary:after, 100#primary:after,
101#content:before, 101#content:before,
102#content:after, 102#content:after,
103#main:before, 103#main:before,
104#main:after { 104#main:after {
105 content: ""; 105 content: "";
106 display: table; 106 display: table;
107} 107}
108 108
109#primary:after, 109#primary:after,
110#content:after, 110#content:after,
111#main:after { 111#main:after {
112 clear: both; 112 clear: both;
113} 113}
114 114
115.hentry.no-thumbnail { 115.hentry.no-thumbnail {
116 background: #d6d0d0; 116 background: #d6d0d0;
117 border-radius: 180px; 117 border-radius: 180px;
118 overflow: hidden; 118 overflow: hidden;
119 transition: background .4s ease-in-out; 119 transition: background .4s ease-in-out;
120 -webkit-transition: background .4s ease-in-out; 120 -webkit-transition: background .4s ease-in-out;
121 -moz-transition: background .4s ease-in-out; 121 -moz-transition: background .4s ease-in-out;
122 -o-transition: background .4s ease-in-out; 122 -o-transition: background .4s ease-in-out;
123 word-wrap: break-word; 123 word-wrap: break-word;
124 width: 180px;  
125 max-width: 180px;  
126 height: 180px;  
127 max-height: 180px;  
128} 124}
129 125
130.hentry.no-thumbnail span { 126.hentry.no-thumbnail span {
131 color: #fafafa; 127 color: #fafafa;
132 display: table-cell; 128 display: table-cell;
133 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 129 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
134 font-size: 32px; 130 font-size: 32px;
135 font-size: 3.2rem; 131 font-size: 3.2rem;
136 font-style: italic; 132 font-style: italic;
137 line-height: 32px; 133 line-height: 32px;
138 overflow: hidden; 134 overflow: hidden;
139 text-align: center; 135 text-align: center;
140 transition: background .4s ease-in-out; 136 transition: background .4s ease-in-out;
141 -webkit-transition: background .4s ease-in-out; 137 -webkit-transition: background .4s ease-in-out;
142 -moz-transition: background .4s ease-in-out; 138 -moz-transition: background .4s ease-in-out;
143 -o-transition: background .4s ease-in-out; 139 -o-transition: background .4s ease-in-out;
144 -ms-transition: background .4s ease-in-out; 140 -ms-transition: background .4s ease-in-out;
145 vertical-align: middle; 141 vertical-align: middle;
146 word-wrap: break-word; 142 word-wrap: break-word;
147 width: 180px;  
148 height: 180px;  
149} 143}
150 144
151.hentry.no-thumbnail:hover { 145.hentry.no-thumbnail:hover {
152 background: #ada2a2; 146 background: #ada2a2;
153 color: #ffffff; 147 color: #ffffff;
154 transition: background .4s ease-in-out; 148 transition: background .4s ease-in-out;
155 -webkit-transition: background .4s ease-in-out; 149 -webkit-transition: background .4s ease-in-out;
156 -moz-transition: background .4s ease-in-out; 150 -moz-transition: background .4s ease-in-out;
157 -o-transition: background .4s ease-in-out; 151 -o-transition: background .4s ease-in-out;
158 -ms-transition: background .4s ease-in-out; 152 -ms-transition: background .4s ease-in-out;
159} 153}
160 154
161 155
162/* =Headlines Schriftfarbe 156/* =Headlines Schriftfarbe
163----------------------------------------------- */ 157----------------------------------------------- */
164 158
165.entry-title, 159.entry-title,
166.entry-title a { 160.entry-title a {
167 color: #ada2a2; 161 color: #ada2a2;
168 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 162 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
169 font-size: 32px; 163 font-size: 32px;
170 font-size: 3.2rem; 164 font-size: 3.2rem;
171 font-style: italic; 165 font-style: italic;
172 line-height: 1em; 166 line-height: 1em;
173 margin: 0 0 20px 0; 167 margin: 0 0 20px 0;
174} 168}
175 169
176 170
177/* =Text Schriftfarbe 171/* =Text Schriftfarbe
178----------------------------------------------- */ 172----------------------------------------------- */
179 173
180body, 174body,
181button, 175button,
182input, 176input,
183select, 177select,
184textarea { 178textarea {
185 color: #ada2a2; 179 color: #ada2a2;
186 font-family: Baskerville, "Playfair Display", "Times New Roman", serif; 180 font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
187 font-size: 16px; 181 font-size: 16px;
188 font-size: 1.6rem; 182 font-size: 1.6rem;
189 font-weight: 300; 183 font-weight: 300;
190 line-height: 1.5; 184 line-height: 1.5;
191} 185}
192 186
193 187
194 188
195/* =Button Farbe 189/* =Button Farbe
196----------------------------------------------- */ 190----------------------------------------------- */
197 191
198 192
199button, 193button,
200html input[type="button"], 194html input[type="button"],
201input[type="reset"], 195input[type="reset"],
202input[type="submit"] { 196input[type="submit"] {
203 background: #d6d0d0; 197 background: #d6d0d0;
204 border: 0 none; 198 border: 0 none;
205 border-radius: 50px; 199 border-radius: 50px;
206 color: #fff; 200 color: #fff;
207 cursor: pointer; 201 cursor: pointer;
208 /* Improves usability and consistency of cursor style between image-type 'input' and others */ 202 /* Improves usability and consistency of cursor style between image-type 'input' and others */
209 font-size: 12px; 203 font-size: 12px;
210 font-size: 1.2rem; 204 font-size: 1.2rem;
211 line-height: 1; 205 line-height: 1;
212 margin: 0; 206 margin: 0;
213 padding: .65em 1em; 207 padding: .65em 1em;
214 text-transform: uppercase; 208 text-transform: uppercase;
215 transition: all .3s ease-in-out; 209 transition: all .3s ease-in-out;
216 -webkit-transition: all .3s ease-in-out; 210 -webkit-transition: all .3s ease-in-out;
217 -moz-transition: all .3s ease-in-out; 211 -moz-transition: all .3s ease-in-out;
218 -o-transition: all .3s ease-in-out; 212 -o-transition: all .3s ease-in-out;
219} 213}
220 214
221button:hover, 215button:hover,
222html input[type="button"]:hover, 216html input[type="button"]:hover,
223input[type="reset"]:hover, 217input[type="reset"]:hover,
224input[type="submit"]:hover { 218input[type="submit"]:hover {
225 background: #ada2a2; 219 background: #ada2a2;
226 color: #fafafa; 220 color: #fafafa;
227 transition: all .3s ease-in-out; 221 transition: all .3s ease-in-out;
228 -webkit-transition: all .3s ease-in-out; 222 -webkit-transition: all .3s ease-in-out;
229 -moz-transition: all .3s ease-in-out; 223 -moz-transition: all .3s ease-in-out;
230 -o-transition: all .3s ease-in-out; 224 -o-transition: all .3s ease-in-out;
231} 225}
232 226
233 227
234/* =Footer Farbe 228/* =Footer Farbe
235----------------------------------------------- */ 229----------------------------------------------- */
236 230
237#colophon { 231#colophon {
238 color: #d6d0d0; 232 color: #d6d0d0;
239 clear: both; 233 clear: both;
240 font-family: Quicksand, Helvetica, Arial, sans-serif; 234 font-family: Quicksand, Helvetica, Arial, sans-serif;
241 -webkit-text-stroke: .35px; 235 -webkit-text-stroke: .35px;
242 /* Hack to fix thin text in Windows */ 236 /* Hack to fix thin text in Windows */
243 font-size: 12px; 237 font-size: 12px;
244 font-size: 1.2rem; 238 font-size: 1.2rem;
245 padding: 100px 0 50px; 239 padding: 100px 0 50px;
246 text-align: left; 240 text-align: left;
247 text-transform: uppercase; 241 text-transform: uppercase;
248 width: 100%; 242 width: 100%;
249} 243}
250 244
251#colophon a { 245#colophon a {
252 color: #d6d0d0; 246 color: #d6d0d0;
253} 247}
254 248
255#colophon:hover a { 249#colophon:hover a {
256 color: #ada2a2; 250 color: #ada2a2;
257} 251}
258 252
259 253
260/* =Widget Plus Zeichen 254/* =Widget Plus Zeichen
261----------------------------------------------- */ 255----------------------------------------------- */
262 256
263.sidebar-link { 257.sidebar-link {
264 background: #fafafa; 258 background: #fafafa;
265 border-radius: 40px; 259 border-radius: 40px;
266 clear: both; 260 clear: both;
267 color: #d6d0d0; 261 color: #d6d0d0;
268 cursor: pointer; 262 cursor: pointer;
269 display: block; 263 display: block;
270 font-size: 18px; 264 font-size: 18px;
271 font-size: 1.8rem; 265 font-size: 1.8rem;
272 line-height: 40px; 266 line-height: 40px;
273 margin: 2em auto 0; 267 margin: 2em auto 0;
274 text-align: center; 268 text-align: center;
275 transition: background .4s ease-in-out, color .4s ease-in-out; 269 transition: background .4s ease-in-out, color .4s ease-in-out;
276 -webkit-transition: background .4s ease-in-out, color .4s ease-in-out; 270 -webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
277 -moz-transition: background .4s ease-in-out, color .4s ease-in-out; 271 -moz-transition: background .4s ease-in-out, color .4s ease-in-out;
278 -o-transition: background .4s ease-in-out, color .4s ease-in-out; 272 -o-transition: background .4s ease-in-out, color .4s ease-in-out;
279 -ms-transition: background .4s ease-in-out, color .4s ease-in-out; 273 -ms-transition: background .4s ease-in-out, color .4s ease-in-out;
280 width: 40px; 274 width: 40px;
281 height: 40px; 275 height: 40px;
282} 276}
283 277
284.sidebar-link:hover { 278.sidebar-link:hover {
285 background-color: #ada2a2; 279 background-color: #ada2a2;
286 color: #fafafa; 280 color: #fafafa;
287 transition: all .4s ease-in-out; 281 transition: all .4s ease-in-out;
288 -webkit-transition: all .4s ease-in-out; 282 -webkit-transition: all .4s ease-in-out;
289 -moz-transition: all .4s ease-in-out; 283 -moz-transition: all .4s ease-in-out;
290 -o-transition: all .4s ease-in-out; 284 -o-transition: all .4s ease-in-out;
291 -ms-transition: all .4s ease-in-out; 285 -ms-transition: all .4s ease-in-out;
 286}
ORIGINAL TEXT
CHANGED TEXT