]>
Commit | Line | Data |
---|---|---|
1 | /* | |
2 | Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved. | |
3 | For licensing, see LICENSE.md or http://ckeditor.com/license | |
4 | */ | |
5 | ||
6 | html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre | |
7 | { | |
8 | line-height: 1.5; | |
9 | } | |
10 | ||
11 | body | |
12 | { | |
13 | padding: 10px 30px; | |
14 | } | |
15 | ||
16 | input, textarea, select, option, optgroup, button, td, th | |
17 | { | |
18 | font-size: 100%; | |
19 | } | |
20 | ||
21 | pre | |
22 | { | |
23 | -moz-tab-size: 4; | |
24 | tab-size: 4; | |
25 | } | |
26 | ||
27 | pre, code, kbd, samp, tt | |
28 | { | |
29 | font-family: monospace,monospace; | |
30 | font-size: 1em; | |
31 | } | |
32 | ||
33 | body { | |
34 | width: 960px; | |
35 | margin: 0 auto; | |
36 | } | |
37 | ||
38 | code | |
39 | { | |
40 | background: #f3f3f3; | |
41 | border: 1px solid #ddd; | |
42 | padding: 1px 4px; | |
43 | border-radius: 3px; | |
44 | } | |
45 | ||
46 | abbr | |
47 | { | |
48 | border-bottom: 1px dotted #555; | |
49 | cursor: pointer; | |
50 | } | |
51 | ||
52 | .new, .beta | |
53 | { | |
54 | text-transform: uppercase; | |
55 | font-size: 10px; | |
56 | font-weight: bold; | |
57 | padding: 1px 4px; | |
58 | margin: 0 0 0 5px; | |
59 | color: #fff; | |
60 | float: right; | |
61 | border-radius: 3px; | |
62 | } | |
63 | ||
64 | .new | |
65 | { | |
66 | background: #FF7E00; | |
67 | border: 1px solid #DA8028; | |
68 | text-shadow: 0 1px 0 #C97626; | |
69 | ||
70 | box-shadow: 0 2px 3px 0 #FFA54E inset; | |
71 | } | |
72 | ||
73 | .beta | |
74 | { | |
75 | background: #18C0DF; | |
76 | border: 1px solid #19AAD8; | |
77 | text-shadow: 0 1px 0 #048CAD; | |
78 | font-style: italic; | |
79 | ||
80 | box-shadow: 0 2px 3px 0 #50D4FD inset; | |
81 | } | |
82 | ||
83 | h1.samples | |
84 | { | |
85 | color: #0782C1; | |
86 | font-size: 200%; | |
87 | font-weight: normal; | |
88 | margin: 0; | |
89 | padding: 0; | |
90 | } | |
91 | ||
92 | h1.samples a | |
93 | { | |
94 | color: #0782C1; | |
95 | text-decoration: none; | |
96 | border-bottom: 1px dotted #0782C1; | |
97 | } | |
98 | ||
99 | .samples a:hover | |
100 | { | |
101 | border-bottom: 1px dotted #0782C1; | |
102 | } | |
103 | ||
104 | h2.samples | |
105 | { | |
106 | color: #000000; | |
107 | font-size: 130%; | |
108 | margin: 15px 0 0 0; | |
109 | padding: 0; | |
110 | } | |
111 | ||
112 | p, blockquote, address, form, pre, dl, h1.samples, h2.samples | |
113 | { | |
114 | margin-bottom: 15px; | |
115 | } | |
116 | ||
117 | ul.samples | |
118 | { | |
119 | margin-bottom: 15px; | |
120 | } | |
121 | ||
122 | .clear | |
123 | { | |
124 | clear: both; | |
125 | } | |
126 | ||
127 | fieldset | |
128 | { | |
129 | margin: 0; | |
130 | padding: 10px; | |
131 | } | |
132 | ||
133 | body, input, textarea | |
134 | { | |
135 | color: #333333; | |
136 | font-family: Arial, Helvetica, sans-serif; | |
137 | } | |
138 | ||
139 | body | |
140 | { | |
141 | font-size: 75%; | |
142 | } | |
143 | ||
144 | a.samples | |
145 | { | |
146 | color: #189DE1; | |
147 | text-decoration: none; | |
148 | } | |
149 | ||
150 | form | |
151 | { | |
152 | margin: 0; | |
153 | padding: 0; | |
154 | } | |
155 | ||
156 | pre.samples | |
157 | { | |
158 | background-color: #F7F7F7; | |
159 | border: 1px solid #D7D7D7; | |
160 | overflow: auto; | |
161 | padding: 0.25em; | |
162 | white-space: pre-wrap; /* CSS 2.1 */ | |
163 | word-wrap: break-word; /* IE7 */ | |
164 | } | |
165 | ||
166 | #footer | |
167 | { | |
168 | clear: both; | |
169 | padding-top: 10px; | |
170 | } | |
171 | ||
172 | #footer hr | |
173 | { | |
174 | margin: 10px 0 15px 0; | |
175 | height: 1px; | |
176 | border: solid 1px gray; | |
177 | border-bottom: none; | |
178 | } | |
179 | ||
180 | #footer p | |
181 | { | |
182 | margin: 0 10px 10px 10px; | |
183 | float: left; | |
184 | } | |
185 | ||
186 | #footer #copy | |
187 | { | |
188 | float: right; | |
189 | } | |
190 | ||
191 | #outputSample | |
192 | { | |
193 | width: 100%; | |
194 | table-layout: fixed; | |
195 | } | |
196 | ||
197 | #outputSample thead th | |
198 | { | |
199 | color: #dddddd; | |
200 | background-color: #999999; | |
201 | padding: 4px; | |
202 | white-space: nowrap; | |
203 | } | |
204 | ||
205 | #outputSample tbody th | |
206 | { | |
207 | vertical-align: top; | |
208 | text-align: left; | |
209 | } | |
210 | ||
211 | #outputSample pre | |
212 | { | |
213 | margin: 0; | |
214 | padding: 0; | |
215 | } | |
216 | ||
217 | .description | |
218 | { | |
219 | border: 1px dotted #B7B7B7; | |
220 | margin-bottom: 10px; | |
221 | padding: 10px 10px 0; | |
222 | overflow: hidden; | |
223 | } | |
224 | ||
225 | label | |
226 | { | |
227 | display: block; | |
228 | margin-bottom: 6px; | |
229 | } | |
230 | ||
231 | /** | |
232 | * CKEditor editables are automatically set with the "cke_editable" class | |
233 | * plus cke_editable_(inline|themed) depending on the editor type. | |
234 | */ | |
235 | ||
236 | /* Style a bit the inline editables. */ | |
237 | .cke_editable.cke_editable_inline | |
238 | { | |
239 | cursor: pointer; | |
240 | } | |
241 | ||
242 | /* Once an editable element gets focused, the "cke_focus" class is | |
243 | added to it, so we can style it differently. */ | |
244 | .cke_editable.cke_editable_inline.cke_focus | |
245 | { | |
246 | box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000; | |
247 | outline: none; | |
248 | background: #eee; | |
249 | cursor: text; | |
250 | } | |
251 | ||
252 | /* Avoid pre-formatted overflows inline editable. */ | |
253 | .cke_editable_inline pre | |
254 | { | |
255 | white-space: pre-wrap; | |
256 | word-wrap: break-word; | |
257 | } | |
258 | ||
259 | /** | |
260 | * Samples index styles. | |
261 | */ | |
262 | ||
263 | .twoColumns, | |
264 | .twoColumnsLeft, | |
265 | .twoColumnsRight | |
266 | { | |
267 | overflow: hidden; | |
268 | } | |
269 | ||
270 | .twoColumnsLeft, | |
271 | .twoColumnsRight | |
272 | { | |
273 | width: 45%; | |
274 | } | |
275 | ||
276 | .twoColumnsLeft | |
277 | { | |
278 | float: left; | |
279 | } | |
280 | ||
281 | .twoColumnsRight | |
282 | { | |
283 | float: right; | |
284 | } | |
285 | ||
286 | dl.samples | |
287 | { | |
288 | padding: 0 0 0 40px; | |
289 | } | |
290 | dl.samples > dt | |
291 | { | |
292 | display: list-item; | |
293 | list-style-type: disc; | |
294 | list-style-position: outside; | |
295 | margin: 0 0 3px; | |
296 | } | |
297 | dl.samples > dd | |
298 | { | |
299 | margin: 0 0 3px; | |
300 | } | |
301 | .warning | |
302 | { | |
303 | color: #ff0000; | |
304 | background-color: #FFCCBA; | |
305 | border: 2px dotted #ff0000; | |
306 | padding: 15px 10px; | |
307 | margin: 10px 0; | |
308 | } | |
309 | ||
310 | .warning.deprecated { | |
311 | font-size: 1.3em; | |
312 | } | |
313 | ||
314 | /* Used on inline samples */ | |
315 | ||
316 | blockquote | |
317 | { | |
318 | font-style: italic; | |
319 | font-family: Georgia, Times, "Times New Roman", serif; | |
320 | padding: 2px 0; | |
321 | border-style: solid; | |
322 | border-color: #ccc; | |
323 | border-width: 0; | |
324 | } | |
325 | ||
326 | .cke_contents_ltr blockquote | |
327 | { | |
328 | padding-left: 20px; | |
329 | padding-right: 8px; | |
330 | border-left-width: 5px; | |
331 | } | |
332 | ||
333 | .cke_contents_rtl blockquote | |
334 | { | |
335 | padding-left: 8px; | |
336 | padding-right: 20px; | |
337 | border-right-width: 5px; | |
338 | } | |
339 | ||
340 | img.right { | |
341 | border: 1px solid #ccc; | |
342 | float: right; | |
343 | margin-left: 15px; | |
344 | padding: 5px; | |
345 | } | |
346 | ||
347 | img.left { | |
348 | border: 1px solid #ccc; | |
349 | float: left; | |
350 | margin-right: 15px; | |
351 | padding: 5px; | |
352 | } | |
353 | ||
354 | .marker | |
355 | { | |
356 | background-color: Yellow; | |
357 | } |