Projet

Général

Profil

Paste
Télécharger (5,27 ko) Statistiques
| Branche: | Révision:

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
}