Catégorie: Opérations courantes

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>