PluginProbe
Booking Calendar / 11.1
Booking Calendar v11.1
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 10.11.3 All 202 releases
booking / core / any / css / admin-toolbar.css

admin-toolbar.css in Booking Calendar 11.1, at core/any/css/admin-toolbar.css

468 lines 16.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * @version 1.1
3 * @package: Tabs
4 * @category: Admin UI
5 * @author wpdevelop
6 *
7 * @web-site https://wpbookingcalendar.com/
8 * @email info@wpbookingcalendar.com
9 *
10 * @modified 2015-10-29
11 */
12 /* DropDown Selectbox */
13 .wpdevelop .btn-group.open .dropdown-toggle {
14 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125) inset;
15 background: #ccc;
16 }
17 /* Drop Down Menu */
18 .wpdevelop ul.dropdown-menu {
19 display: none;
20 /* FixIn: 10.5.2.1 */
21 /* display: block;*/
22 /* transition: opacity 0.1s cubic-bezier(.23,1,.73,1.3);*/
23 /* opacity: 0;*/
24 /* height: 0;*/
25 /* overflow: hidden;*/
26 /*}*/
27 /*.wpdevelop .open > .dropdown-menu {*/
28 /* display: block;*/
29 /* transition: opacity 0.15s ease-in-out;*/
30 /* opacity: 1;*/
31 /* height: auto;*/
32 }
33 .wpdevelop .dropdown-menu li {
34 padding:0;
35 margin:0;
36 }
37 .wpdevelop .dropdown-menu li.dropdown-header {
38 padding:0 15px;
39 color: #999;
40 font-size: 0.8em;
41 font-style: italic;
42 font-weight: 600;
43 }
44 .wpdevelop .dropdown-menu > .disabled > a,
45 .wpdevelop .dropdown-menu > .disabled > a:focus,
46 .wpdevelop .dropdown-menu > .disabled > a:hover {
47 color:#ccc;
48 }
49 .wpdevelop .dropdown-menu > li > a,
50 .wpdevelop .dropdown-menu a {
51 clear: both;
52 display: block;
53 font-weight: 400;
54 padding:5px 15px;
55 white-space: nowrap;
56 font-size:13px;
57 line-height: 18px;
58 }
59 .wpdevelop .dropdown-menu li > a:hover,
60 .wpdevelop .dropdown-menu li.active > a,
61 .wpdevelop .dropdown-menu li.active > a:hover {
62 background: #08c;
63 color: #fff;
64 text-decoration-line: none;
65 text-decoration-style: solid;
66 }
67 /* radio button or checbox togther with selctbox as option in dropdown list */
68 .wpdevelop .dropdown-menu li .btn-toolbar .input-group {
69 margin:2px 5px 4px 5px;
70 }
71 .wpdevelop .dropdown-menu li .btn-toolbar .input-group .input-group-addon {
72 background: none;
73 border: none;
74 box-shadow: none;
75 }
76 .wpdevelop .dropdown-menu li .btn-toolbar .input-group .input-group-addon input {
77 margin:0 5px 0 0;
78 vertical-align: middle;
79 }
80 .wpdevelop .dropdown-menu li .btn-toolbar .input-group .input-group-addon label {
81 color: #444;
82 margin: 0;
83 vertical-align: middle;
84 line-height: 16px;
85 }
86 .wpdevelop .dropdown-menu li .btn-toolbar .input-group select {
87 border-radius:0px;
88 -moz-border-radius: 0px;
89 -webkit-border-radius: 0px;
90 }
91 /* button group in drop down list*/
92 .wpdevelop .dropdown-menu li .btn-toolbar .btn-group {
93 margin: 0 5px;
94 float: right;
95 margin-left: auto;
96 }
97 .wpdevelop .dropdown-menu li .btn-toolbar .btn-group a.button {
98 clear:none;
99 }
100 .wpdevelop .dropdown-menu li .btn-toolbar .input-group.text-group {
101 display:block;
102 }
103 .wpdevelop .dropdown-menu li .btn-toolbar .input-group.text-group .input-group-addon {
104 text-align: left;
105 }
106 .wpdevelop .dropdown-menu li .btn-toolbar .input-group.text-group .dropdown-menu-text-element{
107 box-sizing: padding-box;
108 float: left;
109 font-size: 11px;
110 padding: 0 0 0 15px;
111 width: 50%;
112 }
113 .wpdevelop .dropdown-menu li .btn-toolbar .input-group.text-group .dropdown-menu-text-element.dropdown-menu-text-element-count-1 {
114 width: 100%;
115 }
116 .wpdevelop .dropdown-menu li .btn-toolbar .input-group.text-group .dropdown-menu-text-element input[type=text] {
117 font-size: 13px;
118 width: 100%;
119 }
120 /* Containers in Toolbars */
121 .wpdevelop .visibility_container .tab-bottom {
122 -moz-border-bottom-colors: none;
123 -moz-border-image: none;
124 -moz-border-left-colors: none;
125 -moz-border-right-colors: none;
126 -moz-border-top-colors: none;
127 background: none repeat scroll 0 0 #F5F5F5;
128 border-color: #BBC;
129 border-width: 1px;
130 border-style: dashed solid solid;
131 border-radius: 0 0 5px 5px;
132 -moz-border-radius: 0 0 5px 5px;
133 -webkit-border-radius: 0 0 5px 5px;
134 -ms-border-radius: 0 0 5px 5px;
135 box-shadow: 0 0 1px #DDD;
136 padding: 0px 7px;
137 position: absolute;
138 margin-top: 4px;
139 }
140 .wpdevelop .visibility_container .tab-bottom a {
141 color:#777;
142 }
143 .wpdevelop .visibility_container .control-group {
144 float:left;
145 margin-right:15px;
146 margin-top:8px;
147 min-height: 31px;
148 }
149 .wpdevelop .btn-toolbar > .btn,
150 .wpdevelop .btn-toolbar > .btn-group {
151 min-height: 31px;
152 }
153 .wpdevelop .control-group .dropdown-toggle label.label_in_filters {
154 font-weight: 600;
155 }
156 /* Buttons Group */
157 .wpdevelop .btn-group a.button:focus,
158 .wpdevelop .btn-group a.button:hover,
159 .wpdevelop .form-group .input-group a.button:focus,
160 .wpdevelop .form-group .input-group a.button:hover{
161 text-decoration: none;
162 }
163 .wpdevelop .control-group .btn-group > .button{
164 float: left;
165 margin:0 0 0 -1px;
166 position: relative;
167 }
168 .wpdevelop .control-group .btn-group > .button.active {
169 background-color: #E6E6E6;
170 background-image: none;
171 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
172 color: rgba(0, 0, 0, 0.5);
173 outline: 0 none;
174 border-color: #CCCCCC;
175 }
176
177 /* control-group | btn-group */
178 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text'],
179 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button {
180 height: 34px;
181 line-height: 1.42857143;
182
183 height: 28px;
184
185 }
186 .wpdevelop .control-group .btn-toolbar .input-group > select,
187 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text'],
188 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon {
189 padding: 4px 12px;
190 font-size: 13px;
191 box-shadow: inset 0 0px 0 #fff,0 1px 0 rgba(0,0,0,.08);
192 }
193 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon {
194 /*text-shadow: 0 1px 1px #fff;*/ /* //FixIn: 9.5.4.7 */
195 background: transparent; /* background-color: #eee; */ /* //FixIn: 9.5.4.8 */
196 color: #555; /* //FixIn: 9.5.4.7 */
197 }
198 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon > input {
199 vertical-align: bottom;
200 }
201 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button {
202 line-height: 28px;
203 font-size: 13px;
204 vertical-align: middle;
205 padding: 0 10px -1px;
206 }
207 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text'] {
208 padding: 4px 4px 4px 8px;
209 height: 30px;
210 }
211 .wpdevelop .control-group .btn-toolbar .input-group > select {
212 height: 28px;
213 line-height: 22px;
214 padding: 0 12px;
215 font-size: 13px;
216 }
217 .wpdevelop .control-group .btn-toolbar .input-group > select option:disabled {
218 color: #bbb;
219 }
220 .wpdevelop .control-group .btn-toolbar .input-group .input-group-btn .button {
221 box-shadow: 0 0 0 #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.08);
222 }
223 .wpdevelop .control-group-text {
224 float:left;
225 margin-right:10px;
226 height:28px;
227 line-height:28px;
228 }
229 .wpdevelop .btn-toolbar .input-group > .input-group-btn .button.disabled,
230 .wpdevelop .btn-toolbar .btn-group > .button.disabled,
231 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button.disabled,
232 .wpdevelop .control-group .btn-toolbar .btn-group > .button.disabled {
233 box-shadow: 0 1px 0 #cfcfcf !important;
234 }
235 .wpdevelop .btn-toolbar .input-group > .input-group-btn .button.active,
236 .wpdevelop .btn-toolbar .btn-group > .button.active,
237 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button.active,
238 .wpdevelop .control-group .btn-toolbar .btn-group > .button.active {
239 transform: none;
240 border-color: #ccc;
241 }
242 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text'],
243 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button,
244 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon,
245 .wpdevelop .control-group .btn-toolbar .btn-group > .button,
246 .wpdevelop .control-group .btn-toolbar .btn-group > input[type=text],
247 .wpdevelop .control-group .btn-toolbar .btn-group > select {
248 border-radius: 0;
249 -moz-border-radius: 0;
250 -webkit-border-radius: 0;
251 }
252 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text']:first-child,
253 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn:first-child .button,
254 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon:first-child,
255 .wpdevelop .control-group .btn-toolbar .btn-group > .button:first-child,
256 .wpdevelop .control-group .btn-toolbar .btn-group > input[type=text]:first-child,
257 .wpdevelop .control-group .btn-toolbar .btn-group > select:first-child {
258 border-bottom-left-radius: 4px;
259 -moz-border-radius-bottomleft: 4px;
260 -webkit-border-bottom-left-radius: 4px;
261 border-top-left-radius: 4px;
262 -moz-border-radius-topleft: 4px;
263 -webkit-border-top-left-radius: 4px;
264 }
265 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text']:last-child,
266 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn:last-child .button,
267 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon:last-child,
268 .wpdevelop .control-group .btn-toolbar .btn-group > .button:last-child,
269 .wpdevelop .control-group .btn-toolbar .btn-group > input[type=text]:last-child,
270 .wpdevelop .control-group .btn-toolbar .btn-group > select:last-child {
271 border-bottom-right-radius: 4px;
272 -moz-border-radius-bottomright: 4px;
273 -webkit-border-bottom-right-radius: 4px;
274 border-top-right-radius: 4px;
275 -moz-border-radius-topright: 4px;
276 -webkit-border-top-right-radius: 4px;
277 margin-left: -1px;
278 }
279 .wpdevelop .control-group .btn-toolbar .input-group > select:only-child,
280 .wpdevelop .control-group .btn-toolbar .btn-group > select:only-child {
281 border-radius: 4px; /* //FixIn: 9.5.4.9 */
282 }
283 .wpdevelop .control-group .btn-group .dropdown-toggle label{
284 margin-bottom: 3px;
285 }
286 /*FixIn: 7.1.2.15 */
287 .wpdevelop .control-group .btn-group .dropdown-toggle span.wpbc_selected_in_dropdown{
288 display: inline-block;
289 vertical-align: middle;
290 margin-bottom: 3px;
291 }
292 /* .form-group */
293 .wpdevelop .form-group .input-group > .button,
294 .wpdevelop .form-group .input-group .input-group-btn .button {
295 display: inline-block;
296 font-size: 14px;
297 font-weight: 400;
298 height:34px;
299 line-height: 1.42857;
300 margin-bottom: 0;
301 padding: 6px 12px;
302 text-align: center;
303 vertical-align: middle;
304 white-space: nowrap;
305 border-radius: 0;
306 -moz-border-radius: 0;
307 -webkit-border-radius: 0;
308 }
309 .wpdevelop .form-group .input-group .input-group-btn .btn-toolbar .btn-group .button {
310 border-radius: 4px;
311 -moz-border-radius: 4px;
312 -webkit-border-radius: 4px;
313 margin:0;
314 }
315 .wpdevelop .form-group .input-group > .button:first-child,
316 .wpdevelop .form-group .input-group > input[type=text]:first-child,
317 .wpdevelop .form-group .input-group > select:first-child,
318 .wpdevelop .form-group .input-group .input-group-btn:first-child .button,
319 .wpdevelop .form-group .input-group .input-group-btn .btn-toolbar .btn-group .button:first-child{
320 border-bottom-left-radius: 4px;
321 -moz-border-radius-bottomleft: 4px;
322 -webkit-border-bottom-left-radius: 4px;
323 border-top-left-radius: 4px;
324 -moz-border-radius-topleft: 4px;
325 -webkit-border-top-left-radius: 4px;
326 margin-left: 0;
327 }
328 .wpdevelop .form-group .input-group > .button:last-child,
329 .wpdevelop .form-group .input-group > input[type=text]:last-child,
330 .wpdevelop .form-group .input-group > select:last-child,
331 .wpdevelop .form-group .input-group > .dropdown-toggle,
332 .wpdevelop .form-group .input-group > .input-group-btn:last-child .button,
333 .wpdevelop .form-group .input-group .input-group-btn .btn-toolbar > .btn-group > .button:last-child {
334 border-bottom-right-radius: 4px;
335 -moz-border-radius-bottomright: 4px;
336 -webkit-border-bottom-right-radius: 4px;
337 border-top-right-radius: 4px;
338 -moz-border-radius-topright: 4px;
339 -webkit-border-top-right-radius: 4px;
340 margin-left: -1px;
341 }
342 .wpdevelop .form-group .input-group ul.dropdown-menu {
343 margin-top:0;
344 border-top-right-radius: 0;
345 -moz-border-radius-topright: 0;
346 -webkit-border-top-right-radius: 0;
347 border-top-left-radius: 0;
348 -moz-border-radius-topleft: 0;
349 -webkit-border-top-left-radius: 0;
350 }
351
352 /* Fix: for showing correct width in Chrome. Its trick, so need to test more... 2016-08-31 */
353 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon,
354 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn {
355 width:auto;
356 }
357
358 /* .btn-group-vertical */
359
360 .wpdevelop .btn-group-vertical > .button,
361 .wpdevelop .btn-group-vertical > .btn-group,
362 .wpdevelop .btn-group-vertical > .btn-group > .button {
363 display: block;
364 float: none;
365 width: 100%;
366 max-width: 100%;
367 -webkit-box-sizing: border-box;
368 -moz-box-sizing: border-box;
369 box-sizing: border-box;
370 margin-bottom: 0;
371 }
372 .wpdevelop .btn-group-vertical > .btn-group > .button {
373 float: none;
374 }
375 .wpdevelop .btn-group-vertical > .button + .button,
376 .wpdevelop .btn-group-vertical > .button + .btn-group,
377 .wpdevelop .btn-group-vertical > .btn-group + .button,
378 .wpdevelop .btn-group-vertical > .btn-group + .btn-group {
379 margin-top: -1px;
380 margin-left: 0;
381 }
382 .wpdevelop .btn-group-vertical > .button:not(:first-child):not(:last-child) {
383 border-radius: 0;
384 }
385 .wpdevelop .btn-group-vertical > .button:first-child:not(:last-child) {
386 border-top-right-radius: 4px;
387 border-bottom-right-radius: 0;
388 border-bottom-left-radius: 0;
389 }
390 .wpdevelop .btn-group-vertical > .button:last-child:not(:first-child) {
391 border-bottom-left-radius: 4px;
392 border-top-right-radius: 0;
393 border-top-left-radius: 0;
394 }
395 .wpdevelop .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .button {
396 border-radius: 0;
397 }
398 .wpdevelop .btn-group-vertical > .btn-group:first-child:not(:last-child) > .button:last-child,
399 .wpdevelop .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
400 border-bottom-right-radius: 0;
401 border-bottom-left-radius: 0;
402 }
403 .wpdevelop .btn-group-vertical > .btn-group:last-child:not(:first-child) > .button:first-child {
404 border-top-right-radius: 0;
405 border-top-left-radius: 0;
406 }
407 /*******************************************************************************/
408
409 @media (max-width: 782px) {
410 .wpdevelop .wpbc-sm-100 {
411 width:100% !important;
412 }
413
414 /* .wpdevelop .control-group .btn-toolbar .input-group {
415 margin-bottom: 10px;
416 }*/
417 .wpdevelop .in-button-text {
418 display:none;
419 }
420 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button {
421 line-height: 34px;
422 }
423 .wpdevelop .control-group .btn-group > .button,
424 .wpdevelop .control-group .btn-toolbar .btn-group > .button,
425 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button {
426 height: 34px;
427 /*line-height: 1.5em; */
428 }
429 .wpdevelop .control-group .btn-toolbar .input-group > input[type='text']{
430 height: 34px;
431 padding:0 12px;
432 line-height:auto;
433 }
434 #wpbody .wpdevelop .control-group .btn-toolbar .input-group > select {
435 height: 34px;
436 line-height: 28px;
437 }
438 .wpdevelop .control-group-text {
439 height: 34px;
440 line-height: 34px;
441 }
442 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-btn .button {
443 margin:0 0 0 -1px;
444 }
445 .wpdevelop .control-group .btn-toolbar .input-group > .input-group-addon {
446 /*padding-top:0; */ /* //FixIn: 9.5.4.9 */
447 line-height: 27px; /* //FixIn: 9.5.4.9 */
448 padding-bottom:0;
449 }
450 }
451
452 @media (max-width: 400px) {
453 .wpdevelop .wpbc-sm-100 {
454 width:100% !important;
455 }
456 }
457
458
459 .wp-core-ui .chzn-right-buttons a {
460 min-height: 31px;
461 }
462
463 /* The SVG is arrow-down-alt2 from Dashicons. - it is \/ symbol in selectboxes in native wp. Basically used for .btn-toolbar */
464 .wp-core-ui .wpdevelop .control-group .btn-toolbar .input-group > select,
465 .wp-core-ui .wpdevelop select.form-control {
466 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
467 padding: 2px 30px 2px 10px;
468 }