Projet

Général

Profil

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

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
}