193 lines
4.3 KiB
CSS
193 lines
4.3 KiB
CSS
/**
|
||
* This file is part of Zwii.
|
||
*
|
||
* For full copyright and license information, please see the LICENSE
|
||
* file that was distributed with this source code.
|
||
*
|
||
* @author Rémi Jean <remi.jean@outlook.com>
|
||
* @copyright Copyright (C) 2008-2018, Rémi Jean
|
||
* @copyright Module Zwii développé initialement par Sylvain Lelièvre until version 4.6
|
||
* @author Frédéric Tempez <frederic.tempez@outlook.com>
|
||
* @copyright Copyright (C) 2018-2024, Frédéric Tempez
|
||
* @license CC Attribution-NonCommercial-NoDerivatives 4.0 International
|
||
* @link http://zwiicms.fr/
|
||
*/
|
||
|
||
/* taille du wrapper */
|
||
#index_wrapper {
|
||
margin:0 auto;
|
||
}
|
||
|
||
/**/
|
||
/*Bordures */
|
||
/**/
|
||
|
||
.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 {
|
||
border-color: #ddd;
|
||
}
|
||
|
||
/**/
|
||
/* 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{
|
||
background-color : #F6F7F8;
|
||
}
|
||
|
||
/* 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 */
|
||
@media (max-width: 768px) {
|
||
.fc-center h2{
|
||
font-size: 1.2em;
|
||
}
|
||
table th{
|
||
font-size: 8px;
|
||
}
|
||
}
|
||
|
||
/**/
|
||
/* 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);
|
||
}
|
||
|
||
|
||
/* Les popup */
|
||
/* Style de base pour le popup */
|
||
#eventPopup {
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
width: 300px;
|
||
padding: 20px;
|
||
background-color: #ffffff;
|
||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
z-index: 1000; /* S'assure que le popup est au-dessus des autres éléments */
|
||
}
|
||
|
||
/* Style du bouton de fermeture */
|
||
.close-btn {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
cursor: pointer;
|
||
font-size: 12px; /* Taille de la croix de fermeture */
|
||
}
|
||
|
||
/* Style pour le titre de l'événement */
|
||
.event-title {
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
/* Style pour les détails de l'événement */
|
||
.event-details {
|
||
font-size: 14px;
|
||
color: #666;
|
||
}
|
||
|