|
1 /* |
|
2 Theme Name: Twenty Eleven |
|
3 Description: Used to style the TinyMCE editor. |
|
4 */ |
|
5 |
|
6 html .mceContentBody { |
|
7 max-width: 584px; |
|
8 } |
|
9 * { |
|
10 color: inherit; |
|
11 font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
12 font-style: inherit; |
|
13 font-weight: inherit; |
|
14 line-height: 1.625; |
|
15 } |
|
16 body { |
|
17 color: #333; |
|
18 font: 15px "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif; |
|
19 font-weight: 300; |
|
20 line-height: 1.625; |
|
21 } |
|
22 |
|
23 /* Headings */ |
|
24 h1,h2,h3,h4,h5,h6 { |
|
25 clear: both; |
|
26 } |
|
27 h1, |
|
28 h2 { |
|
29 color: #000; |
|
30 font-size: 15px; |
|
31 font-weight: bold; |
|
32 margin: 0 0 .8125em; |
|
33 } |
|
34 h3 { |
|
35 font-size: 10px; |
|
36 letter-spacing: 0.1em; |
|
37 line-height: 2.6em; |
|
38 text-transform: uppercase; |
|
39 } |
|
40 h4, h5, h6 { |
|
41 font-size: 14px; |
|
42 margin: 0; |
|
43 } |
|
44 hr { |
|
45 background-color: #ccc; |
|
46 border: 0; |
|
47 height: 1px; |
|
48 margin-bottom: 1.625em; |
|
49 } |
|
50 |
|
51 /* Text elements */ |
|
52 p, ul, ol, dl { |
|
53 font-weight: 300; |
|
54 } |
|
55 p { |
|
56 margin-bottom: 1.625em; |
|
57 } |
|
58 ul, ol { |
|
59 margin: 0 0 1.625em 2.5em; |
|
60 padding: 0; |
|
61 } |
|
62 ul { |
|
63 list-style: square; |
|
64 } |
|
65 ol { |
|
66 list-style-type: decimal; |
|
67 } |
|
68 ol ol { |
|
69 list-style: upper-alpha; |
|
70 } |
|
71 ol ol ol { |
|
72 list-style: lower-roman; |
|
73 } |
|
74 ol ol ol ol { |
|
75 list-style: lower-alpha; |
|
76 } |
|
77 ul ul, ol ol, ul ol, ol ul { |
|
78 margin-bottom: 0; |
|
79 } |
|
80 dl { |
|
81 margin: 0 1.625em; |
|
82 } |
|
83 dt { |
|
84 font-size: 15px; |
|
85 font-weight: bold; |
|
86 } |
|
87 dd { |
|
88 margin: 0 0 1.625em; |
|
89 } |
|
90 strong { |
|
91 font-weight: bold; |
|
92 } |
|
93 cite, em, i { |
|
94 font-style: italic; |
|
95 } |
|
96 cite { |
|
97 border: none; |
|
98 } |
|
99 big { |
|
100 font-size: 131.25%; |
|
101 } |
|
102 .mceContentBody blockquote, |
|
103 .mceContentBody blockquote p { |
|
104 font-family: Georgia, "Bitstream Charter", serif !important; |
|
105 font-style: italic !important; |
|
106 font-weight: normal; |
|
107 margin: 0 3em; |
|
108 } |
|
109 .mceContentBody blockquote em, |
|
110 .mceContentBody blockquote i, |
|
111 .mceContentBody blockquote cite { |
|
112 font-style: normal; |
|
113 } |
|
114 .mceContentBody blockquote cite { |
|
115 color: #666; |
|
116 font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
117 font-weight: 300; |
|
118 letter-spacing: 0.05em; |
|
119 text-transform: uppercase; |
|
120 } |
|
121 pre { |
|
122 background: #f4f4f4; |
|
123 font: 13px "Courier 10 Pitch", Courier, monospace; |
|
124 line-height: 1.5; |
|
125 margin-bottom: 1.625em; |
|
126 padding: 0.75em 1.625em; |
|
127 } |
|
128 code, kbd, samp, var { |
|
129 font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; |
|
130 } |
|
131 abbr, acronym, dfn { |
|
132 border-bottom: 1px dotted #666; |
|
133 cursor: help; |
|
134 } |
|
135 address { |
|
136 display: block; |
|
137 margin: 0 0 1.625em; |
|
138 } |
|
139 del { |
|
140 color: #333; |
|
141 } |
|
142 ins { |
|
143 background: #fff9c0; |
|
144 border: none; |
|
145 color: #333; |
|
146 text-decoration: none; |
|
147 } |
|
148 sup, |
|
149 sub { |
|
150 font-size: 10px; |
|
151 height: 0; |
|
152 line-height: 1; |
|
153 position: relative; |
|
154 vertical-align: baseline; |
|
155 } |
|
156 sup { |
|
157 bottom: 1ex; |
|
158 } |
|
159 sub { |
|
160 top: .5ex; |
|
161 } |
|
162 input[type=text], |
|
163 textarea { |
|
164 background: #fafafa; |
|
165 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); |
|
166 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); |
|
167 box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); |
|
168 border: 1px solid #ddd; |
|
169 color: #888; |
|
170 } |
|
171 input[type=text]:focus, |
|
172 textarea:focus { |
|
173 color: #333; |
|
174 } |
|
175 textarea { |
|
176 padding-left: 3px; |
|
177 width: 98%; |
|
178 } |
|
179 input[type=text] { |
|
180 padding: 3px; |
|
181 } |
|
182 |
|
183 /* Links */ |
|
184 a, |
|
185 a em, |
|
186 a strong { |
|
187 color: #1b8be0; |
|
188 text-decoration: none; |
|
189 } |
|
190 a:focus, |
|
191 a:active, |
|
192 a:hover { |
|
193 text-decoration: underline; |
|
194 } |
|
195 |
|
196 /* Alignment */ |
|
197 .alignleft { |
|
198 display: inline; |
|
199 float: left; |
|
200 margin-right: 1.625em; |
|
201 } |
|
202 .alignright { |
|
203 display: inline; |
|
204 float: right; |
|
205 margin-left: 1.625em; |
|
206 } |
|
207 .aligncenter { |
|
208 clear: both; |
|
209 display: block; |
|
210 margin-left: auto; |
|
211 margin-right: auto; |
|
212 } |
|
213 |
|
214 /* Tables */ |
|
215 table { |
|
216 border: none !important; |
|
217 border-bottom: 1px solid #ddd !important; |
|
218 border-collapse: collapse; |
|
219 border-spacing: 0; |
|
220 text-align: left; |
|
221 margin: 0 0 1.625em; |
|
222 width: 100%; |
|
223 } |
|
224 tr th { |
|
225 border: none !important; |
|
226 color: #666; |
|
227 font-size: 10px; |
|
228 font-weight: 500; |
|
229 letter-spacing: 0.1em; |
|
230 line-height: 2.6em; |
|
231 text-transform: uppercase; |
|
232 } |
|
233 td { |
|
234 border: none !important; |
|
235 border-top: 1px solid #ddd !important; |
|
236 padding: 6px 10px 6px 0; |
|
237 } |
|
238 |
|
239 /* Images */ |
|
240 img[class*="wp-image-"] { |
|
241 height: auto; |
|
242 max-width: 97.5%; |
|
243 } |
|
244 img.size-full { |
|
245 width: auto; /* Prevent stretching of full-size images in IE8 */ |
|
246 } |
|
247 img.wp-smiley { |
|
248 border: none; |
|
249 margin-bottom: 0; |
|
250 margin-top: 0; |
|
251 padding: 0; |
|
252 } |
|
253 p img, |
|
254 .wp-caption { |
|
255 margin-top: 0.4em; |
|
256 } |
|
257 img { |
|
258 border: 1px solid #ddd; |
|
259 padding: 6px; |
|
260 } |
|
261 img.alignleft, |
|
262 img.alignright, |
|
263 img.aligncenter { |
|
264 margin-bottom: 1.625em; |
|
265 } |
|
266 .wp-caption { |
|
267 background: #eee; |
|
268 border: none; |
|
269 margin-bottom: 1.625em; |
|
270 max-width: 96%; |
|
271 padding: 9px; |
|
272 } |
|
273 .wp-caption img { |
|
274 display: block; |
|
275 margin: 5px auto 0 !important; |
|
276 max-width: 98%; |
|
277 border-color: #eee; |
|
278 } |
|
279 .wp-caption .wp-caption-text, |
|
280 .wp-caption-dd { |
|
281 color: #666; |
|
282 font-family: Georgia, serif !important; |
|
283 font-size: 12px; |
|
284 margin: 0 0 0.6em 0 !important; |
|
285 padding: 0 0 5px 40px; |
|
286 position: relative; |
|
287 text-align: left; |
|
288 } |
|
289 .wp-caption .wp-caption-text:before { |
|
290 color: #666; |
|
291 content: '\2014'; |
|
292 font-size: 14px; |
|
293 font-style: normal; |
|
294 font-weight: bold; |
|
295 margin-right: 5px; |
|
296 position: absolute; |
|
297 left: 10px; |
|
298 top: 7px; |
|
299 } |
|
300 a:focus img[class*="wp-image-"], |
|
301 a:hover img[class*="wp-image-"], |
|
302 a:active img[class*="wp-image-"] { |
|
303 background: #eee; |
|
304 border-color: #bbb; |
|
305 } |
|
306 .wp-caption a:focus img, |
|
307 .wp-caption a:active img, |
|
308 .wp-caption a:hover img { |
|
309 background: #fff; |
|
310 border-color: #ddd; |
|
311 } |