| @@ -8,15 +8,8 @@ | ||
| 8 | 8 | * (refactored: comments + dead rules removed) |
| 9 | 9 | */ |
| 10 | 10 | |
| 11 | 11 | /* ========================================================================== */ |
| 12 | -/* CSS Variables — shared tokens */ | |
| 13 | -/* ========================================================================== */ | |
| 14 | -:root { | |
| 15 | - --wpbc_form-button-light-size-height: 43px; | |
| 16 | -} | |
| 17 | - | |
| 18 | -/* ========================================================================== */ | |
| 19 | 12 | /* Booking Form: global structure + variants */ |
| 20 | 13 | /* What: layout scaffolding for form/calendar blocks and simple themes */ |
| 21 | 14 | /* ========================================================================== */ |
| 22 | 15 | /* “Form center” layout (Free) */ |
| @@ -192,15 +185,8 @@ | ||
| 192 | 185 | .booking_form input.wpdev-validates-as-time { |
| 193 | 186 | width: 50px; |
| 194 | 187 | } |
| 195 | 188 | |
| 196 | -/* Buttons alignment */ | |
| 197 | -.booking_form input[type="button"], | |
| 198 | -.booking_form input[type="submit"] { | |
| 199 | - width: auto; | |
| 200 | - vertical-align: middle; | |
| 201 | -} | |
| 202 | - | |
| 203 | 189 | /* Checkbox/Radio list spacing */ |
| 204 | 190 | .booking_form .wpdev-checkbox .wpdev-list-item, |
| 205 | 191 | .booking_form .wpdev-radio .wpdev-list-item { |
| 206 | 192 | margin-right: 0.5em; |
| @@ -250,63 +236,8 @@ | ||
| 250 | 236 | } |
| 251 | 237 | |
| 252 | 238 | |
| 253 | 239 | /* ========================================================================== */ |
| 254 | -/* Buttons (front-end + payment form) */ | |
| 255 | -/* What: generic button look; keep WordPress-like defaults */ | |
| 256 | -/* ========================================================================== */ | |
| 257 | -.wpbc-payment-form .btn, | |
| 258 | -.wpbc-payment-form .button, | |
| 259 | -.booking_form_div .btn, | |
| 260 | -.booking_form_div .button, | |
| 261 | -.booking_form_div .submit, | |
| 262 | -.booking_form_div .button-secondary { | |
| 263 | - background: #f7f7f7 none repeat scroll 0 0; | |
| 264 | - border-color: #ccc; | |
| 265 | - box-shadow: 0 1px 0 #eee; | |
| 266 | - color: #555; | |
| 267 | - vertical-align: top; | |
| 268 | - white-space: normal; | |
| 269 | -} | |
| 270 | - | |
| 271 | -.booking_form_div .submit, | |
| 272 | -.booking_form_div .button, | |
| 273 | -.booking_form_div .button-primary, | |
| 274 | -.booking_form_div .button-secondary, | |
| 275 | -.booking_form_div .button-highlighted, | |
| 276 | -.booking_form_div #postcustomstuff .submit input { | |
| 277 | - border-style: solid; | |
| 278 | - border-width: 1px; | |
| 279 | - cursor: pointer; | |
| 280 | - font-size: 11px !important; | |
| 281 | - line-height: 16px; | |
| 282 | - padding: 2px 8px; | |
| 283 | - text-decoration: none; | |
| 284 | - font-weight: 600; | |
| 285 | - margin: 10px 0; | |
| 286 | - float: right; | |
| 287 | - border-radius: 11px; | |
| 288 | - -moz-box-sizing: content-box; | |
| 289 | -} | |
| 290 | - | |
| 291 | -/* Fix overwrite issues by themes */ | |
| 292 | -.booking_form_div input.btn-primary:hover { | |
| 293 | - background: #0044CC !important; | |
| 294 | -} | |
| 295 | - | |
| 296 | -/* Pointer and disabled states */ | |
| 297 | -.booking_form_div input[type="button"]:hover, | |
| 298 | -.wpbc-payment-form input[type="button"]:hover { | |
| 299 | - cursor: pointer !important; | |
| 300 | -} | |
| 301 | - | |
| 302 | -.booking_form_div input[type="button"]:disabled:hover, | |
| 303 | -.wpbc-payment-form input[type="button"]:disabled:hover { | |
| 304 | - cursor: not-allowed !important; | |
| 305 | -} | |
| 306 | - | |
| 307 | - | |
| 308 | -/* ========================================================================== */ | |
| 309 | 240 | /* CAPTCHA */ |
| 310 | 241 | /* What: layout for text captcha, image and input */ |
| 311 | 242 | /* ========================================================================== */ |
| 312 | 243 | .wpbc_text_captcha_container { |
| @@ -1042,9 +973,10 @@ | ||
| 1042 | 973 | |
| 1043 | 974 | /* Overall container width & top spacing */ |
| 1044 | 975 | .wpbc_container_booking_form { |
| 1045 | 976 | width: calc(100% - 10px); |
| 1046 | - margin: 5px; | |
| 977 | + width: 100%; | |
| 978 | + margin: 5px 0; | |
| 1047 | 979 | } |
| 1048 | 980 | |
| 1049 | 981 | /* Unified row: flex layout with small gap */ |
| 1050 | 982 | .wpbc_container_booking_form .wpbc__row { |
| @@ -1295,9 +1227,9 @@ | ||
| 1295 | 1227 | margin: 5px auto 0; |
| 1296 | 1228 | max-width: Min(900px, 100%); |
| 1297 | 1229 | font-size: 16px; |
| 1298 | 1230 | font-weight: 400; |
| 1299 | - padding: 0 10px; | |
| 1231 | + /*padding: 0 10px;*/ | |
| 1300 | 1232 | } |
| 1301 | 1233 | |
| 1302 | 1234 | /* Narrow screens: table and field widths */ |
| 1303 | 1235 | @media (max-width: 670px) { |
| @@ -1337,14 +1269,8 @@ | ||
| 1337 | 1269 | font-size: 15px; |
| 1338 | 1270 | /*line-height: 2;*/ |
| 1339 | 1271 | } |
| 1340 | 1272 | |
| 1341 | -#wpbc-admin-page.wpbc_page_tab__add-booking .wpbc_container.wpbc_form input.wpbc_button_light { | |
| 1342 | - font-size: 1.15em; | |
| 1343 | - line-height: 100%; | |
| 1344 | - min-height: var(--wpbc_form-button-light-size-height); | |
| 1345 | -} | |
| 1346 | - | |
| 1347 | 1273 | /* Datepicker fine text */ |
| 1348 | 1274 | .datepick-inline .datepick-days-cell div.date-content-bottom, |
| 1349 | 1275 | .datepick-inline .datepick-days-cell div.date-content-top { |
| 1350 | 1276 | font-size: 0.7em; |
| @@ -1532,9 +1458,9 @@ | ||
| 1532 | 1458 | } |
| 1533 | 1459 | |
| 1534 | 1460 | |
| 1535 | 1461 | /* ========================================================================== */ |
| 1536 | -/* Payment Gateways — layout & per-gateway buttons */ | |
| 1462 | +/* Payment Gateways — layout */ | |
| 1537 | 1463 | /* What: gateway cards, iDEAL table, and payment layout */ |
| 1538 | 1464 | /* ========================================================================== */ |
| 1539 | 1465 | .wpbc_ty__content_gateways .wpbc_ty__gateway { |
| 1540 | 1466 | flex: 1 1 100%; |
| @@ -1562,17 +1488,8 @@ | ||
| 1562 | 1488 | flex-flow: column wrap; |
| 1563 | 1489 | justify-content: flex-start; |
| 1564 | 1490 | align-items: center; |
| 1565 | 1491 | } |
| 1566 | -.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form .wpbc_button_gw { | |
| 1567 | - flex: 1 1 100%; | |
| 1568 | - display: flex; | |
| 1569 | - flex-flow: column wrap; | |
| 1570 | - justify-content: flex-start; | |
| 1571 | - align-items: center; | |
| 1572 | - width: 100%; | |
| 1573 | -} | |
| 1574 | - | |
| 1575 | 1492 | /* Small footnote under PayPal button */ |
| 1576 | 1493 | .wpbc_paypal_fee { |
| 1577 | 1494 | font-size: 0.68em; |
| 1578 | 1495 | vertical-align: text-top; |
| @@ -1612,9 +1529,9 @@ | ||
| 1612 | 1529 | } |
| 1613 | 1530 | |
| 1614 | 1531 | |
| 1615 | 1532 | /* ========================================================================== */ |
| 1616 | -/* Dark Theme 1 — dark skins for messages, buttons, and containers */ | |
| 1533 | +/* Dark Theme 1 — dark skins for messages and containers */ | |
| 1617 | 1534 | /* ========================================================================== */ |
| 1618 | 1535 | |
| 1619 | 1536 | .wpbc_theme_dark_1 .wpbc_front_end__message { |
| 1620 | 1537 | background: transparent; |
| @@ -1650,9 +1567,9 @@ | ||
| 1650 | 1567 | } |
| 1651 | 1568 | |
| 1652 | 1569 | .wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container { |
| 1653 | 1570 | border: 1px solid rgb(0, 0, 0); |
| 1654 | - background: #626262; | |
| 1571 | + background: #383a3d; | |
| 1655 | 1572 | color: #5f5f5f; |
| 1656 | 1573 | box-shadow: 0 0px 3px #3b3b3b; |
| 1657 | 1574 | } |
| 1658 | 1575 | |
