Projet

Général

Profil

Paste
Télécharger (4,99 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / libraries / ckeditor-4.9.2-full / samples / old / sample.css @ b986a83e

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
}