|
1 /* |
|
2 Theme Name: Twenty Twelve |
|
3 Description: Used to style the TinyMCE editor. |
|
4 */ |
|
5 |
|
6 html { |
|
7 font-size: 87.5%; |
|
8 } |
|
9 html .mceContentBody { |
|
10 max-width: 625px; |
|
11 } |
|
12 body { |
|
13 color: #444; |
|
14 font-family: "Open Sans", Helvetica, Arial, sans-serif; |
|
15 font-size: 14px; |
|
16 font-size: 1rem; |
|
17 line-height: 1; |
|
18 text-rendering: optimizeLegibility; |
|
19 vertical-align: baseline; |
|
20 } |
|
21 |
|
22 |
|
23 /* =Headings |
|
24 -------------------------------------------------------------- */ |
|
25 |
|
26 h1, |
|
27 h2, |
|
28 h3, |
|
29 h4, |
|
30 h5, |
|
31 h6 { |
|
32 clear: both; |
|
33 line-height: 1.846153846; |
|
34 margin: 24px 0; |
|
35 margin: 1.714285714rem 0; |
|
36 } |
|
37 h1 { |
|
38 font-size: 21px; |
|
39 font-size: 1.5rem; |
|
40 line-height: 1.5; |
|
41 } |
|
42 h2 { |
|
43 font-size: 18px; |
|
44 font-size: 1.285714286rem; |
|
45 line-height: 1.6; |
|
46 } |
|
47 h3 { |
|
48 font-size: 16px; |
|
49 font-size: 1.142857143rem; |
|
50 } |
|
51 h4 { |
|
52 font-size: 14px; |
|
53 font-size: 1rem; |
|
54 } |
|
55 h5 { |
|
56 font-size: 13px; |
|
57 font-size: 0.928571429rem; |
|
58 } |
|
59 h6 { |
|
60 font-size: 12px; |
|
61 font-size: 0.857142857rem; |
|
62 } |
|
63 hr { |
|
64 background-color: #ccc; |
|
65 border: 0; |
|
66 height: 1px; |
|
67 margin: 24px; |
|
68 margin-bottom: 1.714285714rem; |
|
69 } |
|
70 |
|
71 |
|
72 /* =Text elements |
|
73 -------------------------------------------------------------- */ |
|
74 |
|
75 p { |
|
76 line-height: 1.714285714; |
|
77 margin: 0 0 24px; |
|
78 margin: 0 0 1.714285714rem; |
|
79 } |
|
80 ul, |
|
81 ol { |
|
82 margin: 0 0 24px; |
|
83 margin: 0 0 1.714285714rem; |
|
84 line-height: 1.714285714; |
|
85 padding: 0; |
|
86 } |
|
87 ul { |
|
88 list-style: disc outside; |
|
89 } |
|
90 ol { |
|
91 list-style: decimal outside; |
|
92 } |
|
93 ul ul, |
|
94 ol ol, |
|
95 ul ol, |
|
96 ol ul { |
|
97 margin-bottom: 0; |
|
98 } |
|
99 li { |
|
100 margin: 0 0 0 24px; |
|
101 margin: 0 0 0 1.714285714rem; |
|
102 } |
|
103 dl { |
|
104 margin: 0 24px; |
|
105 margin: 0 1.714285714rem; |
|
106 } |
|
107 dt { |
|
108 font-weight: bold; |
|
109 margin-bottom: 24px; |
|
110 margin-bottom: 1.714285714rem; |
|
111 } |
|
112 dd { |
|
113 line-height: 1.714285714; |
|
114 margin: 0 0 24px; |
|
115 margin: 0 0 1.714285714rem; |
|
116 } |
|
117 strong { |
|
118 font-weight: bold; |
|
119 } |
|
120 cite, |
|
121 em, |
|
122 i { |
|
123 font-style: italic; |
|
124 } |
|
125 cite { |
|
126 border: none; |
|
127 } |
|
128 big { |
|
129 font-size: 128.571429%; |
|
130 } |
|
131 .mceContentBody blockquote { |
|
132 font-style: italic !important; |
|
133 font-weight: normal; |
|
134 margin: 0; |
|
135 padding: 24px; |
|
136 padding: 1.714285714rem; |
|
137 } |
|
138 pre { |
|
139 border: 1px solid #ededed; |
|
140 color: #666; |
|
141 font-family: Consolas, Monaco, Lucida Console, monospace; |
|
142 font-size: 12px; |
|
143 font-size: 0.857142857rem; |
|
144 line-height: 1.714285714; |
|
145 margin: 24px 0; |
|
146 margin: 1.714285714rem 0; |
|
147 overflow: auto; |
|
148 padding: 24px; |
|
149 padding: 1.714285714rem; |
|
150 } |
|
151 code, |
|
152 kbd, |
|
153 samp, |
|
154 var { |
|
155 font-family: Consolas, Monaco, Lucida Console, monospace; |
|
156 font-size: 12px; |
|
157 font-size: 0.857142857rem; |
|
158 line-height: 2; |
|
159 } |
|
160 abbr, |
|
161 acronym, |
|
162 dfn { |
|
163 border-bottom: 1px dotted #666; |
|
164 cursor: help; |
|
165 } |
|
166 address { |
|
167 display: block; |
|
168 line-height: 1.714285714; |
|
169 margin: 0 0 24px; |
|
170 margin: 0 0 1.714285714rem; |
|
171 } |
|
172 del { |
|
173 color: #333; |
|
174 } |
|
175 ins { |
|
176 background: #fff9c0; |
|
177 border: none; |
|
178 color: #333; |
|
179 text-decoration: none; |
|
180 } |
|
181 sup, |
|
182 sub { |
|
183 font-size: 75%; |
|
184 line-height: 0; |
|
185 position: relative; |
|
186 vertical-align: baseline; |
|
187 } |
|
188 sup { |
|
189 top: -0.5em; |
|
190 } |
|
191 sub { |
|
192 bottom: -0.25em; |
|
193 } |
|
194 input[type="text"] { |
|
195 border: 1px solid #ccc; |
|
196 border-radius: 3px; |
|
197 font-family: inherit; |
|
198 padding: 6px; |
|
199 padding: 0.428571429rem; |
|
200 } |
|
201 textarea { |
|
202 border: 1px solid #d5d2ca; |
|
203 border-radius: 3px; |
|
204 font-family: inherit; |
|
205 font-size: 12px; |
|
206 font-size: 0.857142857rem; |
|
207 line-height: 1.714285714; |
|
208 padding: 10px; |
|
209 padding: 0.714285714rem; |
|
210 width: 96%; |
|
211 } |
|
212 |
|
213 |
|
214 /* =Links |
|
215 -------------------------------------------------------------- */ |
|
216 |
|
217 a, |
|
218 a em, |
|
219 a strong { |
|
220 color: #21759b; |
|
221 outline: none; |
|
222 } |
|
223 a:focus, |
|
224 a:active, |
|
225 a:hover { |
|
226 color: #0f3647; |
|
227 } |
|
228 |
|
229 |
|
230 /* =Alignment |
|
231 -------------------------------------------------------------- */ |
|
232 |
|
233 .alignleft { |
|
234 display: inline; |
|
235 float: left; |
|
236 margin: 12px 24px 12px 0; |
|
237 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; |
|
238 } |
|
239 .alignright { |
|
240 display: inline; |
|
241 float: right; |
|
242 margin: 12px 0 12px 24px; |
|
243 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; |
|
244 } |
|
245 .aligncenter { |
|
246 clear: both; |
|
247 display: block; |
|
248 margin-top: 12px; |
|
249 margin-top: 0.857142857rem; |
|
250 margin-bottom: 12px; |
|
251 margin-bottom: 0.857142857rem; |
|
252 } |
|
253 |
|
254 |
|
255 /* =Tables |
|
256 -------------------------------------------------------------- */ |
|
257 |
|
258 table { |
|
259 border-bottom: 1px solid #ededed; |
|
260 border-collapse: collapse; |
|
261 border-spacing: 0; |
|
262 color: #757575; |
|
263 font-size: 12px; |
|
264 font-size: 0.857142857rem; |
|
265 line-height: 2; |
|
266 margin: 0 0 24px; |
|
267 margin: 0 0 1.714285714rem; |
|
268 width: 100%; |
|
269 } |
|
270 tr th { |
|
271 color: #636363; |
|
272 font-size: 11px; |
|
273 font-size: 0.785714286rem; |
|
274 font-weight: bold; |
|
275 line-height: 2.181818182; |
|
276 text-align: left; |
|
277 text-transform: uppercase; |
|
278 } |
|
279 td { |
|
280 border-top: 1px solid #ededed !important; |
|
281 color: #757575; |
|
282 font-size: inherit; |
|
283 font-weight: normal; |
|
284 padding: 6px 10px 6px 0; |
|
285 text-align: left; |
|
286 } |
|
287 |
|
288 |
|
289 /* =Images |
|
290 -------------------------------------------------------------- */ |
|
291 |
|
292 img, |
|
293 .editor-attachment { |
|
294 border: 0; |
|
295 border-radius: 3px; |
|
296 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); |
|
297 max-width: 100%; |
|
298 } |
|
299 img.size-full { |
|
300 width: auto/9; /* Prevent stretching of full-size images in IE8 */ |
|
301 } |
|
302 img[class*="wp-image-"] { |
|
303 height: auto; |
|
304 max-width: 100%; |
|
305 } |
|
306 img[class*="align"], |
|
307 img[class*="wp-image-"], |
|
308 img[class*="attachment-"] { |
|
309 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ |
|
310 } |
|
311 img.mceWPnextpage { |
|
312 border-radius: 0; |
|
313 box-shadow: none; |
|
314 } |
|
315 img.wp-smiley { |
|
316 border: 0; |
|
317 border-radius: 0; |
|
318 box-shadow: none; |
|
319 margin-bottom: 0; |
|
320 margin-top: 0; |
|
321 padding: 0; |
|
322 } |
|
323 .wp-caption { |
|
324 background: transparent; |
|
325 border: none; |
|
326 margin: 0; |
|
327 padding: 4px; |
|
328 text-align: left; |
|
329 } |
|
330 .wp-caption-dt { |
|
331 margin: 0; |
|
332 } |
|
333 .wp-caption .wp-caption-text, |
|
334 .wp-caption-dd { |
|
335 color: #757575; |
|
336 font-style: italic; |
|
337 font-size: 12px; |
|
338 font-size: 0.857142857rem; |
|
339 line-height: 2; |
|
340 margin: 0 0 24px; |
|
341 margin: 0 0 1.71429rem; |
|
342 } |