6 removals
1 addition
1./* 1./*
2.Theme Name: Spun_Childtheme 2.Theme Name: Spun_Childtheme
3.Description: 3.Description:
4.Author: admin 4.Author: admin
5.Template: spun 5.Template: 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.
180.body, 174.body,
181.button, 175.button,
182.input, 176.input,
183.select, 177.select,
184.textarea { 178.textarea {
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.
199.button, 193.button,
200.html input[type="button"], 194.html input[type="button"],
201.input[type="reset"], 195.input[type="reset"],
202.input[type="submit"] { 196.input[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.
221.button:hover, 215.button:hover,
222.html input[type="button"]:hover, 216.html input[type="button"]:hover,
223.input[type="reset"]:hover, 217.input[type="reset"]:hover,
224.input[type="submit"]:hover { 218.input[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