PluginProbe
Booking Manager – Sync WP Booking Calendar – Import Events, Export Bookings to ICS Calendar / trunk
Booking Manager – Sync WP Booking Calendar – Import Events, Export Bookings to ICS Calendar vtrunk
2.1.21 2.1.20 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 trunk 1.1 2.0 2.0.1 2.0.10.2 2.0.11 2.0.12 2.0.13 2.0.14 2.0.15 2.0.16 2.0.17 2.0.18 2.0.2 2.0.20 2.0.21 2.0.22 All 55 releases
booking-manager / core / any / css / admin-support.css

admin-support.css in Booking Manager – Sync WP Booking Calendar – Import Events, Export Bookings to ICS Calendar trunk, at core/any/css/admin-support.css

591 lines 13.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @version 1.0
3 * @package: Admin Panel
4 * @category: Admin UI
5 * @author wpdevelop
6 *
7 * @web-site https://oplugins.com/
8 * @email info@oplugins.com
9 *
10 * @modified 2015-04-11
11 */
12
13 /* Admin Content Pages */
14
15 /* Top Header at the page */
16 .wpbm_page h2.wpbm_header {
17 color: #595959;
18 font-size: 2em;
19 line-height: 2em;
20 padding:0;
21 text-shadow: 0 0 1px #aaaaaa;
22 margin-bottom:10px;
23 }
24
25 .wpbm_page .wpdevelop label{
26 font-weight: 400;
27 }
28 .wpbm_page .wpdevelop label.wpbm-required{
29 font-weight: 600;
30 }
31 .wpbm_page .wpdevelop optgroup {
32 font-weight: 600;
33 }
34 .wpbm_page .wpdevelop .visibility_container {
35 display:none;
36 }
37 .wpbm_page .wpdevelop .wpbm-no-margin {
38 margin:0;
39 }
40 .wpbm_page .wpdevelop .wpbm-no-padding {
41 padding:0;
42 }
43 .wpdevelop a.button:focus,
44 .wpdevelop a.button:hover {
45 text-decoration: none;
46 }
47 /* Support CSS Classes **/
48 .wpdevelop .visible_items,
49 .visible_items {
50 display: block;
51 }
52 .wpdevelop .hidden_items,
53 .hidden_items {
54 display: none;
55 }
56
57 /* M E S S A G E S - Backward compatibility - For showing correctly messages in WP 4.0 */
58 .wpbm_page .notice {
59 background: #fff;
60 border-left: 4px solid #fff;
61 -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
62 box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
63 margin: 5px 15px 2px;
64 padding: 1px 12px;
65 }
66 .wpbm_page .notice-success,
67 .wpbm_page div.updated {
68 border-left-color: #46b450;
69 }
70 .wpbm_page div.notice-warning {
71 border-left-color: #ffb900;
72 }
73 .wpbm_page .notice-error,
74 .wpbm_page div.error {
75 border-left-color: #dc3232;
76 }
77 .wpbm_page .notice-info {
78 border-left-color: #00a0d2;
79 }
80 /* Messages that show at top of admin panel pages */
81 .wpbm_page div.wpbm_inner_message {
82 padding:10px;
83 /* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
84 position: absolute;
85 display: inline;
86 z-index: 10000;
87 width: 98%;
88 margin: 3px 0 0;
89 top: 5px;
90 left: 0;
91 padding: 12px;
92 box-sizing: border-box;
93 min-height:1em;
94 height:auto;
95 /* From WordPress 4.4.1 */
96 /*
97 border-left: 4px solid #fff;
98 background: #fff none repeat scroll 0 0;
99 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
100 */
101 }
102 /* From WordPress 4.4.1 */
103 .wpbm_page div.wpbm_inner_message a.close,
104 .wpbm_page div.wpbm_inner_message a.close:hover,
105 .wpbm_page div.wpbm_inner_message a.close:focus{
106 font-size: 18px;
107 float: right;
108 text-decoration: none;
109 }
110 /* Form Messages */
111 .wpdevelop .alert.wpbm-near-field-message {
112 height: auto;
113 font-size: 0.9em;
114 background-image: none;
115 }
116 /* Alerts & Help messages */
117 .wpbm-info-message,
118 .wpbm-error-message,
119 .wpbm-success-message,
120 .wpbm-help-message{
121 display: block;
122 margin: 10px 0;
123 padding: 5px 10px;
124 font-weight: 400;
125 text-align: center;
126 color:#777;
127 background-color: #faf8f8;
128 /* border: 1px solid #E6DB55;*/
129 /* border: 2px dashed #bbb;*/
130 border-radius: 3px;
131 -moz-border-radius: 3px;
132 -webkit-border-radius: 3px;
133 line-height: 1.9em;
134 font-size: 1em;
135 padding: 5px 10px !important;
136 width: auto !important;
137 box-sizing: padding-box;
138 -moz-box-sizing: padding-box;
139 -webkit-box-sizing: padding-box;
140 }
141 .wpbm-help-message {
142 background-color: #FFFDFD;
143 text-align: left;
144 }
145 .wpbm-error-message {
146 background-color: #FFEEEE;
147 border-color: #FFBBBB;
148 }
149 .wpbm-success-message {
150 background-color: #F5FFF0;
151 border-color: #AAEEAA;
152 }
153 .wpbm-demo-alert-not-allow {
154 color: #AA4400;
155 font-size: 1.1em;
156 font-weight: 400;
157 text-shadow: 0 -1px 0 #FFEEEE;
158 }
159
160 .wpbm_inner_message {
161 margin-bottom: 25px !important;
162 }
163 .wpbm_inner_message .close{
164 float: right;
165 font-size: 18px;
166 }
167
168 .wpbm_page div.wpbm_outer_message {
169 position: relative;
170 display: block;
171 margin: 5px 0 15px !important;
172 }
173
174 .alert.alert-block {
175 border:2px dashed;
176 }
177 .message {
178 border-left-width: 3px solid #f90;
179 clear: both;
180 display: block;
181 position: relative;
182 text-align: left;
183 }
184
185 /* Internal Settings Message */
186 .wpbm-settings-notice {
187 background: #ffffff;
188 border-left: 4px solid #fff;
189 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
190 margin: 5px 0 2px 0;
191 padding: 1px 12px;
192 line-height: 2.5em;
193 text-align:left;
194 }
195 .wpbm-settings-notice.notice-success {
196 border-left-color: #46b450;
197 }
198 .wpbm-settings-notice.notice-success.notice-alt {
199 background-color: #ecf7ed;
200 }
201 .wpbm-settings-notice.notice-warning {
202 border-left-color: #ffb900;
203 }
204 .wpbm-settings-notice.notice-warning.notice-alt {
205 background-color: #fff8e5;
206 }
207 .wpbm-settings-notice.notice-error {
208 border-left-color: #dc3232;
209 }
210 .wpbm-settings-notice.notice-error.notice-alt {
211 background-color: #fbeaea;
212 }
213 .wpbm-settings-notice.notice-info {
214 border-left-color: #00a0d2;
215 }
216 .wpbm-settings-notice.notice-info.notice-alt {
217 background-color: #e5f5fa;
218 }
219
220
221
222 /* Modal Content for popup windows ********************************************/
223 .wpbm_popup_modal {
224 display: none;
225 }
226
227
228 /* Sort Table */
229 table.wpbm_sort_table {
230 border-radius: 5px;
231 -moz-border-radius: 5px;
232 -webkit-border-radius: 5px;
233 }
234 .wpbm_sort_table thead th {
235 padding:8px 0;
236 text-align: center;
237 font-weight: 600;
238 font-size:1em;
239 color:#555 !important;
240 }
241 .wpbm_sort_table tfoot th {
242 padding:10px;
243 }
244 .wpbm_sort_table .widefat th.sort,
245 .wpbm_sort_table .widefat td.sort {
246 width: 30px;
247 padding-top:4px;
248 padding-left:4px;
249 }
250 .wpbm_sort_table .widefat td.sort::before{
251 color: #aaa;
252 content: "\f333";
253
254 display: inline-block;
255 font-family: dashicons;
256 font-size: 20px;
257 font-style: normal;
258 font-weight: 400;
259 height: 20px;
260 line-height: 1;
261 text-align: center;
262 text-decoration-color: inherit;
263 text-decoration-line: inherit;
264 text-decoration-style: inherit;
265 vertical-align: top;
266 width: 20px;
267 padding:4px 0 0 2px;
268 }
269 .wpbm_sort_table .widefat td.sort span.glyphicon {
270 vertical-align: middle;
271 }
272 .wpbm_sort_table .widefat td {
273 padding:0;
274 }
275 .wpbm_sort_table .widefat th input[type=text],
276 .wpbm_sort_table .widefat td input[type=text]{
277 width:100%;
278 margin:0;
279 padding-left:5px;
280 height: 36px;
281 }
282 .wpbm_sortable_table.widefat {
283 background:#FAFAFA;
284 }
285 .wpbm_sortable_table.widefat td.border_bottom {
286 border-bottom: 1px solid #ddd;
287 }
288 .wpbm_sortable_table td input[type=text]{
289 border-radius: 0;
290 }
291 /* Color Picker */
292 .wpbm_page .wpdevelop .wp-picker-container .wp-color-result,
293 .wpbm_sortable_table td .wp-picker-container .wp-color-result {
294 height: 24px;
295
296 clear:both;
297 }
298 .wpbm_sortable_table td .wpbm-field-colors {
299 padding:2px 10px 2px;
300 border:1px solid #ccc;
301 font-weight: 600;
302 font-size:16px;
303 border-radius:3px;
304 -moz-border-radius:3px;
305 -webkit-border-radius:3px;
306 vertical-align: middle;
307 }
308
309 /* Settings table customization */
310 .wpbm_page .form-table th,
311 .wpbm_page .form-table td {
312 padding-top:10px;
313 padding-bottom:10px;
314 }
315 .form-table th label {
316 line-height: 2em;
317 vertical-align: middle;
318 }
319
320 /* Dismiss button for Welcome Page Panel *************************************/
321 .wpbm-panel-dismiss {
322 position: absolute;
323 top: 5px;
324 right: 10px;
325 padding: 8px 3px;
326 font-size: 13px;
327 text-decoration: none;
328 line-height: 1;
329 outline: 0 none;
330 cursor: pointer;
331 }
332 .wpbm-panel-dismiss:before {
333 content: ' ';
334 position: absolute;
335 left: -12px;
336 width: 10px;
337 height: 100%;
338 background: url('../../../../../wp-admin/images/xit.gif') 0 7% no-repeat;
339 }
340 .wpbm-panel-dismiss:hover:before {
341 background-position: 100% 7%;
342 }
343
344 /* SORTED Support Styles and Tricks *******************************************/
345 .wpbm_mobile_legend {
346 display:none;
347 }
348 /* Align blocks */
349 .wpbm-align-right {
350 float: right !important;
351 }
352 .wpbm-align-left {
353 float: left !important;
354 }
355
356 /* Align text */
357 .wpbm-text-right {
358 text-align: right !important;
359 }
360 .wpbm-text-left {
361 text-align: left !important;
362 }
363 .wpbm-text-center {
364 text-align: center !important;
365 }
366 .wpbm-text-justify {
367 text-align: justify !important;
368 }
369
370 .clear-line {
371 clear:both;
372 width:100%;
373 }
374 /* Trick - Fix HEIGHT for the container with FLOAT elements inside */
375 .clearfix-height:after {
376 content: ".";
377 display: block;
378 clear: both;
379 visibility: hidden;
380 line-height: 0;
381 height: 0;
382 }
383 .clearfix-height {
384 /*display: inline-block;*/
385 display: block; /* //FixIn: 8.8.1.10 */
386 }
387 html[xmlns] .clearfix-height {
388 display: block;
389 }
390 html[xmlns] .clearfix-height.hidden_items {
391 display: none;
392 }
393 * html .clearfix-height {
394 height: 1%;
395 }
396
397 /* Sortable table */
398 .wpbm_sortable_table thead th {
399 padding:10px 0;
400 font-weight: 600;
401 }
402 .wpbm_sortable_table tfoot th {
403 padding:10px;
404 }
405 .wpbm_sortable_table .widefat th.sort,
406 .wpbm_sortable_table .widefat td.sort {
407 width:30px;
408 }
409 .wpbm_sortable_table .widefat td.sort::before{
410 color: #aaa;
411 content: "\f333";
412
413 display: inline-block;
414 font-family: dashicons;
415 font-size: 20px;
416 font-style: normal;
417 font-weight: 400;
418 height: 20px;
419 line-height: 1;
420 text-align: center;
421 text-decoration-color: inherit;
422 text-decoration-line: inherit;
423 text-decoration-style: inherit;
424 vertical-align: top;
425 width: 20px;
426 padding:4px 0 0 2px;
427 }
428 .branch-3-5 .wpbm_sortable_table .widefat td.sort::before,
429 .branch-3-6 .wpbm_sortable_table .widefat td.sort::before,
430 .branch-3-7 .wpbm_sortable_table .widefat td.sort::before {
431 content: "=";
432 }
433 .wpbm_sortable_table .widefat td {
434 padding:0;
435 }
436 .wpbm_sortable_table .widefat th input[type=text],
437 .wpbm_sortable_table .widefat td input[type=text]{
438 width:100%;
439 margin:0;
440 padding-left:5px;
441 }
442
443
444 /* Hack to fix checkbox height in Firefox, otherwise sometimes, there exist weird artefact */
445 @-moz-document url-prefix() {
446 .wpbm_page input[type='checkbox'] {
447 /*height: auto;*/ /* FixIn: 2.0.8.1 */
448 }
449 .wpbm_page input[type='radio'] {
450 /*height: auto;*/ /* FixIn: 2.0.8.1 */
451 /*height: 32px;*/
452 }
453 }
454
455 /* Ajax loading icon */
456 .wpbm_ajax_icon {
457 font-size: 9px;
458 margin: 0px 5px 5px 5px;
459 line-height: 1em;
460 vertical-align: middle;
461 }
462
463
464 /* Rotate Icons for Loading ***********************************************/
465 .wpbm_spin {
466 -webkit-animation: spin 2s infinite linear;
467 -moz-animation: spin 2s infinite linear;
468 -o-animation: spin 2s infinite linear;
469 animation: spin 2s infinite linear;
470 }
471 @-moz-keyframes spin {
472 0% {
473 -moz-transform: rotate(0deg);
474 }
475 100% {
476 -moz-transform: rotate(359deg);
477 }
478 }
479 @-webkit-keyframes spin {
480 0% {
481 -webkit-transform: rotate(0deg);
482 }
483 100% {
484 -webkit-transform: rotate(359deg);
485 }
486 }
487 @-o-keyframes spin {
488 0% {
489 -o-transform: rotate(0deg);
490 }
491 100% {
492 -o-transform: rotate(359deg);
493 }
494 }
495 @keyframes spin {
496 0% {
497 -webkit-transform: rotate(0deg);
498 transform: rotate(0deg);
499 }
500 100% {
501 -webkit-transform: rotate(359deg);
502 transform: rotate(359deg);
503 }
504 }
505 .wpbm_rotate-90 {
506 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
507 -webkit-transform: rotate(90deg);
508 -moz-transform: rotate(90deg);
509 -ms-transform: rotate(90deg);
510 -o-transform: rotate(90deg);
511 transform: rotate(90deg);
512 }
513 .wpbm_rotate-180 {
514 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
515 -webkit-transform: rotate(180deg);
516 -moz-transform: rotate(180deg);
517 -ms-transform: rotate(180deg);
518 -o-transform: rotate(180deg);
519 transform: rotate(180deg);
520 }
521 .wpbm_rotate-270 {
522 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
523 -webkit-transform: rotate(270deg);
524 -moz-transform: rotate(270deg);
525 -ms-transform: rotate(270deg);
526 -o-transform: rotate(270deg);
527 transform: rotate(270deg);
528 }
529 .wpbm_flip-horizontal {
530 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
531 -webkit-transform: scale(-1, 1);
532 -moz-transform: scale(-1, 1);
533 -ms-transform: scale(-1, 1);
534 -o-transform: scale(-1, 1);
535 transform: scale(-1, 1);
536 }
537 .wpbm_flip-vertical {
538 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
539 -webkit-transform: scale(1, -1);
540 -moz-transform: scale(1, -1);
541 -ms-transform: scale(1, -1);
542 -o-transform: scale(1, -1);
543 transform: scale(1, -1);
544 }
545 /******************************************************************************/
546
547 /* iPad mini and all iPhones and other Mobile Devices */
548 @media (max-width: 782px) {
549 .wpbm_mobile_legend {
550 display:inline;
551 font-size: 14px;
552 font-weight: 400;
553 float: left;
554 line-height: 1.3em;
555 }
556 .wpbm_mobile_legend.clear{
557 float:none;
558 display:block;
559 }
560 .wpdevelop .hide-sm {
561 display:none;
562 }
563 /* Messages that show at top of admin panel pages */
564 .wpbm_page div.wpbm_inner_message {
565 /* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
566 margin: 20px 0 25px 10px;
567 position: fixed;
568 top: 32px;
569 width: 96%;
570 padding: 10px 12px;
571 min-height: 1em;
572 height: auto;
573 }
574 }
575 @media (max-width: 480px) {
576 .wpdevelop .hide-xs {
577 display:none;
578 }
579 }
580
581 /* Support new fonts in WP 4.6 */ /* FixIn: 6.2.2.4 */
582 .wpdevelop .label,
583 .wpdevelop strong {
584 font-weight: 600;
585 }
586 .wpdevelop [class^="icon-"] {
587 margin-top: 2px;
588 }
589 .wpdevelop .button [class^="icon-"] {
590 margin-top: 3px;
591 }