root / drupal7 / sites / all / libraries / ckeditor-4.4.7-full / samples / sample.css @ d69c481e
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 |
} |