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