|
1 /* |
|
2 Theme Name: Twenty Thirteen |
|
3 Description: Used to style blocks in the editor. |
|
4 */ |
|
5 |
|
6 /*-------------------------------------------------------------- |
|
7 >>> TABLE OF CONTENTS: |
|
8 ---------------------------------------------------------------- |
|
9 1.0 General Typography |
|
10 2.0 General Block Styles |
|
11 3.0 Blocks - Common Blocks |
|
12 4.0 Blocks - Formatting |
|
13 5.0 Blocks - Layout Elements |
|
14 6.0 Blocks - Widgets |
|
15 --------------------------------------------------------------*/ |
|
16 |
|
17 /*-------------------------------------------------------------- |
|
18 1.0 Block Alignments |
|
19 --------------------------------------------------------------*/ |
|
20 |
|
21 .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit figure { |
|
22 width: auto; |
|
23 } |
|
24 |
|
25 /*-------------------------------------------------------------- |
|
26 2.0 General Typography |
|
27 --------------------------------------------------------------*/ |
|
28 |
|
29 .edit-post-visual-editor .editor-block-list__block, |
|
30 .edit-post-visual-editor .editor-block-list__block p, |
|
31 .editor-default-block-appender textarea.editor-default-block-appender__content { |
|
32 font-family: "Source Sans Pro", Helvetica, sans-serif; |
|
33 font-size: 16px; |
|
34 font-weight: 400; |
|
35 line-height: 1.5; |
|
36 } |
|
37 |
|
38 .edit-post-visual-editor .editor-block-list__block { |
|
39 color: #141412; |
|
40 } |
|
41 |
|
42 .editor-post-title__block .editor-post-title__input { |
|
43 font-family: Bitter, Georgia, serif; |
|
44 font-size: 48px; |
|
45 font-weight: 300; |
|
46 line-height: 1.0909090909; |
|
47 margin-bottom: 12px; |
|
48 margin: 0 0 12px 0; |
|
49 } |
|
50 |
|
51 /*-------------------------------------------------------------- |
|
52 3.0 General Block Styles |
|
53 --------------------------------------------------------------*/ |
|
54 |
|
55 /* Main content width */ |
|
56 |
|
57 .wp-block { |
|
58 max-width: 634px; /* 604px + 30px to account for padding */ |
|
59 } |
|
60 |
|
61 .wp-block.alignwide, |
|
62 .wp-block.alignfull { |
|
63 max-width: inherit; |
|
64 } |
|
65 |
|
66 [class^="wp-block-"] .wp-block { |
|
67 max-width: 100%; |
|
68 } |
|
69 |
|
70 /* Link styles */ |
|
71 |
|
72 .edit-post-visual-editor a, |
|
73 .editor-block-list__block a, |
|
74 .wp-block-freeform.block-library-rich-text__tinymce a { |
|
75 color: #bc360a; |
|
76 } |
|
77 |
|
78 /* List styles */ |
|
79 |
|
80 .edit-post-visual-editor ul:not(.wp-block-gallery), |
|
81 .editor-block-list__block ul:not(.wp-block-gallery), |
|
82 .block-library-list ul, |
|
83 .edit-post-visual-editor ol, |
|
84 .editor-block-list__block ol, |
|
85 .block-library-list ol { |
|
86 margin: 16px 0; |
|
87 padding: 0 0 0 40px; |
|
88 } |
|
89 |
|
90 .block-library-list .editor-rich-text__tinymce { |
|
91 padding: 0 0 0 40px; |
|
92 } |
|
93 |
|
94 .edit-post-visual-editor ul:not(.wp-block-gallery), |
|
95 .edit-post-visual-editor .editor-block-list__block ul:not(.wp-block-gallery), |
|
96 .block-library-list ul { |
|
97 list-style-type: square; |
|
98 } |
|
99 |
|
100 .edit-post-visual-editor ol, |
|
101 .editor-block-list__block ol, |
|
102 .block-library-list ol { |
|
103 list-style: decimal; |
|
104 } |
|
105 |
|
106 .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul, |
|
107 .editor-block-list__block ul:not(.wp-block-gallery) li > ul, |
|
108 .block-library-list li > ul, |
|
109 .edit-post-visual-editor li > ol, |
|
110 .editor-block-list__block li > ol, |
|
111 .block-library-list li > ol { |
|
112 margin: 0; |
|
113 } |
|
114 |
|
115 .edit-post-visual-editor ul:not(.wp-block-gallery) li, |
|
116 .editor-block-list__block ul:not(.wp-block-gallery) li, |
|
117 .edit-post-visual-editor ol li, |
|
118 .editor-block-list__block ol li, |
|
119 .block-library-list li { |
|
120 margin-bottom: 0; |
|
121 } |
|
122 |
|
123 .rtl .edit-post-visual-editor ul:not(.wp-block-gallery), |
|
124 .rtl .editor-block-list__block ul:not(.wp-block-gallery), |
|
125 .rtl .block-library-list ul, |
|
126 .rtl .edit-post-visual-editor ol, |
|
127 .rtl .editor-block-list__block ol, |
|
128 .rtl .block-library-list ol { |
|
129 padding-left: 0; |
|
130 padding-right: 40px; |
|
131 } |
|
132 |
|
133 .rtl .block-library-list .editor-rich-text__tinymce { |
|
134 padding-left: 0; |
|
135 padding-right: 40px; |
|
136 } |
|
137 |
|
138 /* Quote */ |
|
139 |
|
140 .wp-block-freeform.block-library-rich-text__tinymce blockquote { |
|
141 border-left: 0; |
|
142 border-right: 0; |
|
143 font-style: italic; |
|
144 margin: 24px 40px; |
|
145 padding-left: 0; |
|
146 padding-right: 0; |
|
147 } |
|
148 |
|
149 .wp-block-freeform.block-library-rich-text__tinymce blockquote p { |
|
150 font-size: 24px; |
|
151 font-weight: 300; |
|
152 } |
|
153 |
|
154 /* Table */ |
|
155 |
|
156 .rtl .editor-block-list__block table th, |
|
157 .rtl .editor-block-list__block table td { |
|
158 text-align: right; |
|
159 } |
|
160 |
|
161 /* Code */ |
|
162 |
|
163 .wp-block-freeform.block-library-rich-text__tinymce code { |
|
164 background: transparent; |
|
165 } |
|
166 |
|
167 /* Captions */ |
|
168 |
|
169 [class^="wp-block-"] figcaption, |
|
170 [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body { |
|
171 color: #220e10; |
|
172 font-size: 18px; |
|
173 font-style: italic; |
|
174 font-weight: 300; |
|
175 line-height: 1.5; |
|
176 margin: 0 0 24px; |
|
177 } |
|
178 |
|
179 /*-------------------------------------------------------------- |
|
180 4.0 Blocks - Common Blocks |
|
181 --------------------------------------------------------------*/ |
|
182 |
|
183 /* Paragraph */ |
|
184 |
|
185 p.has-drop-cap:not(:focus)::first-letter { |
|
186 font-size: 5em; |
|
187 } |
|
188 |
|
189 /* Gallery */ |
|
190 |
|
191 .edit-post-visual-editor .wp-block-gallery { |
|
192 margin-bottom: 24px; |
|
193 padding: 0; |
|
194 } |
|
195 |
|
196 .wp-block-gallery figcaption, |
|
197 .wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body { |
|
198 color: #fff; |
|
199 font-size: 13px; |
|
200 margin-bottom: 0; |
|
201 } |
|
202 |
|
203 /* Quote */ |
|
204 |
|
205 .wp-block-quote { |
|
206 font-style: italic; |
|
207 margin: 24px 40px; |
|
208 padding: 0; |
|
209 } |
|
210 |
|
211 .editor-block-list__block .wp-block-quote p { |
|
212 font-size: 24px; |
|
213 font-weight: 300; |
|
214 } |
|
215 |
|
216 .wp-block-quote:not(.is-large):not(.is-style-large) { |
|
217 border-left: 0; |
|
218 border-right: 0; |
|
219 padding-left: 0; |
|
220 padding-right: 0; |
|
221 } |
|
222 |
|
223 .wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body { |
|
224 color: inherit; |
|
225 font-size: 16px; |
|
226 font-style: italic; |
|
227 text-transform: uppercase; |
|
228 } |
|
229 |
|
230 .wp-block-quote.is-large p, |
|
231 .wp-block-quote.is-style-large p { |
|
232 font-size: 28px; |
|
233 } |
|
234 |
|
235 .wp-block-quote.is-large .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body, |
|
236 .wp-block-quote.is-style-large .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body { |
|
237 font-size: 18px; |
|
238 } |
|
239 |
|
240 /* Cover */ |
|
241 |
|
242 .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text, |
|
243 .edit-post-visual-editor .editor-block-list__block .wp-block-cover p.wp-block-cover-text { |
|
244 font-size: 32px; |
|
245 line-height: 1.25; |
|
246 } |
|
247 |
|
248 /* File */ |
|
249 |
|
250 .wp-block-file .wp-block-file__textlink { |
|
251 color: #bc360a; |
|
252 } |
|
253 |
|
254 .wp-block-file .wp-block-file__button { |
|
255 background: #e05d22; /* Old browsers */ |
|
256 background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */ |
|
257 background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */ |
|
258 border: none; |
|
259 border-bottom: 3px solid #b93207; |
|
260 color: #fff; |
|
261 display: inline-block; |
|
262 font-size: 16px; |
|
263 line-height: 24px; |
|
264 padding: 11px 24px 10px; |
|
265 text-decoration: none; |
|
266 } |
|
267 |
|
268 /*-------------------------------------------------------------- |
|
269 5.0 Blocks - Formatting |
|
270 --------------------------------------------------------------*/ |
|
271 |
|
272 /* Code */ |
|
273 |
|
274 .wp-block-code { |
|
275 border: 0; |
|
276 padding: 0; |
|
277 } |
|
278 |
|
279 /* Pullquote */ |
|
280 |
|
281 .edit-post-visual-editor .wp-block-pullquote { |
|
282 border: 0; |
|
283 padding: 0.5em 0; |
|
284 } |
|
285 |
|
286 .edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p { |
|
287 font-weight: 300; |
|
288 } |
|
289 |
|
290 .edit-post-visual-editor .wp-block-pullquote__citation, |
|
291 .edit-post-visual-editor .wp-block-pullquote cite, |
|
292 .edit-post-visual-editor .wp-block-pullquote footer { |
|
293 color: #141412; |
|
294 font-size: 16px; |
|
295 } |
|
296 |
|
297 /* Table */ |
|
298 |
|
299 .wp-block-table { |
|
300 border-bottom: 1px solid #ededed; |
|
301 border-collapse: collapse; |
|
302 border-spacing: 0; |
|
303 font-size: 14px; |
|
304 line-height: 2; |
|
305 margin: 0 0 20px; |
|
306 width: 100%; |
|
307 } |
|
308 |
|
309 .wp-block-table th { |
|
310 border: 0; |
|
311 font-weight: bold; |
|
312 text-transform: uppercase; |
|
313 } |
|
314 |
|
315 .editor-block-list__block .wp-block-table td { |
|
316 border: 0; |
|
317 border-top: 1px solid #ededed; |
|
318 padding: 0; |
|
319 } |
|
320 |
|
321 /*-------------------------------------------------------------- |
|
322 6.0 Blocks - Layout Elements |
|
323 --------------------------------------------------------------*/ |
|
324 |
|
325 /* Buttons */ |
|
326 |
|
327 .wp-block-button .wp-block-button__link { |
|
328 display: inline-block; |
|
329 font-size: 16px; |
|
330 line-height: 24px; |
|
331 padding: 11px 24px 10px; |
|
332 text-decoration: none; |
|
333 } |
|
334 |
|
335 .wp-block-button__link { |
|
336 background: #e05d22; |
|
337 border-bottom: 3px solid #b93207; |
|
338 color: #fff; |
|
339 } |
|
340 |
|
341 .is-style-outline .wp-block-button__link { |
|
342 border-width: 2px; |
|
343 color: #e05d22; |
|
344 } |
|
345 |
|
346 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { |
|
347 background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */ |
|
348 background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */ |
|
349 } |
|
350 |
|
351 /* Separator */ |
|
352 |
|
353 .editor-block-list__block hr.wp-block-separator { |
|
354 margin-left: auto; |
|
355 margin-right: auto; |
|
356 } |
|
357 |
|
358 /* Media & Text */ |
|
359 |
|
360 .wp-block-media-text *:last-child { |
|
361 margin-bottom: 0; |
|
362 } |
|
363 |
|
364 /*-------------------------------------------------------------- |
|
365 7.0 Blocks - Widgets |
|
366 --------------------------------------------------------------*/ |
|
367 |
|
368 /* Archives, Categories & Latest Posts */ |
|
369 |
|
370 [data-align="center"] .wp-block-archives ul, |
|
371 [data-align="center"] .wp-block-categories ul, |
|
372 [data-align="center"] .wp-block-latest-posts ul { |
|
373 list-style-position: inside; |
|
374 text-align: center; |
|
375 } |
|
376 |
|
377 /* Latest Comments */ |
|
378 |
|
379 .editor-block-list__block .wp-block-latest-comments { |
|
380 margin: 0; |
|
381 padding: 0; |
|
382 } |
|
383 |
|
384 .wp-block-latest-comments .avatar, |
|
385 .wp-block-latest-comments__comment-avatar { |
|
386 border-radius: 0; |
|
387 } |
|
388 |
|
389 .wp-block-latest-comments__comment, |
|
390 .wp-block-latest-comments__comment-excerpt, |
|
391 .wp-block-latest-comments__comment-excerpt p { |
|
392 font-size: 16px; |
|
393 } |
|
394 |
|
395 .wp-block-latest-comments__comment-excerpt p:last-child { |
|
396 margin-bottom: 0; |
|
397 } |
|
398 |
|
399 .wp-block-latest-comments__comment-date { |
|
400 font-size: 16px; |
|
401 } |
|
402 |
|
403 .wp-block-latest-comments .wp-block-latest-comments__comment { |
|
404 background: url(../images/dotted-line.png) repeat-x left top; |
|
405 margin-bottom: 0; |
|
406 padding: 24px 0; |
|
407 } |
|
408 |
|
409 /* Latest Posts */ |
|
410 |
|
411 .edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid { |
|
412 list-style-type: none; |
|
413 margin-left: 0; |
|
414 margin-right: 0; |
|
415 } |
|
416 |
|
417 .edit-post-visual-editor .wp-block-latest-posts.is-grid li { |
|
418 margin-bottom: 1em; |
|
419 } |