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