|
1 /* |
|
2 Theme Name: Twenty Sixteen |
|
3 Description: Used to style the TinyMCE editor. |
|
4 */ |
|
5 |
|
6 |
|
7 /** |
|
8 * Table of Contents: |
|
9 * |
|
10 * 1.0 - Body |
|
11 * 2.0 - Typography |
|
12 * 3.0 - Elements |
|
13 * 4.0 - Alignment |
|
14 * 5.0 - Caption |
|
15 * 6.0 - Galleries |
|
16 * 7.0 - Audio / Video |
|
17 * 8.0 - RTL |
|
18 */ |
|
19 |
|
20 |
|
21 /** |
|
22 * 1.0 - Body |
|
23 */ |
|
24 |
|
25 body { |
|
26 color: #1a1a1a; |
|
27 font-family: Merriweather, Georgia, serif; |
|
28 font-size: 16px; |
|
29 font-weight: 400; |
|
30 line-height: 1.75; |
|
31 margin: 20px 40px; |
|
32 max-width: 600px; |
|
33 vertical-align: baseline; |
|
34 } |
|
35 |
|
36 body.post-type-page { |
|
37 max-width: 840px; |
|
38 } |
|
39 |
|
40 |
|
41 /** |
|
42 * 2.0 - Typography |
|
43 */ |
|
44 |
|
45 h1, |
|
46 h2, |
|
47 h3, |
|
48 h4, |
|
49 h5, |
|
50 h6 { |
|
51 clear: both; |
|
52 font-weight: 900; |
|
53 margin: 56px 0 28px; |
|
54 } |
|
55 |
|
56 h1 { |
|
57 font-size: 33px; |
|
58 line-height: 1.2727272727; |
|
59 } |
|
60 |
|
61 h2 { |
|
62 font-size: 28px; |
|
63 line-height: 1.25; |
|
64 } |
|
65 |
|
66 h3 { |
|
67 font-size: 23px; |
|
68 line-height: 1.2173913043; |
|
69 } |
|
70 |
|
71 h4, |
|
72 h5, |
|
73 h6 { |
|
74 font-size: 19px; |
|
75 line-height: 1.1052631579; |
|
76 } |
|
77 |
|
78 h4 { |
|
79 letter-spacing: 0.13333em; |
|
80 text-transform: uppercase; |
|
81 } |
|
82 |
|
83 h6 { |
|
84 font-style: italic; |
|
85 } |
|
86 |
|
87 h1:first-child, |
|
88 h2:first-child, |
|
89 h3:first-child, |
|
90 h4:first-child, |
|
91 h5:first-child, |
|
92 h6:first-child { |
|
93 margin-top: 0; |
|
94 } |
|
95 |
|
96 p { |
|
97 margin: 0 0 28px; |
|
98 } |
|
99 |
|
100 b, |
|
101 strong { |
|
102 font-weight: 700; |
|
103 } |
|
104 |
|
105 dfn, |
|
106 cite, |
|
107 em, |
|
108 i { |
|
109 font-style: italic; |
|
110 } |
|
111 |
|
112 blockquote { |
|
113 border-left: 4px solid #1a1a1a; |
|
114 color: #686868; |
|
115 font-size: 19px; |
|
116 font-style: italic; |
|
117 line-height: 1.4736842105; |
|
118 margin-bottom: 28px; |
|
119 overflow: hidden; |
|
120 padding: 0 0 0 24px; |
|
121 } |
|
122 |
|
123 blockquote:not(.alignleft):not(.alignright) { |
|
124 margin-left: -28px; |
|
125 } |
|
126 |
|
127 blockquote blockquote:not(.alignleft):not(.alignright) { |
|
128 margin-left: 0; |
|
129 } |
|
130 |
|
131 blockquote:before, |
|
132 blockquote:after { |
|
133 content: ""; |
|
134 display: table; |
|
135 } |
|
136 |
|
137 blockquote:after { |
|
138 clear: both; |
|
139 } |
|
140 |
|
141 blockquote > :last-child { |
|
142 margin-bottom: 0; |
|
143 } |
|
144 |
|
145 blockquote cite, |
|
146 blockquote small { |
|
147 color: #1a1a1a; |
|
148 font-size: 16px; |
|
149 line-height: 1.75; |
|
150 } |
|
151 |
|
152 blockquote em, |
|
153 blockquote i, |
|
154 blockquote cite { |
|
155 font-style: normal; |
|
156 } |
|
157 |
|
158 blockquote strong, |
|
159 blockquote b { |
|
160 font-weight: 400; |
|
161 } |
|
162 |
|
163 blockquote.alignleft, |
|
164 blockquote.alignright { |
|
165 border: 0 solid #1a1a1a; |
|
166 border-top-width: 4px; |
|
167 padding: 18px 0 0; |
|
168 width: -webkit-calc(50% - 14px); |
|
169 width: calc(50% - 14px); |
|
170 } |
|
171 |
|
172 address { |
|
173 font-style: italic; |
|
174 margin: 0 0 28px; |
|
175 } |
|
176 |
|
177 code, |
|
178 kbd, |
|
179 tt, |
|
180 var, |
|
181 samp, |
|
182 pre { |
|
183 font-family: Inconsolata, monospace; |
|
184 } |
|
185 |
|
186 pre { |
|
187 border: 1px solid #d1d1d1; |
|
188 font-size: 16px; |
|
189 line-height: 1.3125; |
|
190 margin: 0 0 28px; |
|
191 max-width: 100%; |
|
192 overflow: auto; |
|
193 padding: 14px; |
|
194 white-space: pre; |
|
195 white-space: pre-wrap; |
|
196 word-wrap: break-word; |
|
197 } |
|
198 |
|
199 code { |
|
200 background-color: #d1d1d1; |
|
201 padding: 2px 4px; |
|
202 } |
|
203 |
|
204 abbr[title] { |
|
205 border-bottom: 1px dotted #d1d1d1; |
|
206 cursor: help; |
|
207 } |
|
208 |
|
209 mark, |
|
210 ins { |
|
211 background: #007acc; |
|
212 color: #fff; |
|
213 padding: 2px 4px; |
|
214 text-decoration: none; |
|
215 } |
|
216 |
|
217 sup, |
|
218 sub { |
|
219 font-size: 75%; |
|
220 height: 0; |
|
221 line-height: 0; |
|
222 position: relative; |
|
223 vertical-align: baseline; |
|
224 } |
|
225 |
|
226 sub { |
|
227 top: -6px; |
|
228 } |
|
229 |
|
230 sup { |
|
231 bottom: -3px; |
|
232 } |
|
233 |
|
234 small { |
|
235 font-size: 80%; |
|
236 } |
|
237 |
|
238 big { |
|
239 font-size: 125%; |
|
240 } |
|
241 |
|
242 |
|
243 /** |
|
244 * 3.0 - Elements |
|
245 */ |
|
246 |
|
247 hr { |
|
248 background-color: #d1d1d1; |
|
249 border: 0; |
|
250 height: 1px; |
|
251 margin-bottom: 28px; |
|
252 } |
|
253 |
|
254 ul, |
|
255 ol { |
|
256 margin: 0 0 28px 0; |
|
257 padding: 0; |
|
258 } |
|
259 |
|
260 ul { |
|
261 list-style: disc; |
|
262 } |
|
263 |
|
264 ol { |
|
265 list-style: decimal; |
|
266 } |
|
267 |
|
268 li > ul, |
|
269 li > ol { |
|
270 margin-bottom: 0; |
|
271 } |
|
272 |
|
273 li > ul, |
|
274 blockquote > ul { |
|
275 margin-left: 20px; |
|
276 } |
|
277 |
|
278 li > ol, |
|
279 blockquote > ol { |
|
280 margin-left: 24px; |
|
281 } |
|
282 |
|
283 dl { |
|
284 margin: 0 0 28px; |
|
285 } |
|
286 |
|
287 dt { |
|
288 font-weight: bold; |
|
289 } |
|
290 |
|
291 dd { |
|
292 margin: 0 0 28px; |
|
293 } |
|
294 |
|
295 table, |
|
296 th, |
|
297 td, |
|
298 .mce-item-table, |
|
299 .mce-item-table th, |
|
300 .mce-item-table td { |
|
301 border: 1px solid #d1d1d1; |
|
302 } |
|
303 |
|
304 table a { |
|
305 color: #007acc; |
|
306 } |
|
307 |
|
308 table, |
|
309 .mce-item-table { |
|
310 border-collapse: separate; |
|
311 border-spacing: 0; |
|
312 border-width: 1px 0 0 1px; |
|
313 margin: 0 0 28px; |
|
314 width: 100%; |
|
315 } |
|
316 |
|
317 table th, |
|
318 .mce-item-table th, |
|
319 table caption { |
|
320 border-width: 0 1px 1px 0; |
|
321 font-size: 16px; |
|
322 font-weight: 700; |
|
323 padding: 7px; |
|
324 text-align: left; |
|
325 vertical-align: baseline; |
|
326 } |
|
327 |
|
328 table td, |
|
329 .mce-item-table td { |
|
330 border-width: 0 1px 1px 0; |
|
331 font-size: 16px; |
|
332 padding: 7px; |
|
333 vertical-align: baseline; |
|
334 } |
|
335 |
|
336 img { |
|
337 border: 0; |
|
338 height: auto; |
|
339 max-width: 100%; |
|
340 vertical-align: middle; |
|
341 } |
|
342 |
|
343 a img { |
|
344 display: block; |
|
345 } |
|
346 |
|
347 figure { |
|
348 margin: 0; |
|
349 } |
|
350 |
|
351 del { |
|
352 opacity: 0.8; |
|
353 } |
|
354 |
|
355 a { |
|
356 box-shadow: 0 1px 0 0 currentColor; |
|
357 color: #007acc; |
|
358 text-decoration: none; |
|
359 } |
|
360 |
|
361 fieldset { |
|
362 border: 1px solid #d1d1d1; |
|
363 margin: 0 0 28px; |
|
364 padding: 14px; |
|
365 } |
|
366 |
|
367 |
|
368 /** |
|
369 * 4.0 - Alignment |
|
370 */ |
|
371 |
|
372 .alignleft { |
|
373 float: left; |
|
374 margin: 6px 28px 28px 0; |
|
375 } |
|
376 |
|
377 .alignright { |
|
378 float: right; |
|
379 margin: 6px 0 28px 28px; |
|
380 } |
|
381 |
|
382 .aligncenter { |
|
383 clear: both; |
|
384 display: block; |
|
385 margin: 0 auto 28px; |
|
386 } |
|
387 |
|
388 |
|
389 /** |
|
390 * 5.0 - Caption |
|
391 */ |
|
392 |
|
393 .wp-caption { |
|
394 background: transparent; |
|
395 border: none; |
|
396 margin-bottom: 28px; |
|
397 max-width: 100%; |
|
398 padding: 0; |
|
399 text-align: inherit; |
|
400 } |
|
401 |
|
402 .wp-caption-text, |
|
403 .wp-caption-dd { |
|
404 color: #686868; |
|
405 font-size: 13px; |
|
406 font-style: italic; |
|
407 line-height: 1.6153846154; |
|
408 padding-top: 7px; |
|
409 } |
|
410 |
|
411 |
|
412 /** |
|
413 * 6.0 - Galleries |
|
414 */ |
|
415 |
|
416 .mce-content-body .wpview-wrap { |
|
417 margin-bottom: 28px; |
|
418 } |
|
419 |
|
420 .gallery { |
|
421 margin: 0 -1.1666667%; |
|
422 padding: 0; |
|
423 } |
|
424 |
|
425 .gallery .gallery-item { |
|
426 display: inline-block; |
|
427 max-width: 33.33%; |
|
428 padding: 0 1.1400652% 2.2801304%; |
|
429 text-align: center; |
|
430 vertical-align: top; |
|
431 width: 100%; |
|
432 } |
|
433 |
|
434 .gallery-columns-1 .gallery-item { |
|
435 max-width: 100%; |
|
436 } |
|
437 |
|
438 .gallery-columns-2 .gallery-item { |
|
439 max-width: 50%; |
|
440 } |
|
441 |
|
442 .gallery-columns-4 .gallery-item { |
|
443 max-width: 25%; |
|
444 } |
|
445 |
|
446 .gallery-columns-5 .gallery-item { |
|
447 max-width: 20%; |
|
448 } |
|
449 |
|
450 .gallery-columns-6 .gallery-item { |
|
451 max-width: 16.66%; |
|
452 } |
|
453 |
|
454 .gallery-columns-7 .gallery-item { |
|
455 max-width: 14.28%; |
|
456 } |
|
457 |
|
458 .gallery-columns-8 .gallery-item { |
|
459 max-width: 12.5%; |
|
460 } |
|
461 |
|
462 .gallery-columns-9 .gallery-item { |
|
463 max-width: 11.11%; |
|
464 } |
|
465 |
|
466 .gallery .gallery-caption { |
|
467 font-size: 13px; |
|
468 margin: 0; |
|
469 } |
|
470 |
|
471 .gallery-columns-6 .gallery-caption, |
|
472 .gallery-columns-7 .gallery-caption, |
|
473 .gallery-columns-8 .gallery-caption, |
|
474 .gallery-columns-9 .gallery-caption { |
|
475 display: none; |
|
476 } |
|
477 |
|
478 |
|
479 /** |
|
480 * 7.0 - Audio / Video |
|
481 */ |
|
482 |
|
483 .wp-audio-shortcode a, |
|
484 .wp-playlist a { |
|
485 box-shadow: none; |
|
486 } |
|
487 |
|
488 .mce-content-body .wp-audio-playlist { |
|
489 margin: 0; |
|
490 padding-bottom: 0; |
|
491 } |
|
492 |
|
493 .mce-content-body .wp-playlist-tracks { |
|
494 margin-top: 0; |
|
495 } |
|
496 |
|
497 .mce-content-body .wp-playlist-item { |
|
498 padding: 10px 0; |
|
499 } |
|
500 |
|
501 .mce-content-body .wp-playlist-item-length { |
|
502 top: 10px; |
|
503 } |
|
504 |
|
505 |
|
506 /** |
|
507 * 8.0 - RTL |
|
508 */ |
|
509 |
|
510 .rtl blockquote { |
|
511 border: 0 solid #1a1a1a; |
|
512 border-right-width: 4px; |
|
513 } |
|
514 |
|
515 .rtl blockquote.alignleft, |
|
516 .rtl blockquote.alignright { |
|
517 border: 0 solid #1a1a1a; |
|
518 border-top-width: 4px; |
|
519 } |
|
520 |
|
521 .rtl blockquote:not(.alignleft):not(.alignright) { |
|
522 margin-right: -28px; |
|
523 padding: 0 24px 0 0; |
|
524 } |
|
525 |
|
526 .rtl blockquote blockquote:not(.alignleft):not(.alignright) { |
|
527 margin-right: 0; |
|
528 margin-left: auto; |
|
529 } |
|
530 |
|
531 .rtl li > ul, |
|
532 .rtl blockquote > ul { |
|
533 margin-right: 20px; |
|
534 margin-left: auto; |
|
535 } |
|
536 |
|
537 .rtl li > ol, |
|
538 .rtl blockquote > ol { |
|
539 margin-right: 24px; |
|
540 margin-left: auto; |
|
541 } |
|
542 |
|
543 .rtl table th, |
|
544 .rtl .mce-item-table th, |
|
545 .rtl table caption { |
|
546 text-align: right; |
|
547 } |