Deltacms/module/agenda/view/index/index.css

139 lines
3.1 KiB
CSS
Raw Normal View History

2022-01-31 09:10:49 +01:00
/* Personnalisation des couleurs de l'agenda <20> associer avec votre th<74>me*/
/**/
2023-12-21 10:51:33 +01:00
/*Bordures ne pas modifier, cette couleur est r<>glable dans la configuration de l'agenda*/
2022-01-31 09:10:49 +01:00
/**/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td,
.fc .fc-row .fc-content-skeleton td {
2023-12-21 10:51:33 +01:00
border-color: var(--grid_color, yellow);
2022-01-31 09:10:49 +01:00
}
/**/
/* Background */
/**/
/* Fond du bandeau boutons de l'agenda, comment<6E> pour conserver la couleur du th<74>me*/
/*
.fc-toolbar {
background-color : #ffffff;
}
*/
/* Fond des cellules de la grille, comment<6E> pour conserver la couleur du th<74>me */
/*
.fc-day {
background-color : #ffffff;
}
*/
/* Fond de la cellule s<>lectionn<6E>e (clic) */
.fc-highlight {
background: #ffff54;
opacity: 0.3;
}
/* Fond de la cellule aujourd'hui */
.fc-unthemed td .fc-today{
2023-12-21 11:59:45 +01:00
/*background-color : #F6F7F8;*/
2022-01-31 09:10:49 +01:00
}
/* Fond du bandeau sup<75>rieur des jours, comment<6E> pour conserver la couleur du th<74>me*/
.fc th {
background-color : #F6F7F8;
}
/**/
/* Textes */
/**/
/* Couleur de la valeur des jours, comment<6E> pour conserver la couleur du th<74>me*/
/*table td {
color: rgba(33, 34, 35, 1);
}*/
/* Opacit<69> pour les jours du mois pass<73> ou futur*/
.fc-day-top.fc-other-month{
opacity: 0.3;
}
/* Nom des jours dans la ligne sup<75>rieure, comment<6E> pour conserver la couleur du th<74>me*/
table th{
color: rgba(33, 34, 35, 1);
/*font-weight: normal;*/
font-size: 1em;
}
/* font-size des jours dans la ligne sup<75>rieure et du mois dans le titre en petit <20>cran */
2023-01-11 11:49:04 +01:00
@media (max-width: 799px) {
2022-01-31 09:10:49 +01:00
.fc-center h2{
font-size: 1.2em;
text-align: center;
}
table th{
font-size: 8px;
}
.fc-button {
font-size: 10px !important;
}
}
/**/
/* Boutons */
/**/
/* Couleurs bouton et texte non actif*/
.fc-button-primary {
color: #fff;
background-color: #2C3E50;
border-color: #2C3E50;
}
/* Couleurs bouton et texte (non actif) au survol */
.fc-button-primary:hover {
color: #fff;
background-color: #1a252f;
border-color: #1a252f;
}
/* Contour des boutons 'Aujourd'hui' et d<>filement apr<70>s s<>lection*/
.fc-button-primary:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
/* Bouton 'Aujourd'hui' quand ce jour est affich<63> dans la grille */
.fc-today-button.fc-button.fc-button-primary:disabled {
/* color: #0000ff; /* color et background-color inop<6F>rant <20> cause de !important sur ces param<61>tres pour button::disabled dans common.css*/
/* background-color: #ff0000; */
border-color: #ff0000;
}
/* Bouton mois ou semaine actif (s<>lectionn<6E>) */
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
color: #fff;
background-color: #151e27;
border-color: #151e27;
}
/* Contour des boutons mois et semaine*/
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}