PluginProbe
Booking Calendar / 10.10.1
Booking Calendar v10.10.1
11.8.3 11.8.2 11.8.1 11.8 11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 10.11 10.11.2 All 203 releases
booking / includes / _listing_css_js / listing_ui.css

listing_ui.css in Booking Calendar 10.10.1, at includes/_listing_css_js/listing_ui.css

521 lines 14.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Input elements in Listing --------------------------------------------------------------------------------------- */
2 .wpbc_listing_container input {
3 /*border: 1px solid #d6d6d6;*/
4 border: 1px solid #c9c9c9;
5 }
6 /* :focus ---- */
7 .wpbc_listing_container input.focus,
8 .wpbc_listing_container input:focus {
9 border-color: #fff;
10 /*box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8); This is Default: WordPress */
11 box-shadow: 0 0 0 1px #8fc8ff, 0 0 2px 1px rgba(79, 148, 212, 0.8);
12 z-index: 1;
13 /* Only visible in Windows High Contrast mode */
14 outline: 2px solid transparent;
15 }
16
17 /** C O N T A I N E R **/
18 .wpbc_listing_container {
19 display: flex;
20 flex-flow: column nowrap;
21 justify-content: space-between;
22
23 margin: 10px 0;
24 }
25 .wpbc_listing_container .wpbc_listing_usual_row {
26 flex: 1 1 auto;
27
28 display: flex;
29 flex-flow: row wrap;
30 justify-content: space-between;
31 align-items: stretch;
32 }
33 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header {
34 flex-flow: row nowrap;
35 }
36 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_listing_col{
37 flex: 3.7 1 0;
38 word-wrap: break-word;
39 min-width: 150px;
40 }
41 /* //FixIn: forVideo *
42 .wp-admin .modal-backdrop.in {
43 opacity: 0.3 !important;
44 }
45 #wpbc_loading_section .wpbc_icn::before, #wpbc_loading_section [class^="wpbc_icn_"]::before {
46 font-size: 36px;
47
48 }
49 #wpbc_loading_section [class^="wpbc_icn_"]{
50 top:16.5em;
51 margin-left: -4em;
52 position:absolute;
53 }
54 /* //FixIn: forVideo */
55 /* Checkbox */
56 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_listing_col:first-child{
57 flex: 40px 0 0;
58 min-width: 40px;
59 }
60 /* Labels */
61 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_listing_col.wpbc_col_booking_labels{
62
63 }
64 /* Booking data */
65 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_listing_col.wpbc_col_data{
66 flex: 10;
67 }
68 /* Dates Header //FixIn: 9.5.4.5 */
69 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header .wpbc_listing_col.wpbc_col_dates > *{
70 display:flex;
71 flex-flow:row nowrap;
72 white-space: nowrap;
73 }
74 @media (max-width: 782px) {
75 /* Hide "Booking Dates" text in header for mobile //FixIn: 9.5.4.5 */
76 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header .wpbc_listing_col.wpbc_col_dates > * {
77 visibility: hidden;
78 width:auto;
79 }
80 /* But show "<->" icons for change dates view in header for mobile //FixIn: 9.5.4.5 */
81 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header .wpbc_listing_col.wpbc_col_dates .wpbc_listing_header_action_icon {
82 visibility: visible;
83 }
84 }
85 /* Dates */
86 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_listing_col.wpbc_col_dates {
87 flex: 4.5 1 0;
88
89 display:flex;
90 flex-flow:row wrap;
91 justify-content: center;
92 align-items: flex-start;
93 }
94 /* Actions */
95 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_item_actions {
96 flex: 100%;
97 display: flex;
98 flex-flow: row wrap;
99 justify-content: flex-start;
100
101 padding: 0 1em;
102 }
103 @media screen and (max-width: 782px) {
104 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_row .wpbc_listing_col.wpbc_col_data {
105 flex: 1 1 auto;
106 }
107 }
108 /** R O W - Colors | Fonts **/
109 .wpbc_listing_container .wpbc_selectable_body{
110 border: 1px solid #dfdfdf;
111 border-top:none;
112 }
113 .wpbc_listing_container .wpbc_listing_usual_row{
114 border:none;
115 border-left:4px solid #fff;
116 background: #fff;
117 }
118 .wpbc_listing_container .wpbc_listing_usual_row:nth-of-type(2n+1) {
119 background: #f6f7f7; /*linear-gradient(190deg, #F2F2F2, #fff);*/
120 border-left-color:#f6f7f7;
121 border-bottom: 1px solid #e4e4e4;
122 }
123 .wpbc_listing_container .wpbc_listing_usual_row div.content_text {
124 padding: 8px 1em;
125 line-height: 2.2em;
126 }
127 /** H E A D E R - Colors | Fonts **/
128 .wpbc_listing_container div.wpbc_listing_usual_row.wpbc_list_header{
129 /*background: #e4e4e4; //FixIn: 9.5.4.5 */
130 background: #fff;
131 border: 1px solid #dfdfdf;
132 border-radius: 4px 4px 0 0;
133 /*color: #333;*/
134 color: #606060;
135 /*font-size: 12px;*/
136 font-size: 15px;
137 font-weight: 600;
138 /*text-shadow: 0 1px 1px #F5F5F5;*/
139 text-shadow:none;
140 text-align: center;
141 line-height: 2.5em;
142 overflow: hidden;
143 }
144 .wpbc_listing_container div.wpbc_listing_usual_row.wpbc_list_header .wpbc_col_labels .content_text{
145 display: block;
146 }
147 .wpbc_listing_container div.wpbc_listing_usual_row.wpbc_list_header .wpbc_listing_col .content_text{
148 padding:4px 1em;
149 }
150 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header > div:last-child{
151 text-align: center;
152 }
153 .wpbc_listing_container .wpbc_listing_usual_row.wpbc_list_header:first-child input[type="checkbox"] {
154 margin-left:5px;
155 }
156 /** Header action buttons **/
157 .wpbc_listing_container .wpbc_listing_header_action_icon {
158 padding: 0 1em;
159 }
160 .wpbc_listing_container .wpbc_listing_header_action_icon a,
161 .wpbc_listing_container .wpbc_listing_header_action_icon a:hover{
162 color: #555;
163 text-decoration: none;
164 }
165 /**********************************************************************************************************************/
166 /** Content of fields data **/
167 .wpbc_listing_container .wpbc_list_row .wpbc_col_data label{
168 font-weight:600;
169 vertical-align: baseline;
170 }
171 .wpbc_listing_container .wpbc_list_row .wpbc_col_data .fieldvalue {
172 background: #FFFDF0;
173 margin: 0 1em 0 0;
174 padding: 4px 5px;
175 vertical-align: baseline;
176 border-radius: 2px;
177 }
178 /* Hide field value with empty [shortcode_name_val] data. Used in in Simple form fields mode. */
179 .field_data_val:has(span:empty) {
180 display: none;
181 }
182 .wpbc_listing_container .wpbc_list_row .wpbc_col_data .fieldvalue.fieldsearchvalue {
183 background: #ff9900;
184 }
185 /** Labels ------------------------------------------------------------------------------------------------------- */
186 .wpbc_col_labels .content_text .wpbc_label.hidden_items {
187 display: none;
188 }
189 .wpbc_listing_container .wpbc_listing_usual_row .wpbc_col_labels div.content_text{
190 overflow: hidden;
191 }
192 .wpbc_col_labels .content_text {
193 display: flex;
194 flex-flow: row wrap;
195 justify-content: flex-start;
196 align-items: first baseline;
197 }
198 .wpbc_col_labels .content_text .wpbc_label{
199 flex: 0 1 auto;
200 padding: 0 10px;
201 line-height: 2.1em;
202 margin: 0 1em 5px 0;
203 word-wrap: anywhere;
204 white-space: nowrap;
205 min-width: 0;
206
207 display: flex;
208 flex-flow: row wrap;
209 justify-content: flex-start;
210 align-items: last baseline;
211 }
212 .wpbc_label{
213 white-space: pre-wrap;
214 border: 0;
215 box-shadow: 0 0 1px #ddd;
216 padding: 4px 10px 4px;
217 line-height: 2.5em;
218 margin-right: 10px;
219 font-size: 0.92em;
220 border-radius: .2em;
221 font-weight: 600;
222 background-color: #5bc0de;
223 display: inline;
224 color: #ffffff;
225 text-align: center;
226 vertical-align: baseline;
227 }
228 .wpbc_listing_col .wpbc_label{
229 padding: 4px 5px;
230 line-height: 2.5em;
231 }
232 .wpbc_listing_col .wpbc_label .menu_icon {
233 margin-right: 0.5em;
234 }
235 /* Label Colors --------------------------------------------------------------------------------------------------- */
236 .wpbc_label.wpbc_label_booking_id {
237 /*background-color: #acacac;*/
238 /*color: #909090;*/
239 /*background: #c5c5c500;*/
240 /*background: #fff;*/
241 /*box-shadow: 0px 0px 1px #c0c0c0;*/
242 background: #adadad;
243
244 background: #fff;
245 color: #979797;
246 box-shadow: 0 0 1px #b7b7b7;
247 }
248 .wpbc_ajx_booking_listing_container .wpbc_label.wpbc_label_booking_id {
249 display: none !important;
250 }
251 .wpbc_label.wpbc_label_resource {
252 /*background-color: #5bc0de;*/
253 background-color: #5aa3c0;
254 }
255 .wpbc_label.wpbc_label_deleted_resource{
256 background-color: #ee6f48;
257 }
258 .wpbc_label.wpbc_label_pending{
259 background-color: #FFBB45;
260 background-color: #BB864D;
261 background-color: #ed9f0a;
262 color: #fff;
263 box-shadow: 0 0 1px #fde4c9;
264 }
265 .wpbc_label.wpbc_label_approved{
266 background-color: #9BE;
267
268 background-color: #64AA45;
269 color: #f7fff4;
270 box-shadow: 0 0 1px #b8c6b1;
271 }
272 .wpbc_label.wpbc_label_payment_status {
273 /* General class for all payment statuses */
274 }
275 .wpbc_label.wpbc_label_payment_status_success {
276 background-color: #468847;
277 }
278 .wpbc_label.wpbc_label_payment_status_pending {
279 background-color: #992;
280 }
281 .wpbc_label.wpbc_label_payment_status_unknown {
282 /*background-color: #999;*/
283 background-color: #f7f7f7;
284 color: #7c7c7c;
285 border: 1px solid #e3e3e3;
286 }
287 .wpbc_label.wpbc_label_payment_status_error {
288 background-color: #FA773D;
289 }
290 .wpbc_label.wpbc_label_imported {
291 background-color: #81A6C6;
292 }
293 .wpbc_label.wpbc_label_trash {
294 background: #D94A48;
295 color: #fff;
296 text-shadow: 0 0 1px #E00;
297 }
298
299 /* Read booking button -- EYE ------------------------------------------------------------------------------------- */
300 .wpbc_is_new_button,
301 .wpbc_is_new_button:hover {
302 display: flex;
303 position: absolute;
304 left: 0;
305 margin-left: -17px;
306 border:none !important;
307 outline: none !important;
308 box-shadow:none !important;
309 }
310 @media (max-width: 782px) {
311 .wpbc_is_new_button,
312 .wpbc_is_new_button:hover {
313 left: auto;
314 margin-left: auto;
315 right: 0;
316 margin-right: 22px;
317 }
318 }
319
320 /* Dates labels ---------------------------------------------------------------------------------------------------- */
321 .wpbc_label.wpbc_label_booking_dates:hover,
322 .wpbc_label.wpbc_label_booking_dates{
323 background-color: #FFBB45;
324 text-decoration: none;
325 color: #ffffff;
326
327 background-color: #BB864D;
328 background-color: #ed9f0a;
329 color: #fff;
330 box-shadow: 0 0 1px #fde4c9;
331 }
332 .wpbc_label.wpbc_label_booking_dates:focus{
333 box-shadow: none;
334 }
335 .wpbc_label.wpbc_label_booking_dates.approved{
336 background-color: #9BE;
337
338 background-color: #64AA45;
339 color: #f7fff4;
340 box-shadow: 0 0 1px #b8c6b1;
341 }
342
343 /* Dates internal ------------------------------------------------------------------------------------------------- */
344 .wpbc_col_labels .content_text .wpbc_label.wpbc_label_booking_dates{
345 margin: 0 0 5px 0;
346 }
347 .wpbc_listing_container .wpbc_col_dates .wpbc_label.wpbc_label_booking_dates .field-booking-time{
348 color: #3e3e3e;
349 text-decoration: none;
350 text-shadow: 0 0 1px #AAA;
351 line-height: 2em;
352 white-space: nowrap;
353 }
354 .wpbc_listing_container .wpbc_col_dates .date_tire {
355 font-size: 17px;
356 font-weight: 600;
357 margin: 0 7px 10px;
358 line-height: 18px;
359 }
360
361 /* Booking Actions Buttons ---------------------------------------------------------------------------------------- */
362 .wpbc_ajx_toolbar.wpbc_buttons_row_for_booking .ui_container .ui_group .ui_element {
363 margin-right:5px;
364 }
365
366 .ui_element .wpbc_ui_button.wpbc_ui_red .menu_icon,
367 .ui_element .wpbc_ui_button .menu_icon.wpbc_ui_red{
368 color:#e06741
369 }
370
371 /* Remark button and textarea ------------------------------------------------------------------------------------- */
372
373 .wpbc_ajx_toolbar .ui_container .ui_remark_section {
374 /*display: none;*/
375 flex: 0 1 auto;
376 width:100%;
377 }
378 .wpbc_ajx_toolbar .ui_container .ui_remark_section .ui_group {
379 justify-content: flex-end;
380 }
381 .wpbc_ajx_toolbar .ui_container .ui_remark_section .ui_group .ui_element{
382 margin:0 0 0 10px;
383 }
384
385
386 /**********************************************************************************************************************/
387 /** Colors inside of the data fields in CONTENT DATA AREA **/
388 /**********************************************************************************************************************/
389 /* Refund */
390 .wpbc_listing_container .wpbc_list_row .wpbc_col_data .fieldvalue._refund{
391 color: #cc0202;
392 }
393 /* Order Number */
394 .wpbc_listing_container .wpbc_list_row .wpbc_col_data .fieldvalue._order_num{
395 font-weight: 600;
396 background: #9d9d9d;
397 color: #fff;
398 border-radius: 2px;
399 }
400 /**********************************************************************************************************************/
401 /** Selected row **/
402 .wpbc_selectable_body .row_selected_color {
403 /*background: #f9f9e7;*/
404 /*background: #ffffeb;*/
405 /*border-color: #d2d2d2 !important;*/
406 /*background: transparent;*/
407 border-color: #d2d2d2 !important;
408 border-left: 4px solid #08a !important;
409 }
410 /** Actions row with buttons **/
411 .wpbc_item_actions a.button,
412 .wpbc_item_actions a.button:hover {
413 flex: 0 0 auto;
414
415 margin: 0 1em 10px 0.25em;
416
417 color: #555;
418 border-color: #d8d8d8;
419 }
420
421 .wpbc_item_actions .wpbc_actions_buttons{
422 flex: 1 1 auto;
423 display: flex;
424 flex-flow: row wrap;
425 justify-content: flex-start;
426 margin-bottom: 5px;
427 }
428 .wpbc_item_actions .wpbc_actions_sysinfo{
429 flex: 0 1 auto;
430 margin-left:auto;
431
432 display: flex;
433 flex-flow: row wrap;
434 justify-content: flex-start;
435
436 align-items: stretch;
437 line-height: 4em;
438 font-size: 0.8em;
439 }
440 /**********************************************************************************************************************/
441 /* Terminal log screen section */
442 .wpbc_log_screen {
443 display: none;
444 margin: 0;
445 padding: 0.5em 1em;
446 line-height: 1.7em;
447 color: #fff;
448 background: #5b5b5b;
449 border-radius: 3px;
450 border: 1px solid;
451 text-shadow:none;
452 }
453 /* By default after page loading the sort selector is not visible //FixIn: 9.6.1.5 */
454 .wpbc_ajx_under_toolbar_row {
455 display: none;
456 }
457 /* Source & booking ID in reminders */
458 .wpbc_next_booking_time{
459 font-size: 0.85em;
460 display: flex;
461 flex-flow: row wrap;
462 justify-content: flex-end;
463 align-items: center;
464 }
465 .wpbc_next_booking_time span {
466 flex: 0 1 auto;
467 }
468
469 /**********************************************************************************************************************/
470 /** Messages **/
471 /**********************************************************************************************************************/
472 #ajax_working {
473 position: relative;
474 }
475 #ajax_working > [id^="wpbc_notice_"] {
476 position: fixed;
477 top: 30px;
478 flex-flow: row nowrap;
479 justify-content: flex-end;
480 z-index: 100000;
481 right: 20px;
482 max-width: 50%;
483 }
484 #ajax_working > [id^="wpbc_notice_"] .wpbc_alert_message {
485 display: flex;
486 top: 50px;
487 flex-flow: row nowrap;
488 justify-content: flex-start;
489 }
490 #ajax_working > [id^="wpbc_notice_"] .wpbc_alert_message .wpbc_inner_message {
491 /*display: flex;*/
492 /*flex-flow: row wrap;*/
493 /*justify-content: flex-end;*/
494 /*align-items: center;*/
495 width: 100%;
496 position: relative;
497 }
498
499 #ajax_working > [id^="wpbc_notice_"] .wpbc_alert_message .wpbc_inner_message .close{
500 order: 9;
501 margin-left: 15px;
502 }
503 #ajax_working > [id^="wpbc_notice_"] .wpbc_alert_message .wpbc_inner_message > * {
504 /*margin: 0 0 0 1em;*/
505 }
506
507
508 /**********************************************************************************************************************/
509 /** Hidden Templates **/
510 /**********************************************************************************************************************/
511 .wpbc_hidden_templates ,
512 .ui__under_actions_row__section_in_booking ,
513 .wpbc_ajx_toolbar .ui_container .ui_group .ui_element.ui__set_booking_cost__section_in_booking {
514 display:none;
515 }
516 .highlight_action_section {
517 /*background: #e7e7e7;*/
518 border-radius: 3px;
519 padding:0 10px;
520 }
521