Color adjustments
This commit is contained in:
parent
81cfe6a16d
commit
3a77c07c5c
3 changed files with 28 additions and 28 deletions
|
@ -426,7 +426,7 @@ body legend {
|
||||||
}
|
}
|
||||||
|
|
||||||
#existing-customers-list div:hover {
|
#existing-customers-list div:hover {
|
||||||
background: #3DD481;
|
background: #429a82;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -19,7 +19,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #CAEDF3;
|
background-color: #f1f3f3;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
|
@ -37,7 +37,7 @@ body {
|
||||||
------------------------------------------------------------------------------ */
|
------------------------------------------------------------------------------ */
|
||||||
#book-appointment-wizard {
|
#book-appointment-wizard {
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
box-shadow: 0px 1px 1px #B6B6B6;
|
box-shadow: 0 1px 1px #e6e6e6;
|
||||||
min-height: 480px;
|
min-height: 480px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -47,8 +47,7 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
background: #3DD481;
|
background: #429a82;
|
||||||
border-bottom: 4px solid #c0f1d6;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -56,13 +55,14 @@ body {
|
||||||
#book-appointment-wizard #company-name {
|
#book-appointment-wizard #company-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
font-weight: light;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
margin: 0 10px 0 15px;
|
margin: 0 10px 0 15px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#book-appointment-wizard #steps {
|
#book-appointment-wizard #steps {
|
||||||
width: 180px;
|
width: 200px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
@ -102,37 +102,37 @@ body {
|
||||||
|
|
||||||
#book-appointment-wizard .book-step {
|
#book-appointment-wizard .book-step {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 25px;
|
height: 35px;
|
||||||
width: 25px;
|
width: 35px;
|
||||||
float: left;
|
float: left;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
padding: 1px;
|
padding: 8px;
|
||||||
margin-right: 10px;
|
margin-right: 12px;
|
||||||
margin-top: 10px;
|
margin-top: 5px;
|
||||||
border: 3px solid #79e2a8;
|
border-radius: 8px;
|
||||||
|
transition: all .2s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
#book-appointment-wizard .book-step strong {
|
#book-appointment-wizard .book-step strong {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #A9C5BB;
|
color: #a2b9b3;
|
||||||
}
|
}
|
||||||
|
|
||||||
#book-appointment-wizard .active-step {
|
#book-appointment-wizard .active-step {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 35px;
|
height: 45px;
|
||||||
width: 35px;
|
width: 45px;
|
||||||
float: left;
|
float: left;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
padding: 1px;
|
padding: 8px;
|
||||||
margin-right: 10px;
|
margin-right: 12px;
|
||||||
margin-top: 5px;
|
margin-top: 0;
|
||||||
border: 3px solid #c0f1d6;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#book-appointment-wizard .active-step strong {
|
#book-appointment-wizard .active-step strong {
|
||||||
color: #4cc281;
|
color: #429a82;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -155,7 +155,7 @@ body {
|
||||||
|
|
||||||
#book-appointment-wizard #available-hours .available-hour:hover {
|
#book-appointment-wizard #available-hours .available-hour:hover {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: #CAEDF3;
|
background-color: #f1f3f3;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -74,7 +74,7 @@ body .ui-dialog #error-technical {
|
||||||
}
|
}
|
||||||
|
|
||||||
body .ui-widget.ui-widget-content {
|
body .ui-widget.ui-widget-content {
|
||||||
border: 1px solid #3DD481;
|
border: 1px solid #429a82;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,7 +84,7 @@ body #ui-datepicker-div {
|
||||||
|
|
||||||
body .ui-datepicker .ui-widget-header {
|
body .ui-datepicker .ui-widget-header {
|
||||||
border: none;
|
border: none;
|
||||||
background: #3DD481;
|
background: #429a82;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -98,7 +98,7 @@ body .ui-datepicker .ui-datepicker-title {
|
||||||
}
|
}
|
||||||
|
|
||||||
body .ui-datepicker th {
|
body .ui-datepicker th {
|
||||||
background: #3DD481;
|
background: #429a82;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -120,7 +120,7 @@ body .ui-datepicker td span {
|
||||||
html body .ui-datepicker td a.ui-state-active {
|
html body .ui-datepicker td a.ui-state-active {
|
||||||
color: #FFF !important;
|
color: #FFF !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
background: #3DD481 !important;
|
background: #429a82 !important;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
@ -159,8 +159,8 @@ body .ui-datepicker .ui-datepicker-next-hover {
|
||||||
|
|
||||||
body .ui-datepicker .ui-slider-handle {
|
body .ui-datepicker .ui-slider-handle {
|
||||||
border-radius: none;
|
border-radius: none;
|
||||||
border-color: #3DD481;
|
border-color: #429a82;
|
||||||
background-color: #3DD481;
|
background-color: #429a82;
|
||||||
}
|
}
|
||||||
|
|
||||||
body .ui-priority-primary,
|
body .ui-priority-primary,
|
||||||
|
|
Loading…
Reference in a new issue