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