Changer les couleurs pour l'intégration de mikrono
Vous trouverez ci-dessous les classes CSS à modifier.
<style>
#mikrono .appDetails [class ^="icon-"] , #mikrono .x-customerAppsView .custAppType,
#mikrono .custNextAppointments
{
color:inherit !important;
}
#mikrono .x-form-group-label, #mikrono .x-form-cb-label {
pointer-events: none;
}
#mikrono input[type='radio'] {
height: 15px !important;
width: 50px !important;
line-height: 15px !important;
}
#mikrono input {
padding: 5px !important;
}
#mikrono .custSelectCustomer, #mikrono .custSelectOwner {
background: rgba(255,255,255,0.5) !important;
}
#mikrono.custMikronoLoggedIn {
box-shadow: 0px 0px 10px 0px rgb(136, 136, 136) !important;
padding: 20px !important;
background: rgba(255,255,255,0.2) !important;
}
#mikrono .customerLabel {
color: white !important;
}
#mikrono .custStepHeader {
color: white !important;
}
#mikrono .custOdd, #mikrono .custEven {
background: rgba(255,255,255,0.2) !important;
}
#mikrono {
color: white !important;
font-family: Montserrat !important;
}
.custFormHeader, .custQuestion {
font-weight: 300 !important;
font-size: 1.2em !important;
color: inherit !important;
}
#mikrono .custWarningContainer {
background: transparent !important;
}
.custOnlineAgenda {
color: white !important;
}
#mikrono .custSummaryValue, #mikrono .freeslotList .custAppDate{
color:inherit !important;
border-color: white !important;
}
#mikrono .x-view-item-over, #mikrono .custAppDate{
background-color: #a91a1a !important;
}
#mikrono .x-view {
background-color:transparent !important;
}
#mikrono .custAskButton, #mikrono .custBookButton, #mikrono .custQuit, #mikrono .custModifyPw, #mikrono .custHelp, #mikrono .custButton, #mikrono .custConfirmButton, #mikrono .custAnswerButton, #mikrono .gwt-Button, #mikrono .freeslotList .x-customerAppsView:hover {
background-color: rgba(0,0,0,0.2) !important;
}
#mikrono .custAskButton:hover, #mikrono .custBookButton:hover, #mikrono .custQuit:hover, #mikrono .custModifyPw:hover, #mikrono .custHelp:hover, #mikrono .custButton:hover, #mikrono .custConfirmButton:hover, #mikrono .custAnswerButton:hover, #mikrono .gwt-Button:hover, #mikrono .freeslotList .x-customerAppsView:hover
{
background-color: #a91a1a !important;
}
#mikrono td {
padding: 5px !important;
}
#mikrono .x-panel-header {
background-color : #a91a1a !important;
}
#mikrono a {
color: yellow !important;
}
#mikrono label {
color: white !important;
}
#mikrono .x-panel-body {
border-color: #a91a1a !important;
padding: 10px !important;
background: rgba(255,255,255,0.2) !important;
}
.custErrorMessage {
color: white !important;
background: #a91a1a !important;
display: inline-block !important;
}
</style>