PluginProbe
Booking Manager – Sync WP Booking Calendar – Import Events, Export Bookings to ICS Calendar / 2.0
Booking Manager – Sync WP Booking Calendar – Import Events, Export Bookings to ICS Calendar v2.0
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 2.0, at core/any/css/admin-support.css

590 lines 13.3 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 http://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 }
386 html[xmlns] .clearfix-height {
387 display: block;
388 }
389 html[xmlns] .clearfix-height.hidden_items {
390 display: none;
391 }
392 * html .clearfix-height {
393 height: 1%;
394 }
395
396 /* Sortable table */
397 .wpbm_sortable_table thead th {
398 padding:10px 0;
399 font-weight: 600;
400 }
401 .wpbm_sortable_table tfoot th {
402 padding:10px;
403 }
404 .wpbm_sortable_table .widefat th.sort,
405 .wpbm_sortable_table .widefat td.sort {
406 width:30px;
407 }
408 .wpbm_sortable_table .widefat td.sort::before{
409 color: #aaa;
410 content: "\f333";
411
412 display: inline-block;
413 font-family: dashicons;
414 font-size: 20px;
415 font-style: normal;
416 font-weight: 400;
417 height: 20px;
418 line-height: 1;
419 text-align: center;
420 text-decoration-color: inherit;
421 text-decoration-line: inherit;
422 text-decoration-style: inherit;
423 vertical-align: top;
424 width: 20px;
425 padding:4px 0 0 2px;
426 }
427 .branch-3-5 .wpbm_sortable_table .widefat td.sort::before,
428 .branch-3-6 .wpbm_sortable_table .widefat td.sort::before,
429 .branch-3-7 .wpbm_sortable_table .widefat td.sort::before {
430 content: "=";
431 }
432 .wpbm_sortable_table .widefat td {
433 padding:0;
434 }
435 .wpbm_sortable_table .widefat th input[type=text],
436 .wpbm_sortable_table .widefat td input[type=text]{
437 width:100%;
438 margin:0;
439 padding-left:5px;
440 }
441
442
443 /* Hack to fix checkbox height in Firefox, otherwise sometimes, there exist weird artefact */
444 @-moz-document url-prefix() {
445 .wpbm_page input[type='checkbox'] {
446 height: auto;
447 }
448 .wpbm_page input[type='radio'] {
449 height: auto;
450 /*height: 32px;*/
451 }
452 }
453
454 /* Ajax loading icon */
455 .wpbm_ajax_icon {
456 font-size: 9px;
457 margin: 0px 5px 5px 5px;
458 line-height: 1em;
459 vertical-align: middle;
460 }
461
462
463 /* Rotate Icons for Loading ***********************************************/
464 .wpbm_spin {
465 -webkit-animation: spin 2s infinite linear;
466 -moz-animation: spin 2s infinite linear;
467 -o-animation: spin 2s infinite linear;
468 animation: spin 2s infinite linear;
469 }
470 @-moz-keyframes spin {
471 0% {
472 -moz-transform: rotate(0deg);
473 }
474 100% {
475 -moz-transform: rotate(359deg);
476 }
477 }
478 @-webkit-keyframes spin {
479 0% {
480 -webkit-transform: rotate(0deg);
481 }
482 100% {
483 -webkit-transform: rotate(359deg);
484 }
485 }
486 @-o-keyframes spin {
487 0% {
488 -o-transform: rotate(0deg);
489 }
490 100% {
491 -o-transform: rotate(359deg);
492 }
493 }
494 @keyframes spin {
495 0% {
496 -webkit-transform: rotate(0deg);
497 transform: rotate(0deg);
498 }
499 100% {
500 -webkit-transform: rotate(359deg);
501 transform: rotate(359deg);
502 }
503 }
504 .wpbm_rotate-90 {
505 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
506 -webkit-transform: rotate(90deg);
507 -moz-transform: rotate(90deg);
508 -ms-transform: rotate(90deg);
509 -o-transform: rotate(90deg);
510 transform: rotate(90deg);
511 }
512 .wpbm_rotate-180 {
513 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
514 -webkit-transform: rotate(180deg);
515 -moz-transform: rotate(180deg);
516 -ms-transform: rotate(180deg);
517 -o-transform: rotate(180deg);
518 transform: rotate(180deg);
519 }
520 .wpbm_rotate-270 {
521 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
522 -webkit-transform: rotate(270deg);
523 -moz-transform: rotate(270deg);
524 -ms-transform: rotate(270deg);
525 -o-transform: rotate(270deg);
526 transform: rotate(270deg);
527 }
528 .wpbm_flip-horizontal {
529 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
530 -webkit-transform: scale(-1, 1);
531 -moz-transform: scale(-1, 1);
532 -ms-transform: scale(-1, 1);
533 -o-transform: scale(-1, 1);
534 transform: scale(-1, 1);
535 }
536 .wpbm_flip-vertical {
537 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
538 -webkit-transform: scale(1, -1);
539 -moz-transform: scale(1, -1);
540 -ms-transform: scale(1, -1);
541 -o-transform: scale(1, -1);
542 transform: scale(1, -1);
543 }
544 /******************************************************************************/
545
546 /* iPad mini and all iPhones and other Mobile Devices */
547 @media (max-width: 782px) {
548 .wpbm_mobile_legend {
549 display:inline;
550 font-size: 14px;
551 font-weight: 400;
552 float: left;
553 line-height: 1.3em;
554 }
555 .wpbm_mobile_legend.clear{
556 float:none;
557 display:block;
558 }
559 .wpdevelop .hide-sm {
560 display:none;
561 }
562 /* Messages that show at top of admin panel pages */
563 .wpbm_page div.wpbm_inner_message {
564 /* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
565 margin: 20px 0 25px 10px;
566 position: fixed;
567 top: 32px;
568 width: 96%;
569 padding: 10px 12px;
570 min-height: 1em;
571 height: auto;
572 }
573 }
574 @media (max-width: 480px) {
575 .wpdevelop .hide-xs {
576 display:none;
577 }
578 }
579
580 /* Support new fonts in WP 4.6 */ /* FixIn: 6.2.2.4 */
581 .wpdevelop .label,
582 .wpdevelop strong {
583 font-weight: 600;
584 }
585 .wpdevelop [class^="icon-"] {
586 margin-top: 2px;
587 }
588 .wpdevelop .button [class^="icon-"] {
589 margin-top: 3px;
590 }