salonbookingsystem

Salon Booking System - CSS style

Mar 17th, 2022
245
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*MAIN CONTAINER*/
  2.  
  3. .page-id-10 #sln-salon{ font-family: 'Roboto', sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 1px 2px 6px 2px rgba(219,219,219,0.77); box-shadow: 1px 2px 6px 2px rgba(219,219,219,0.77);background: #fbfdff; border:none;}
  4.  
  5. /*form container*/
  6. .page-id-10 #sln-salon > form{margin-top:0px;}
  7.  
  8. /*Step title*/
  9.  
  10. .page-id-10 #sln-salon h2.sln-salon-title{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.6rem;}
  11.  
  12. /*Step sub-title*/
  13.  
  14. .page-id-10 #sln-salon .salon-step-title{font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1rem;}
  15.  
  16. /*Services list container*/
  17.  
  18. .sln-service-list{margin-bottom:30px;}
  19.  
  20. /*Service card*/
  21.  
  22. .page-id-10 #sln-salon .sln-service{margin-top:0; margin-bottom:0px;    border-bottom: 1px solid #dedede; padding: 30px 0 30px 0px;}
  23.  
  24.  
  25. /*Service name*/
  26.  
  27. #sln-salon h3.sln-steps-name.sln-service-name{font-weight:600; font-size:1em;margin-bottom: 3px; color: #054A91;}
  28.  
  29. /*Service price*/
  30.  
  31. .page-id-10 #sln-salon h3.sln-steps-price.sln-service-price{color: #054A91; font-weight:600; font-size:1em;}
  32.  
  33. /*Service description*/
  34.  
  35. .page-id-10 #sln-salon .sln-service-description{margin-top:0; margin-bottom:0px;}
  36.  
  37. #sln-salon .sln-service-description p{color: #3E7CB1; font-size:0.9rem; margin-block-start: 0em;}
  38.  
  39. /*Service duration*/
  40.  
  41. .page-id-10 #sln-salon .sln-steps-duration{    font-weight: 600;     font-family: 'Open Sans';    font-size: 01rem; color: #81A4CD;}
  42.  
  43. /*Subtotal label*/
  44.  
  45. .page-id-10 #sln-salon h3.sln-total-label{color: #81A4CD; font-weight:600;}
  46.  
  47.  
  48. /*Subtotal value*/
  49.  
  50. .page-id-10 #sln-salon .sln-total-price{color: #054A91; font-weight:700;}
  51.  
  52.  
  53. /*“Next step” button*/
  54.  
  55. .page-id-10 #sln-salon .sln-btn--emphasis{    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  56. .page-id-10 #sln-salon .sln-btn--medium button{font-weight:600;}
  57.  
  58. /*“Back” button*/
  59.  
  60. #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left{}
  61.  
  62. /*Error alert message*/
  63.  
  64. #sln-salon .sln-alert.sln-alert--general.sln-alert--problem{}
  65.  
  66.  
  67.  
  68.  
  69. /*ASSISTANT SELECTION*/
  70.  
  71. /*Assistant list container*/
  72.  
  73. #sln-salon .sln-attendant-list{}
  74.  
  75. /*Assistant card container*/
  76.  
  77. .page-id-10 #sln-salon .sln-attendant{margin-top:0; margin-bottom:0px;    border-bottom: 1px solid #dedede; padding: 10px 0 10px 0px;}
  78.  
  79.  
  80. /*Assistant name*/
  81.  
  82. #sln-salon  h3.sln-steps-name.sln-attendant-name{font-weight:600; font-size:1em; color: #054A91;}
  83.  
  84. /*Assistant description*/
  85.  
  86. .page-id-10 #sln-salon .sln-attendant-list .sln-attendant-description{margin-top:0; margin-bottom:0px;}
  87.  
  88. .page-id-10 .sln-attendant .sln-attendant-description p, #sln-salon .sln-attendant .sln-attendant-description p{color: #3E7CB1; font-size:0.9rem; margin-block-start: 0em;}
  89.  
  90.  
  91.  
  92.  
  93. /*DATE AND TIME SELECTION*/
  94.  
  95.  
  96. /*Calendar container*/
  97.  
  98. .page-id-10 #sln-salon .datetimepicker.sln-datetimepicker{background:transparent;}
  99.  
  100.  
  101. /*Time picker container*/
  102.  
  103. #sln-salon .sln-input--datepicker{}
  104.  
  105. /*Day, Month, date, year*/
  106.  
  107. #sln-salon #sln_timepicker_viewdate{}
  108.  
  109. /*Slots container*/
  110.  
  111. #sln-salon #sln_time{}
  112.  
  113.  
  114. /*CHECKOUT FORM*/
  115.  
  116. /* login block*/
  117.  
  118. .page-id-10 #sln-salon #salon-step-details{border-bottom: 1px solid #dedede;}
  119.  
  120. /* new user fields block */
  121. .page-id-10 #sln-salon #salon-step-details-new{margin-top:40px;}
  122.  
  123. /*Input label*/
  124.  
  125. .page-id-10 #sln-salon .sln-input label{font-family: 'Open Sans'; font-weight: 400; padding:0px; color:#81A4CD;}
  126.  
  127. /*Input text field*/
  128.  
  129. .page-id-10 #sln-salon .sln-input input[type="text"],.page-id-10 #sln-salon .sln-input input[type="password"],.page-id-10 #sln-salon .sln-input input[type="email"] {    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  130.  
  131. /*Forgot password*/
  132.  
  133.  
  134. #sln-salon .sln-input .help-block{}
  135.  
  136. /* SUMMARY STEP*/
  137.  
  138.  
  139. /*Booking details labels*/
  140.  
  141.  
  142. .page-id-10 #sln-salon .sln-summary-row .label{font-family: 'Open Sans'; font-weight: 400; color:#609bbd;}
  143.  
  144.  
  145. /*Booking details values*/
  146.  
  147. .page-id-10 #sln-salon .sln-summary-row .sln-data-val{color:#054A91;}
  148.  
  149. /* Booked services list*/
  150.  
  151. .page-id-10 #sln-salon .sln-summary  ul.sln-list--dashed li{font-weight:700;}
  152.  
  153. /*Booking total amount label*/
  154.  
  155. .sln-total-label{}
  156.  
  157. /*Booking total amount value*/
  158.  
  159. .sln-total-price{}
  160.  
  161.  
  162. /*Terms & Condition text block*/
  163.  
  164. .page-id-10 #sln-salon .sln-summary__terms p{color:#3E7CB1;}
  165.  
  166.  
  167. /*LAST STEP*/
  168.  
  169. /*Booking confirmation block*/
  170.  
  171. #sln-salon .sln-thankyou--okbox{}
  172.  
  173. /*Booking status message block*/
  174.  
  175. h2.sln-icon-wrapper{}
  176.  
  177.  
  178. /*Booking status icon*/
  179.  
  180. #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon{}
  181.  
  182. /*Booking number text*/
  183.  
  184. #sln-salon .sln-thankyou--okbox h3{}
  185.  
  186. /*Booking number value*/
  187.  
  188. #sln-salon .sln-thankyou--okbox h4{}
  189.  
  190. /*Booking final notes*/
  191.  
  192. .page-id-10 #sln-salon .sln-alert p{font-family:'Open Sans'; font-size:0.8em; line-height:1.8em; color:#3E7CB1;}
RAW Paste Data Copied