booked.less 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. .booked-calendar-shortcode-wrap {
  2. .booked-calendarSwitcher {
  3. &.calendar {
  4. p:before {
  5. top: 10px;
  6. right: 5px;
  7. }
  8. select {
  9. width: auto;
  10. padding: 10px 5px !important;
  11. margin-bottom: 0px;
  12. background: none !important;
  13. }
  14. }
  15. &.list select {
  16. height: auto;
  17. }
  18. }
  19. }
  20. body table.booked-calendar tr.week td.active .date,
  21. body table.booked-calendar tr.week td.active:hover .date,
  22. body table.booked-calendar tr.entryBlock,
  23. body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date,
  24. body .booked-calendar-wrap.small table.booked-calendar td.today.active:hover .date span {
  25. background: var( --vamtam-accent-color-7 ) !important;
  26. }
  27. body .booked-list-view a.booked_list_date_picker_trigger,
  28. body #booked-profile-page input[type=submit], body #booked-profile-page button, body .booked-list-view input[type=submit], body .booked-list-view button, body table.booked-calendar input[type=submit], body table.booked-calendar button, body .booked-modal input[type=submit], body .booked-modal button {
  29. background: #fff;
  30. transition: all .3s ease;
  31. }
  32. body .booked-list-view a.booked_list_date_picker_trigger:hover,
  33. body #booked-profile-page input[type=submit]:hover, body #booked-profile-page button:hover, body .booked-list-view input[type=submit]:hover, body .booked-list-view button:hover, body table.booked-calendar input[type=submit]:hover, body table.booked-calendar button:hover, body .booked-modal input[type=submit]:hover, body .booked-modal button:hover {
  34. background: var( --vamtam-accent-color-1 );
  35. color: var( --vamtam-accent-color-5 );
  36. border-color: var( --vamtam-accent-color-1 );
  37. }
  38. .booked-appt-list ul.booked-public-appointment-list, .booked-appt-list ul.booked-public-appointment-list li {
  39. line-height: 1.4em;
  40. font-size: var( --vamtam-primary-font-font-size );
  41. }
  42. body #booked-profile-page input[type=submit],
  43. body #booked-profile-page button,
  44. body .booked-list-view input[type=submit],
  45. body .booked-list-view button,
  46. body table.booked-calendar input[type=submit],
  47. body table.booked-calendar button,
  48. body .booked-modal input[type=submit],
  49. body .booked-modal button {
  50. padding: 5px 25px;
  51. font-size: 14px;
  52. }
  53. body .booked-list-view .booked-list-view-nav button,
  54. body .booked-list-view a.booked_list_date_picker_trigger {
  55. border-radius: calc( var( --vamtam-border-radius ) - 2px );
  56. }
  57. #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a {
  58. border: none;
  59. border-radius: calc( var( --vamtam-border-radius ) - 2px );
  60. }
  61. body .booked-modal .bm-window {
  62. border-radius: var(--vamtam-border-radius);
  63. }
  64. body .booked-modal .bm-window p.booked-title-bar {
  65. padding: 25px 30px 25px 30px;
  66. border-top-left-radius: var(--vamtam-border-radius);
  67. border-top-right-radius: var(--vamtam-border-radius);
  68. }
  69. body .booked-modal .bm-window .booked-scrollable {
  70. padding-top: 45px;
  71. border-radius: var(--vamtam-border-radius);
  72. }
  73. body .booked-form .booked-appointments {
  74. box-shadow: 0 1px 20px rgba(0,0,0,0.04);
  75. }
  76. body table.booked-calendar .booked-appt-list {
  77. -webkit-box-shadow: 0 1px 30px rgba(0,0,0,0.08);
  78. -moz-box-shadow: 0 1px 30px rgba(0,0,0,0.08);
  79. box-shadow: 0 1px 30px rgba(0,0,0,0.08);
  80. }
  81. body .booked-calendar-wrap.small table.booked-calendar th .monthName a,
  82. .booked-fea-appt-list .appt-block a.delete {
  83. border: var( --vamtam-no-border-link );
  84. }
  85. body #booked-profile-page .booked-tabs li .counter {
  86. min-width: 20px;
  87. }
  88. body #booked-page-form .login-remember {
  89. float: none;
  90. margin-bottom: 10px;
  91. }
  92. body #booked-page-form .login-submit {
  93. float: none;
  94. }
  95. body .booked-modal .bm-window .close {
  96. top: 21px;
  97. right: 30px;
  98. transition: color .3s ease;
  99. }
  100. .backToMonth {
  101. border: var( --vamtam-no-border-link );
  102. }