comparison src/themes/office.css @ 4:b7725dab7482

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