root / drupal7 / sites / all / libraries / ckeditor-4.9.2-full / samples / old / sample.css @ 7dbec6b0
1 |
/*
|
---|---|
2 |
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
|
3 |
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-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 |
} |