Головна сторінка Огляд Довідка
Увійти
website
/
finlabsindia
2
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Дерево: 40eb9f8378
Гілки Теги
finlabsindia
/
wp-content
/
plugins
/
booked
/
assets
/
css
/
responsive.css

responsive.css 9.4 KB
Історія Запис

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 
  1. @media screen and (max-width:1200px){
    2. 

  2. 	body .booked-list-view .booked-appt-list h2 { text-align:left; margin:0 0 20px; }
    3. 

  3. 	body .booked-list-view .booked-appt-list h2.booked-no-prev { text-align:left; }
    4. 

  4. 	body .booked-list-view .booked-list-view-nav { display:block; height:26px; margin:-5px 0 30px; position:static; text-align:left; }
    5. 

  5. 	body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
    6. 

  6. 	body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev { margin:0 6px 5px 0; position:relative; display:inline-block; top:0; right:0; }
    7. 

  7. 	body .booked-list-view .booked-list-view-nav .booked-list-view-date-next { float:right; margin:0 0 5px; }
    8. 

  8. }
    9. 

  9. 

  10. @media screen and (max-width:1100px){
    11. 

  11. 	body table.booked-calendar td .count { padding:5px 0; font-size:9px; }
    12. 

  12. 	body table.booked-calendar td .date .number { width:30px; height:30px; line-height:30px; font-size:14px; }
    13. 

  13. }
    14. 

  14. 

  15. @media screen and (max-width:860px){
    16. 

  16. 

  17. 	body #booked-profile-page .booked-profile-appt-list { float:none; width:100%; margin:0 0 30px }
    18. 

  18. 	body #booked-profile-page #profile-edit { float:none; width:100%; margin:0 }
    19. 

  19. 	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block { float:right; margin:6px 0 0 0; }
    20. 

  20. 

  21. }
    22. 

  22. 

  23. @media screen and (max-width:720px){
    24. 

  24. 

  25. 	body .booked-calendar-wrap table.booked-calendar thead th { font-size:1rem; padding:1.15rem 0 !important; height:1rem; }
    26. 

  26. 	body .booked-calendar-wrap table.booked-calendar thead tr.days th { font-size:0.7rem; padding:0.5rem 0 !important; height:auto; }
    27. 

  27. 	body .booked-calendar-wrap table.booked-calendar td { font-size:13px; }
    28. 

  28. 	body .booked-calendar-wrap table.booked-calendar thead th .page-left,
    29. 

  29. 	body .booked-calendar-wrap table.booked-calendar thead th .page-right { font-size:1rem; margin-top:-0.5rem; }
    30. 

  30. 	body .booked-calendar-wrap table.booked-calendar thead th .page-left:hover { left:19px; }
    31. 

  31. 	body .booked-calendar-wrap table.booked-calendar thead th .page-right:hover { right:19px; }
    32. 

  32. 	body .booked-calendar-wrap table.booked-calendar th .monthName { height:auto; display:inline-block; }
    33. 

  33. 	body .booked-calendar-wrap table.booked-calendar th .monthName a { top:-2px; font-size:10px; }
    34. 

  34. 

  35. 	body .booked-calendar-wrap table.booked-calendar td .count { display:none; }
    36. 

  36. 	body .booked-calendar-wrap table.booked-calendar td .date { height:100%; }
    37. 

  37. 

  38. 	body .booked-calendar-wrap table.booked-calendar td .date .number { border:none; display:block; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; transform:scale(1); width:100%; height:100%; vertical-align: middle; }
    39. 

  39. 	body .booked-calendar-wrap table.booked-calendar td.blur .date,
    40. 

  40. 	body .booked-calendar-wrap table.booked-calendar td.blur:hover .date { cursor:default; background:#EEEEEE; color:#ccc; }
    41. 

  41. 	body .booked-calendar-wrap table.booked-calendar td.booked .date,
    42. 

  42. 	body .booked-calendar-wrap table.booked-calendar td.booked:hover .date { cursor:default; background:#FFE4DF; color:#F15934; }
    43. 

  43. 	body .booked-calendar-wrap table.booked-calendar td.today .date { background:#e3f2f9; color:#555; }
    44. 

  44. 	body .booked-calendar-wrap table.booked-calendar td.today:hover .date { background:#eff7fb; color:#555; }
    45. 

  45. 	body .booked-calendar-wrap table.booked-calendar td:hover .date { background:#f9f9f9; cursor:pointer; color:#000; }
    46. 

  46. 	body .booked-calendar-wrap table.booked-calendar tr.week td.active .date .number { border:none; transform:scale(1.5); background:none; color:#000; }
    47. 

  47. 

  48. 	body .booked-calendar-wrap table.booked-calendar tr.entryBlock td { padding:5%; }
    49. 

  49. 	body .booked-calendar-wrap table.booked-calendar .booked-appt-list { max-height:300px; overflow-y:auto; overflow-x:hidden; padding:15px 20px 10px; }
    50. 

  50. 	body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list { max-height:300px; }
    51. 

  51. 	body table.booked-calendar .booked-appt-list h2 { text-align:center; margin:5px 0 20px; font-size:15px; letter-spacing:0.03em; }
    52. 

  52. 	body table.booked-calendar .booked-appt-list h2 span { display:none; }
    53. 

  53. 	body table.booked-calendar .booked-appt-list .timeslot { border-top:0; margin:0 0 10px;  }
    54. 

  54. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-time,
    55. 

  55. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-count { display:none; }
    56. 

  56. 	body table.booked-calendar .booked-appt-list .timeslot button .spots-available,
    57. 

  57. 	body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available { display:block; }
    58. 

  58. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
    59. 

  59. 	body .booked-calendar-wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title { display:block; }
    60. 

  60. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people, body table.booked-calendar .booked-appt-list .timeslot .timeslot-people:hover,
    61. 

  61. 	body table.booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people, body table.booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people:hover { width:100%; padding:0; height:auto; }
    62. 

  62. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button { white-space:normal; float:none; margin:0; width:100%; text-align:center; padding:7px 0; line-height:1.5; }
    63. 

  63. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot { display:block; font-weight:600; font-size:13px; }
    64. 

  64. 	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text { display:none; }
    65. 

  65. 

  66. 	body .booked-calendar-wrap table.booked-calendar td.prev-date .date,
    67. 

  67. 	body .booked-calendar-wrap table.booked-calendar td.prev-date:hover .date { cursor:default; background:#f9f9f9; color:#bbb; }
    68. 

  68. 	body .booked-calendar-wrap table.booked-calendar td.blur .date,
    69. 

  69. 	body .booked-calendar-wrap table.booked-calendar td.blur:hover .date { cursor:default; background:#eee; color:#ddd; }
    70. 

  70. 	body .booked-calendar-wrap table.booked-calendar td.booked .date,
    71. 

  71. 	body .booked-calendar-wrap table.booked-calendar td.booked:hover .date { cursor:default; background:#ffeae7; color:#f0b1a1; }
    72. 

  72. 	body .booked-calendar-wrap table.booked-calendar tr.week td.active .date,
    73. 

  73. 	body .booked-calendar-wrap table.booked-calendar tr.week td.active:hover .date { background:#ddd; }
    74. 

  74. 

  75. 	body #booked-profile-page .result-section.table-layout { padding:10px 0; }
    76. 

  76. 	body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img { top:46px; left:12px; }
    77. 

  77. 	body #booked-profile-page .booked-tabs li,
    78. 

  78. 	body #booked-profile-page .booked-tabs li.edit-button { display:block; float:none; }
    79. 

  79. 	body #booked-profile-page .booked-tabs li a,
    80. 

  80. 	body #booked-profile-page .booked-tabs li.edit-button a { border-left:none; border-right:none; }
    81. 

  81. 

  82. 	body .booked-modal { padding:0; margin:0 !important; top:0; }
    83. 

  83. 	body .booked-modal .bm-window,
    84. 

  84. 	body .booked-modal .bm-window p.booked-title-bar { border-radius:0 !important; }
    85. 

  85. 

  86. 	body .booked-modal .bm-window { width:100%; padding:43px 0 0; box-sizing:border-box; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
    87. 

  87. 	body .booked-modal .bm-window .booked-scrollable { padding:30px 35px; }
    88. 

  88. 	body .booked-modal .bm-overlay { background:rgba(0, 0, 0, 0.8); }
    89. 

  89. 	body .booked-modal .bm-window p.name b { display:block; }
    90. 

  90. 

  91. 	body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
    92. 

  92. 	body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot { display:none; }
    93. 

  93. 

  94. }
    95. 

  95. 

  96. @media screen and (max-width:600px){
    97. 

  97. 

  98. 	body.booked-noScroll { position:fixed; height:100%; }
    99. 

  99. 

  100. 	body .booked-modal input[type=submit] { margin:0 10px 10px 0; float:none; }
    101. 

  101. 	body .booked-modal .button { width:100%; float:none; }
    102. 

  102. 

  103. 	body .booked-calendarSwitcher { width:100%; display:block; padding:8px 5px; }
    104. 

  104. 	body .booked-calendarSwitcher i.booked-icon { display:none; }
    105. 

  105. 	body .booked-calendarSwitcher select { width:100%; }
    106. 

  106. 

  107. 	body table.booked-calendar td .date .number { font-size:12px; }
    108. 

  108. 

  109. 	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block { display:block; float:none; margin:0 0 10px; }
    110. 

  110. 	body #profile-edit #booked-page-form p.form-nickname,
    111. 

  111. 	body #profile-edit #booked-page-form p.form-email,
    112. 

  112. 	body #profile-edit #booked-page-form p.form-url,
    113. 

  113. 	body #profile-edit #booked-page-form p.form-password { float:none; width:100%; }
    114. 

  114. 

  115. 	body .booked-modal #customerChoices .field { display:block; float:none; margin:5px 0; }
    116. 

  116. 

  117. }
    118. 

  118. 

  119. @media screen and (max-width:450px){
    120. 

  120. 

  121. 	body .booked-list-view .booked-appt-list h2 strong { display:block; margin:0 auto; }
    122. 

  122. 	body .booked-list-view .booked-appt-list h2 span:last-child { display:none; }
    123. 

  123. 	body .booked-list-view .booked-appt-list .timeslot { border-top:0; margin:0 0 10px;  }
    124. 

  124. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
    125. 

  125. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-count { display:none; }
    126. 

  126. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-people { width:100%; padding:0; height:auto; }
    127. 

  127. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button { float:none; margin:0; width:100%; text-align:center; padding:7px 0; line-height:1.5; }
    128. 

  128. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot { display:block; font-weight:600; font-size:13px; }
    129. 

  129. 	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text { display:none; }
    130. 

  130. 	body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title { display:block; }
    131. 

  131. 	body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people { height:auto; padding:0; }
    132. 

  132. 

  133. }
    134.