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