PluginProbe ʕ •ᴥ•ʔ
SiteOrigin CSS / 1.0.1
SiteOrigin CSS v1.0.1
1.2.1 1.2.10 1.2.11 1.2.12 1.2.13 1.2.14 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.4.0 1.4.1 1.4.2 1.4.3 1.5.0 1.5.1 1.5.10 1.5.11 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 trunk 1.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.1 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.2.0
so-css / css / admin.css
so-css / css Last commit date
images 11 years ago admin.css 11 years ago admin.less 11 years ago inspector.css 11 years ago inspector.less 11 years ago mixins.css 11 years ago mixins.less 11 years ago
admin.css
609 lines
1 #siteorigin-custom-css {
2 margin: 0 0 0 -20px;
3 }
4 #siteorigin-custom-css h2 {
5 background: #f8f8f8;
6 padding: 20px;
7 border-bottom: 1px solid #d0d0d0;
8 margin-bottom: 20px;
9 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.035);
10 }
11 #siteorigin-custom-css h2 .icon {
12 width: 40px;
13 height: auto;
14 margin: -8px 10px -8px 0;
15 }
16 #siteorigin-custom-css .updated {
17 margin: 0 20px 20px 20px ;
18 }
19 #siteorigin-custom-css #poststuff {
20 padding: 0 20px;
21 }
22 #siteorigin-custom-css #poststuff .postbox {
23 border: 1px solid #D0D0D0;
24 }
25 #siteorigin-custom-css #poststuff .postbox h3.hndle {
26 cursor: default;
27 border-bottom: 1px solid #D0D0D0;
28 background: #efefef;
29 position: relative;
30 }
31 #siteorigin-custom-css #poststuff .postbox h3.hndle .hide {
32 position: absolute;
33 top: 50%;
34 line-height: 1em;
35 margin-top: -0.5em;
36 right: 12px;
37 }
38 #siteorigin-custom-css #poststuff #so-custom-css-getting-started .inside {
39 padding: 0 6px 6px 6px;
40 }
41 #siteorigin-custom-css #poststuff #so-custom-css-getting-started .inside img {
42 display: block;
43 width: 100%;
44 height: auto;
45 }
46 #so-custom-css-form {
47 margin-right: 340px;
48 }
49 #so-custom-css-info {
50 width: 315px;
51 float: right;
52 }
53 #so-custom-css-info *:first-child {
54 margin-top: 0;
55 }
56 #so-custom-css-info *:last-child {
57 margin-bottom: 0;
58 }
59 #so-custom-css-revisions ol {
60 list-style: none;
61 margin: 0;
62 }
63 #so-custom-css-revisions ol li {
64 margin: 0;
65 line-height: 2.2em;
66 }
67 #so-custom-css-form .custom-css-preview iframe {
68 display: none;
69 }
70 #so-custom-css-form .custom-css-toolbar {
71 border: 1px solid #D0D0D0;
72 border-bottom: none;
73 background: #efefef;
74 padding: 8px 10px;
75 overflow: auto;
76 }
77 #so-custom-css-form .custom-css-toolbar .toolbar-function-buttons {
78 float: left;
79 }
80 #so-custom-css-form .custom-css-toolbar .toolbar-function-buttons .toolbar-functions-dropdown {
81 display: none;
82 }
83 #so-custom-css-form .custom-css-toolbar .toolbar-function-buttons ul.toolbar-buttons {
84 margin: 0;
85 }
86 #so-custom-css-form .custom-css-toolbar .toolbar-function-buttons ul.toolbar-buttons li {
87 display: inline-block;
88 margin: 0;
89 padding: 0;
90 }
91 #so-custom-css-form .custom-css-toolbar .toolbar-action-buttons {
92 float: right;
93 }
94 #so-custom-css-form .custom-css-toolbar .toolbar-action-buttons a.active {
95 border-color: #b4c4cf;
96 background-color: #e9f9ff;
97 color: #596872;
98 }
99 #so-custom-css-form .custom-css-toolbar .toolbar-action-buttons .editor-expand {
100 float: right;
101 text-decoration: none;
102 color: #666;
103 }
104 #so-custom-css-form .custom-css-toolbar .toolbar-action-buttons .editor-expand .fa-compress {
105 display: none;
106 }
107 #so-custom-css-form .custom-css-toolbar .fa {
108 font-size: 14px;
109 }
110 #so-custom-css-form .custom-css-container {
111 border: 1px solid #D0D0D0;
112 background: #f7f7f7;
113 cursor: text;
114 overflow: hidden;
115 }
116 #so-custom-css-form .custom-css-container .CodeMirror {
117 height: auto;
118 }
119 #so-custom-css-form .custom-css-container .CodeMirror-scroll {
120 min-height: 300px;
121 }
122 #so-custom-css-form .custom-css-container .CodeMirror-lines {
123 padding: 8px 0 8px 0;
124 }
125 #so-custom-css-form .custom-css-container textarea {
126 border: 0;
127 padding: 8px 0 8px 4px;
128 width: 100%;
129 min-height: 300px;
130 display: block;
131 font-family: monospace;
132 font-size: 13px;
133 line-height: 1.4em;
134 border-left: 1px solid #ddd;
135 margin-left: 16px;
136 }
137 #so-custom-css-form .decoration {
138 display: none;
139 }
140 #so-custom-css-form.expanded {
141 z-index: 100000;
142 position: fixed;
143 top: 0;
144 left: 0;
145 bottom: 0;
146 width: 340px;
147 }
148 #so-custom-css-form.expanded .custom-css-toolbar .editor-expand .fa-expand {
149 display: none;
150 }
151 #so-custom-css-form.expanded .custom-css-toolbar .editor-expand .fa-compress {
152 display: inline-block;
153 }
154 #so-custom-css-form.expanded .decoration {
155 display: block;
156 position: absolute;
157 top: 0;
158 bottom: 0;
159 left: 339px;
160 width: 2px;
161 background: rgba(0, 0, 0, 0.1);
162 }
163 #so-custom-css-form.expanded .description {
164 display: none;
165 }
166 #so-custom-css-form.expanded .submit {
167 display: none;
168 }
169 #so-custom-css-form.expanded .custom-css-preview {
170 position: fixed;
171 display: block;
172 top: 0;
173 right: 0;
174 bottom: 0;
175 left: 340px;
176 background: #ffffff;
177 }
178 #so-custom-css-form.expanded .custom-css-preview iframe {
179 display: block;
180 width: 100%;
181 height: 100%;
182 overflow-x: hidden;
183 }
184 #so-custom-css-properties {
185 display: none;
186 position: fixed;
187 top: 0;
188 left: -338px;
189 bottom: 0;
190 width: 338px;
191 background: #ffffff;
192 border: 1px solid #D0D0D0;
193 overflow-y: auto;
194 z-index: 100000;
195 }
196 #so-custom-css-properties .toolbar {
197 display: block;
198 padding: 7px 10px;
199 border-bottom: 1px solid #aaa;
200 background: #F6F6F6;
201 text-align: left;
202 }
203 #so-custom-css-properties .toolbar select {
204 line-height: 1;
205 font-size: 13px;
206 max-width: 265px;
207 -webkit-transition: all 0.5s ease;
208 -moz-transition: all 0.5s ease;
209 -o-transition: all 0.5s ease;
210 transition: all 0.5s ease;
211 }
212 #so-custom-css-properties .toolbar select.highlighted {
213 background: #daeaf7;
214 }
215 #so-custom-css-properties .toolbar .close {
216 float: right;
217 margin: 2px 4px 0 0;
218 }
219 #so-custom-css-properties .section-tabs {
220 list-style: none;
221 height: auto;
222 margin: 0;
223 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
224 }
225 #so-custom-css-properties .section-tabs li {
226 box-sizing: border-box;
227 float: left;
228 width: 33.333%;
229 padding: 10px 7px;
230 border: 1px solid #aaa;
231 background: #F6F6F6;
232 font-weight: bold;
233 border-top: 0;
234 border-left: 0;
235 font-size: 13px;
236 line-height: 1em;
237 cursor: pointer;
238 white-space: nowrap;
239 overflow: hidden;
240 color: #666;
241 }
242 #so-custom-css-properties .section-tabs li:hover {
243 background: #fff;
244 }
245 #so-custom-css-properties .section-tabs li .fa {
246 float: left;
247 display: block;
248 margin: -1px 6px -1px 0;
249 font-size: 15px;
250 color: #666;
251 }
252 #so-custom-css-properties .section-tabs li:last-child {
253 border-right: 0;
254 }
255 #so-custom-css-properties .section-tabs li.active {
256 color: #444;
257 background: #e8e8e8;
258 }
259 #so-custom-css-properties .section-tabs li.active .fa {
260 color: #333;
261 }
262 #so-custom-css-properties .sections .section {
263 display: none;
264 padding: 10px;
265 }
266 #so-custom-css-properties .sections .fields-table {
267 width: 100%;
268 padding-top: 5px;
269 }
270 #so-custom-css-properties .sections .fields-table th,
271 #so-custom-css-properties .sections .fields-table td {
272 position: relative;
273 zoom: 1;
274 }
275 #so-custom-css-properties .sections .fields-table th:before,
276 #so-custom-css-properties .sections .fields-table td:before {
277 content: '';
278 display: block;
279 }
280 #so-custom-css-properties .sections .fields-table th:after,
281 #so-custom-css-properties .sections .fields-table td:after {
282 content: '';
283 display: table;
284 clear: both;
285 }
286 #so-custom-css-properties .sections .fields-table th[scope="row"] {
287 font-weight: bold;
288 font-size: 12px;
289 padding-right: 10px;
290 text-align: left;
291 width: 36%;
292 vertical-align: top;
293 }
294 #so-custom-css-properties .sections .fields-table td {
295 padding: 0 0 12px 0 ;
296 }
297 #so-custom-css-properties .sections .fields-table input,
298 #so-custom-css-properties .sections .fields-table select {
299 display: block;
300 margin: 0 25px 0 0;
301 border: 1px solid #c0c0c0;
302 width: 175px;
303 box-sizing: border-box;
304 border-radius: 0;
305 }
306 #so-custom-css-properties .sections .fields-table .select {
307 display: block;
308 position: absolute;
309 top: 0px;
310 right: 1px;
311 padding: 5px;
312 cursor: pointer;
313 font-size: 15px;
314 }
315 #so-custom-css-properties .sections .fields-table .select-tabs {
316 margin: 0;
317 height: 40px;
318 }
319 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab {
320 cursor: pointer;
321 float: left;
322 -webkit-box-sizing: border-box;
323 -moz-box-sizing: border-box;
324 box-sizing: border-box;
325 text-align: center;
326 border: 1px solid #c0c0c0;
327 padding: 4px 2px;
328 border-right-width: 0;
329 background: #f7f7f7;
330 }
331 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab .fa {
332 line-height: 14px;
333 font-size: 14px;
334 color: #777;
335 }
336 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab:last-child {
337 border-right-width: 1px;
338 }
339 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab:hover,
340 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab.active {
341 background: #e9e9e9;
342 }
343 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab:hover .fa,
344 #so-custom-css-properties .sections .fields-table .select-tabs .select-tab.active .fa {
345 color: #333;
346 }
347 #so-custom-css-properties .sections .fields-table .side-tabs {
348 height: 26px;
349 }
350 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab {
351 width: 20%;
352 text-align: center;
353 padding: 5px;
354 line-height: 0;
355 }
356 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab div {
357 display: inline-block;
358 width: 10px;
359 height: 10px;
360 border: 2px solid #aaa;
361 }
362 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-all {
363 border-color: #12609b;
364 }
365 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-top {
366 border-top-color: #12609b;
367 }
368 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-left {
369 border-left-color: #12609b;
370 }
371 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-bottom {
372 border-bottom-color: #12609b;
373 }
374 #so-custom-css-properties .sections .fields-table .side-tabs .side-tab .spacing-right {
375 border-right-color: #12609b;
376 }
377 #so-custom-css-properties .sections .fields-table .sides .side > div {
378 margin-bottom: 5px;
379 }
380 #so-custom-css-properties .sections .fields-table .sides .side > div:last-child {
381 margin-bottom: 0;
382 }
383 .css-editor-snippet-browser {
384 display: none;
385 }
386 .css-editor-snippet-browser .snippet-browser-overlay {
387 position: fixed;
388 z-index: 100000;
389 top: 0;
390 left: 0;
391 right: 0;
392 bottom: 0;
393 background: rgba(0, 0, 0, 0.8);
394 }
395 .css-editor-snippet-browser .snippet-browser-dialog > div {
396 position: fixed;
397 z-index: 100001;
398 background: #fff;
399 box-sizing: border-box;
400 }
401 .css-editor-snippet-browser .snippet-browser-dialog .toolbar {
402 top: 40px;
403 left: 40px;
404 right: 40px;
405 height: 50px;
406 background: #FCFCFC;
407 border-bottom: 1px solid #dddddd;
408 overflow: hidden;
409 }
410 .css-editor-snippet-browser .snippet-browser-dialog .toolbar h1 {
411 padding: 0 16px;
412 font-size: 22px;
413 line-height: 50px;
414 margin: 0;
415 color: #444;
416 }
417 .css-editor-snippet-browser .snippet-browser-dialog .toolbar .close {
418 cursor: pointer;
419 color: #777;
420 background-color: transparent;
421 height: 50px;
422 width: 50px;
423 padding: 15px 0 0 0;
424 position: absolute;
425 text-align: center;
426 border: 0;
427 border-left: 1px solid #ddd;
428 top: 0;
429 right: 0;
430 text-decoration: none;
431 box-sizing: border-box;
432 }
433 .css-editor-snippet-browser .snippet-browser-dialog .toolbar .close:hover {
434 background: #dddddd;
435 }
436 .css-editor-snippet-browser .snippet-browser-dialog .toolbar .close .icon:before {
437 content: '\f158';
438 font: normal 20px/1 'dashicons';
439 vertical-align: middle;
440 -webkit-font-smoothing: antialiased;
441 -moz-osx-font-smoothing: grayscale;
442 color: #666;
443 }
444 .css-editor-snippet-browser .snippet-browser-dialog .sidebar {
445 top: 90px;
446 left: 40px;
447 bottom: 90px;
448 width: 300px;
449 background: #f3f3f3;
450 border-right: 1px solid #dddddd;
451 padding: 16px;
452 overflow: auto;
453 }
454 .css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippet-search {
455 width: 100%;
456 margin-bottom: 20px;
457 padding: 8px;
458 }
459 .css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets {
460 margin: 0;
461 }
462 .css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets .snippet {
463 cursor: pointer;
464 font-size: 1.1em;
465 line-height: 1.35em;
466 margin-bottom: 20px;
467 }
468 .css-editor-snippet-browser .snippet-browser-dialog .sidebar .snippets .snippet.active {
469 font-weight: bold;
470 }
471 .css-editor-snippet-browser .snippet-browser-dialog .main {
472 top: 90px;
473 left: 340px;
474 right: 40px;
475 bottom: 90px;
476 background: #fff;
477 overflow: auto;
478 }
479 .css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view {
480 padding: 20px;
481 }
482 .css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-title {
483 margin: 0 0 0.75em 0;
484 padding: 0;
485 }
486 .css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-description {
487 font-size: 1.1em;
488 color: #666;
489 margin-bottom: 2em;
490 }
491 .css-editor-snippet-browser .snippet-browser-dialog .main .snippet-view .snippet-code {
492 padding: 20px;
493 border: 1px solid #d0d0d0;
494 background: #f8f8f8;
495 }
496 .css-editor-snippet-browser .snippet-browser-dialog .buttons {
497 bottom: 40px;
498 left: 40px;
499 right: 40px;
500 height: 50px;
501 background: #FCFCFC;
502 border-top: 1px solid #dddddd;
503 text-align: right;
504 padding: 10px 20px;
505 overflow: hidden;
506 }
507 .socss-field-measurement {
508 position: relative;
509 }
510 .socss-field-measurement input.socss-field-input {
511 min-height: 1.5em;
512 padding-right: 50px;
513 width: 120px !important;
514 box-sizing: border-box;
515 }
516 .socss-field-measurement .dashicons-arrow-down {
517 position: absolute;
518 top: 4px;
519 left: 97px;
520 cursor: pointer;
521 }
522 .socss-field-measurement .dropdown {
523 display: none;
524 background: #F5F5F5;
525 border: 1px solid #c0c0c0;
526 position: absolute;
527 top: 27px;
528 left: 71px;
529 width: 50px;
530 z-index: 2;
531 margin: 0;
532 box-sizing: border-box;
533 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
534 }
535 .socss-field-measurement .dropdown li {
536 padding: 5px 0;
537 text-align: center;
538 line-height: 1.1em;
539 font-size: 11px;
540 margin: 0;
541 }
542 .socss-field-measurement .dropdown li:hover,
543 .socss-field-measurement .dropdown li.active {
544 background: #e8e8e8;
545 cursor: pointer;
546 }
547 .socss-field-measurement .units {
548 position: absolute;
549 top: 5px;
550 left: 12px;
551 color: #bbb;
552 pointer-events: none;
553 }
554 .socss-diw {
555 position: absolute;
556 top: 0px;
557 left: 124px;
558 }
559 .socss-diw .inc-button,
560 .socss-diw .dec-button {
561 cursor: pointer;
562 box-sizing: border-box;
563 float: left;
564 padding: 8px;
565 user-select: none;
566 text-align: center;
567 margin: 0;
568 width: 27px;
569 height: 27px;
570 font-size: 10px;
571 }
572 .socss-diw .inc-button {
573 border-left: 0;
574 }
575 .socss-button {
576 cursor: pointer;
577 line-height: 1em;
578 display: inline-block;
579 border: 1px solid #c0c0c0;
580 background: #f7f7f7;
581 text-decoration: none;
582 padding: 6px;
583 font-weight: bold;
584 color: #555;
585 font-size: 0.95em;
586 margin-left: 5px;
587 -webkit-user-select: none;
588 -moz-user-select: none;
589 -ms-user-select: none;
590 -o-user-select: none;
591 user-select: none;
592 }
593 .socss-button:hover {
594 border-color: #b0b0b0;
595 background: #fff;
596 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
597 }
598 .socss-button:hover .fa {
599 color: #333;
600 }
601 .socss-button .fa {
602 color: #555;
603 }
604 .CodeMirror-lint-tooltip,
605 .CodeMirror-hints {
606 /* This is above the editor in full-screen mode */
607 z-index: 100002;
608 }
609