comparison src/development/themes/defaultdark.css @ 0:4c4fc447baea

start with sceditor-3.1.1
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 04 Aug 2022 15:21:29 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:4c4fc447baea
1 /*! SCEditor | (C) 2017, Sam Clarke | sceditor.com/license */
2 /**
3 * Default SCEditor
4 * http://www.sceditor.com/
5 *
6 * Copyright (C) 2017, Sam Clarke
7 *
8 * SCEditor is licensed under the MIT license:
9 * http://www.opensource.org/licenses/mit-license.php
10 */
11 div.sceditor-grip,
12 .sceditor-button div {
13 background-image: url("famfamfam.png");
14 background-repeat: no-repeat;
15 width: 16px;
16 height: 16px;
17 }
18 .sceditor-button-youtube div {
19 background-position: 0px 0px;
20 }
21 .sceditor-button-link div {
22 background-position: 0px -16px;
23 }
24 .sceditor-button-unlink div {
25 background-position: 0px -32px;
26 }
27 .sceditor-button-underline div {
28 background-position: 0px -48px;
29 }
30 .sceditor-button-time div {
31 background-position: 0px -64px;
32 }
33 .sceditor-button-table div {
34 background-position: 0px -80px;
35 }
36 .sceditor-button-superscript div {
37 background-position: 0px -96px;
38 }
39 .sceditor-button-subscript div {
40 background-position: 0px -112px;
41 }
42 .sceditor-button-strike div {
43 background-position: 0px -128px;
44 }
45 .sceditor-button-source div {
46 background-position: 0px -144px;
47 }
48 .sceditor-button-size div {
49 background-position: 0px -160px;
50 }
51 .sceditor-button-rtl div {
52 background-position: 0px -176px;
53 }
54 .sceditor-button-right div {
55 background-position: 0px -192px;
56 }
57 .sceditor-button-removeformat div {
58 background-position: 0px -208px;
59 }
60 .sceditor-button-quote div {
61 background-position: 0px -224px;
62 }
63 .sceditor-button-print div {
64 background-position: 0px -240px;
65 }
66 .sceditor-button-pastetext div {
67 background-position: 0px -256px;
68 }
69 .sceditor-button-paste div {
70 background-position: 0px -272px;
71 }
72 .sceditor-button-outdent div {
73 background-position: 0px -288px;
74 }
75 .sceditor-button-orderedlist div {
76 background-position: 0px -304px;
77 }
78 .sceditor-button-maximize div {
79 background-position: 0px -320px;
80 }
81 .sceditor-button-ltr div {
82 background-position: 0px -336px;
83 }
84 .sceditor-button-left div {
85 background-position: 0px -352px;
86 }
87 .sceditor-button-justify div {
88 background-position: 0px -368px;
89 }
90 .sceditor-button-italic div {
91 background-position: 0px -384px;
92 }
93 .sceditor-button-indent div {
94 background-position: 0px -400px;
95 }
96 .sceditor-button-image div {
97 background-position: 0px -416px;
98 }
99 .sceditor-button-horizontalrule div {
100 background-position: 0px -432px;
101 }
102 .sceditor-button-format div {
103 background-position: 0px -448px;
104 }
105 .sceditor-button-font div {
106 background-position: 0px -464px;
107 }
108 .sceditor-button-emoticon div {
109 background-position: 0px -480px;
110 }
111 .sceditor-button-email div {
112 background-position: 0px -496px;
113 }
114 .sceditor-button-date div {
115 background-position: 0px -512px;
116 }
117 .sceditor-button-cut div {
118 background-position: 0px -528px;
119 }
120 .sceditor-button-copy div {
121 background-position: 0px -544px;
122 }
123 .sceditor-button-color div {
124 background-position: 0px -560px;
125 }
126 .sceditor-button-code div {
127 background-position: 0px -576px;
128 }
129 .sceditor-button-center div {
130 background-position: 0px -592px;
131 }
132 .sceditor-button-bulletlist div {
133 background-position: 0px -608px;
134 }
135 .sceditor-button-bold div {
136 background-position: 0px -624px;
137 }
138 div.sceditor-grip {
139 background-position: 0px -640px;
140 width: 10px;
141 height: 10px;
142 }
143 .rtl div.sceditor-grip {
144 background-position: 0px -650px;
145 }
146 /**
147 * SCEditor
148 * http://www.sceditor.com/
149 *
150 * Copyright (C) 2017, Sam Clarke (samclarke.com)
151 *
152 * SCEditor is licensed under the MIT license:
153 * http://www.opensource.org/licenses/mit-license.php
154 */
155 /*---------------------------------------------------
156 LESS Elements 0.7
157 ---------------------------------------------------
158 A set of useful LESS mixins
159 More info at: http://lesselements.com
160 ---------------------------------------------------*/
161 .sceditor-container {
162 display: -ms-flexbox;
163 display: flex;
164 -ms-flex-direction: column;
165 flex-direction: column;
166 position: relative;
167 background: #fff;
168 border: 1px solid #d9d9d9;
169 font-size: 13px;
170 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
171 color: #333;
172 line-height: 1;
173 font-weight: bold;
174 height: 250px;
175 border-radius: 4px;
176 background-clip: padding-box;
177 }
178 .sceditor-container *,
179 .sceditor-container *:before,
180 .sceditor-container *:after {
181 -webkit-box-sizing: content-box;
182 -moz-box-sizing: content-box;
183 box-sizing: content-box;
184 }
185 .sceditor-container,
186 .sceditor-container div,
187 div.sceditor-dropdown,
188 div.sceditor-dropdown div {
189 padding: 0;
190 margin: 0;
191 z-index: 3;
192 }
193 .sceditor-container iframe,
194 .sceditor-container textarea {
195 display: block;
196 -ms-flex: 1 1 0%;
197 flex: 1 1 0%;
198 line-height: 1.25;
199 border: 0;
200 outline: none;
201 font-family: Verdana, Arial, Helvetica, sans-serif;
202 font-size: 14px;
203 color: #111;
204 padding: 0;
205 margin: 5px;
206 resize: none;
207 background: #fff;
208 height: auto !important;
209 width: auto !important;
210 width: calc(100% - 10px) !important;
211 min-height: 1px;
212 }
213 .sceditor-container textarea {
214 margin: 7px 5px;
215 }
216 div.sceditor-dnd-cover {
217 position: absolute;
218 top: 0;
219 left: 0;
220 bottom: 0;
221 right: 0;
222 background: rgba(255, 255, 255, 0.2);
223 border: 5px dashed #aaa;
224 z-index: 200;
225 font-size: 2em;
226 text-align: center;
227 color: #aaa;
228 }
229 div.sceditor-dnd-cover p {
230 position: relative;
231 top: 45%;
232 pointer-events: none;
233 }
234 div.sceditor-resize-cover {
235 position: absolute;
236 top: 0;
237 left: 0;
238 background: #000;
239 width: 100%;
240 height: 100%;
241 z-index: 10;
242 opacity: 0.3;
243 }
244 div.sceditor-grip {
245 overflow: hidden;
246 width: 10px;
247 height: 10px;
248 cursor: pointer;
249 position: absolute;
250 bottom: 0;
251 right: 0;
252 z-index: 3;
253 line-height: 0;
254 }
255 div.sceditor-grip.has-icon {
256 background-image: none;
257 }
258 .sceditor-maximize {
259 position: fixed;
260 top: 0;
261 left: 0;
262 height: 100% !important;
263 width: 100% !important;
264 border-radius: 0;
265 background-clip: padding-box;
266 z-index: 2000;
267 }
268 html.sceditor-maximize,
269 body.sceditor-maximize {
270 height: 100%;
271 width: 100%;
272 padding: 0;
273 margin: 0;
274 overflow: hidden;
275 }
276 .sceditor-maximize div.sceditor-grip {
277 display: none;
278 }
279 .sceditor-maximize div.sceditor-toolbar {
280 border-radius: 0;
281 background-clip: padding-box;
282 }
283 /**
284 * Dropdown styleing
285 */
286 div.sceditor-dropdown {
287 position: absolute;
288 border: 1px solid #ccc;
289 background: #fff;
290 z-index: 4000;
291 padding: 10px;
292 font-weight: normal;
293 font-size: 15px;
294 border-radius: 2px;
295 background-clip: padding-box;
296 box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
297 }
298 div.sceditor-dropdown *,
299 div.sceditor-dropdown *:before,
300 div.sceditor-dropdown *:after {
301 -webkit-box-sizing: border-box;
302 -moz-box-sizing: border-box;
303 box-sizing: border-box;
304 }
305 div.sceditor-dropdown a,
306 div.sceditor-dropdown a:link {
307 color: #333;
308 }
309 div.sceditor-dropdown form {
310 margin: 0;
311 }
312 div.sceditor-dropdown label {
313 display: block;
314 font-weight: bold;
315 color: #3c3c3c;
316 padding: 4px 0;
317 }
318 div.sceditor-dropdown input,
319 div.sceditor-dropdown textarea {
320 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
321 outline: 0;
322 padding: 4px;
323 border: 1px solid #ccc;
324 border-top-color: #888;
325 margin: 0 0 0.75em;
326 border-radius: 1px;
327 background-clip: padding-box;
328 }
329 div.sceditor-dropdown textarea {
330 padding: 6px;
331 }
332 div.sceditor-dropdown input:focus,
333 div.sceditor-dropdown textarea:focus {
334 border-color: #aaa;
335 border-top-color: #666;
336 box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
337 }
338 div.sceditor-dropdown .button {
339 font-weight: bold;
340 color: #444;
341 padding: 6px 12px;
342 background: #ececec;
343 border: solid 1px #ccc;
344 border-radius: 2px;
345 background-clip: padding-box;
346 cursor: pointer;
347 margin: 0.3em 0 0;
348 }
349 div.sceditor-dropdown .button:hover {
350 background: #f3f3f3;
351 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
352 }
353 div.sceditor-font-picker,
354 div.sceditor-fontsize-picker,
355 div.sceditor-format {
356 padding: 6px 0;
357 }
358 div.sceditor-color-picker {
359 padding: 4px;
360 }
361 div.sceditor-emoticons,
362 div.sceditor-more-emoticons {
363 padding: 0;
364 }
365 .sceditor-pastetext textarea {
366 border: 1px solid #bbb;
367 width: 20em;
368 }
369 .sceditor-emoticons img,
370 .sceditor-more-emoticons img {
371 padding: 0;
372 cursor: pointer;
373 margin: 2px;
374 }
375 .sceditor-more {
376 border-top: 1px solid #bbb;
377 display: block;
378 text-align: center;
379 cursor: pointer;
380 font-weight: bold;
381 padding: 6px 0;
382 }
383 .sceditor-dropdown a:hover {
384 background: #eee;
385 }
386 .sceditor-fontsize-option,
387 .sceditor-font-option,
388 .sceditor-format a {
389 display: block;
390 padding: 7px 10px;
391 cursor: pointer;
392 text-decoration: none;
393 color: #222;
394 }
395 .sceditor-fontsize-option {
396 padding: 7px 13px;
397 }
398 .sceditor-color-column {
399 float: left;
400 }
401 .sceditor-color-option {
402 display: block;
403 border: 2px solid #fff;
404 height: 18px;
405 width: 18px;
406 overflow: hidden;
407 }
408 .sceditor-color-option:hover {
409 border: 1px solid #aaa;
410 }
411 /**
412 * Toolbar styleing
413 */
414 div.sceditor-toolbar {
415 flex-shrink: 0;
416 overflow: hidden;
417 padding: 3px 5px 2px;
418 background: #f7f7f7;
419 border-bottom: 1px solid #c0c0c0;
420 line-height: 0;
421 text-align: left;
422 user-select: none;
423 border-radius: 3px 3px 0 0;
424 background-clip: padding-box;
425 }
426 div.sceditor-group {
427 display: inline-block;
428 background: #ddd;
429 margin: 1px 5px 1px 0;
430 padding: 1px;
431 border-bottom: 1px solid #aaa;
432 border-radius: 3px;
433 background-clip: padding-box;
434 }
435 .sceditor-button {
436 float: left;
437 cursor: pointer;
438 padding: 3px 5px;
439 width: 16px;
440 height: 20px;
441 border-radius: 3px;
442 background-clip: padding-box;
443 }
444 .sceditor-button:hover,
445 .sceditor-button:active,
446 .sceditor-button.active {
447 background: #fff;
448 box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
449 }
450 .sceditor-button:active {
451 background: #fff;
452 box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
453 }
454 .sceditor-button.disabled:hover {
455 background: inherit;
456 cursor: default;
457 box-shadow: none;
458 }
459 .sceditor-button,
460 .sceditor-button div {
461 display: block;
462 }
463 .sceditor-button svg {
464 display: inline-block;
465 height: 16px;
466 width: 16px;
467 margin: 2px 0;
468 fill: #111;
469 text-decoration: none;
470 pointer-events: none;
471 line-height: 1;
472 }
473 .sceditor-button.disabled svg {
474 fill: #888;
475 }
476 .sceditor-button div {
477 display: inline-block;
478 margin: 2px 0;
479 padding: 0;
480 overflow: hidden;
481 line-height: 0;
482 font-size: 0;
483 color: transparent;
484 }
485 .sceditor-button.has-icon div {
486 display: none;
487 }
488 .sceditor-button.disabled div {
489 opacity: 0.3;
490 }
491 .text .sceditor-button,
492 .text .sceditor-button div,
493 .sceditor-button.text,
494 .sceditor-button.text div,
495 .text-icon .sceditor-button,
496 .text-icon .sceditor-button div,
497 .sceditor-button.text-icon,
498 .sceditor-button.text-icon div {
499 display: inline-block;
500 width: auto;
501 line-height: 16px;
502 font-size: 1em;
503 color: inherit;
504 text-indent: 0;
505 }
506 .text-icon .sceditor-button.has-icon div,
507 .sceditor-button.has-icon div,
508 .text .sceditor-button div,
509 .sceditor-button.text div {
510 padding: 0 2px;
511 background: none;
512 }
513 .text .sceditor-button svg,
514 .sceditor-button.text svg {
515 display: none;
516 }
517 .text-icon .sceditor-button div,
518 .sceditor-button.text-icon div {
519 padding: 0 2px 0 20px;
520 }
521 .rtl div.sceditor-toolbar {
522 text-align: right;
523 }
524 .rtl .sceditor-button {
525 float: right;
526 }
527 .rtl div.sceditor-grip {
528 right: auto;
529 left: 0;
530 }
531 div.sceditor-toolbar {
532 background: #5d5d5d;
533 }
534 div.sceditor-group {
535 background: #303030;
536 border-bottom: 1px solid #000;
537 }
538 .sceditor-button:hover,
539 .sceditor-button:active,
540 .sceditor-button.active {
541 background: #6b6b6b;
542 }
543 .sceditor-button svg {
544 fill: #fff;
545 }
546 .sceditor-button.disabled svg {
547 fill: #777;
548 }