/** * This CSS file was auto-generated via PostCSS * * Contributors should avoid editing this file, but instead edit the associated * src/resources/postcss/ file. For more information, check out our engineering * docs on how we handle CSS in our engineering docs. * * @see: http://moderntribe.github.io/products-engineering/css/ */ /** * The Events Calendar Full Stylesheet * (Some of these styles may override your current theme's styles) * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /*** réglages perso par Jess - commencés le 13.12.18 - Dernière mise à jour: 15.09.25 ***/ span.masquer {display: none !important;} /*** ------------------------------------------------------------ ***/ /*** 1) réglages design du calendrier 1 mois (affichage desktop) ***/ /*** ------------------------------------------------------------ ***/ /* masquer picto pour choisir la vue (de toutes façons j'ai mis que la vue mensuelle) */ .tribe-events-header__events-bar.tribe-events-c-events-bar {display:none;} /* masquer section S'abonner au calendrier */ body.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__container {display:none !important;} /* margin-bottom 48px au dessous du header de l'agenda, pour aérer */ @media only screen and (min-width: 981px) { /* bureau */ .tribe-events-c-top-bar.tribe-events-header__top-bar {margin-bottom: 48px !important;} } /* header agenda: supprimer l'effet hover avec font-weight à 700 */ .tribe-events-c-top-bar.tribe-events-header__top-bar > a:hover {font-weight: initial !important;} /* hauteur "par défaut" d'une ligne (1 semaine) // ça correspond à 4 events // s'il y en a plus, la hauteur s'adapte */ @media (min-width: 768px) { /* bureau et tablette */ .tribe-events-calendar-month__day {min-height: 135px !important;} } /*** réglages des cellules: background, couleurs, polices, border, padding, etc ***/ /** réglages des jours de semaine **/ .tribe-events-calendar-month__header tr {background-color:#ad1111;} .tribe-events-calendar-month__header-column {padding: 0 !important; border-right: 1px solid #960f0f !important;} .tribe-events-calendar-month__header-column:first-child {border-left: 1px solid #960f0f !important;} .tribe-events-calendar-month__header-column-title {text-align: center !important; font-size: 0.75rem !important; font-weight: 500 !important; color: #fdfdfd !important; padding: 0.5em 0 !important;} .tribe-events .tribe-events-calendar-month__header-column {width: 100%;} /** réglages des jours du mois (chiffres) **/ .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date /*futur*/ {background-color: #ce1414; font-size: 0.75rem !important; text-align: center; padding: 4px 9px 6px !important} .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date /*current*/ {background-color:#ad1111;} .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date /*passé*/ {background-color:#de6565;} time.tribe-events-calendar-month__day-date-daynum, time.tribe-events-calendar-month__day-date-daynum a {font-size: 0.75rem !important; line-height: 1.2em !important; color: #fdfdfd !important;} @media only screen and (max-width: 767px) { /* smartphone */ .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date, /*futur*/ .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, /*current*/ .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date /*passé*/ {background-color:transparent;} time.tribe-events-calendar-month__day-date-daynum, time.tribe-events-calendar-month__day-date-daynum a {color: initial !important;} } /** réglages de chaque event (article) **/ article.tribe-events-calendar-month__calendar-event { border-bottom: 1px solid #ce1414 !important; /* rouge CAP */ margin: 0 3% !important; padding: 0 !important; } /* masquer la ligne horaires + picto "récurrent" // masquer les images des events "uniques" */ .tribe-events-calendar-month__calendar-event-datetime, .tribe-events .tribe-events-calendar-month__calendar-event--featured::before, .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured .tribe-events-calendar-month__calendar-event-featured-image-wrapper {display: none;} /* réglage du titre de l'event */ .tribe-events-calendar-month__calendar-event-details .tribe-events-calendar-month__calendar-event-title { text-align: center !important; font-family: sans-serif; font-size: 0.735rem !important; font-weight: 400 !important; line-height: 1.25 !important; padding: 3% !important; } /* couleur du h3 (qui en fait est un lien) = anthracite // hover = rouge CAP */ .tribe-events-calendar-month__calendar-event a {color: #3c3c3b !important;} /* tous les events */ .tribe-events-calendar-month__calendar-event.tribe-recurring-event a:hover {color: #ce1414 !important; font-weight: 400 !important;} /* events récurrents */ .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured a, .tribe-events-calendar-month__calendar-event:not(.cat_events-recurrents) a {font-weight: 700 !important;} /* featured-events */ .tribe-events-calendar-month__calendar-event.tribe-events-calendar-month__calendar-event--featured a:hover, /* featured-events */ .tribe-common .tribe-common-anchor-thin:hover {color: #ce1414 !important; border-bottom: none !important;} .tribe-common .tribe-common-anchor-thin {border-bottom: none;transition: none;} /* tous les events */ /* réglages des titres des events passés */ .tribe-events-calendar-month__day--past article h3 {opacity: 0.5;} /* couleur des h3 des events locataires-appartements-proteges = bleu-gris clair */ a#locataires-appartements-proteges, p.locataires-appartements-proteges, .tribe-events-category-locataires-appartements-proteges .tribe-event-description p {color: #60889b !important;} /* réglage events multi-day */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {margin-bottom: 7.5px !important;} .tribe-events-calendar-month__multiday-event-wrapper article {height: 100% !important;} .tribe-events-calendar-month__multiday-event-bar {border: 1px solid #FFD103 !important;} .tribe-events-calendar-month__multiday-event-bar-inner {background-color: #FFF050 !important;} .tribe-events-calendar-month__multiday-event-bar-title { text-align: center !important; font-family: sans-serif; font-size: 0.735rem !important; font-weight: 400 !important; line-height: 1.25 !important; margin: 0; overflow: hidden; padding: 3px !important; text-transform: none; } /*** réglages des tooltip ***/ /* largeur de la tooltip */ .tribe-events-tooltip-theme { width: 325px !important; max-width: unset !important; background-color: #fdfdfd !important; } /* décaller la tooltip vers la droite, pour une meilleure accessibilité */ .tooltipster-base {margin-left: 150px;} /* très grands écrans */ @media (max-width: 1200px) {.tooltipster-base { margin-left: 12.5vw;}} /* désactiver le lien du titre dans la tooltip */ .tooltipster-base a.tribe-events-calendar-month__calendar-event-tooltip-title-link {pointer-events: none;} /* masquer picto à droite/gauche de la date, qui représente les events récurrents/en série/mis en avant */ .tooltipster-base .tribe-events-calendar-month__calendar-event-tooltip-datetime a.tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-link, .tooltipster-base span.tribe-events-calendar-series-archive__container, .tooltipster-base .tribe-events-calendar-month__calendar-event-tooltip-datetime em.tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-icon, .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-featured-icon {display: none;} /* hauteur fixe image pour les featured-events */ .tooltipster-base .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper img {height: 150px !important; width: auto !important;} /*** réglages agenda sur smartphone ***/ @media only screen and (max-width: 767px) { /* smartphone */ .tribe-events-calendar-month__body .tribe-events-calendar-month__day { border-color: #e4e4e4 !important; border-style: solid !important; border-width: 0 1px 1px 0 !important; border-radius: 0 !important; } .tribe-events-calendar-month__body .tribe-events-calendar-month__week {border-left: 1px solid #e4e4e4 !important;} .tribe-events-calendar-month__day h3.tribe-events-calendar-month__day-date {width: 100% !important;padding: 2px 9px !important;} .tribe-events-calendar-month__mobile-events-icon {margin-top: 7.5px !important;} } /* liste "LES ACTIVITÉS RÉGULIÈRES" - réglages */ body.post-type-archive-tribe_events .tribe-events-after-html {margin-top: 80px !important;} .tribe-events-after-html p, .tribe-events-before-html p {margin-bottom: 10px; padding-bottom: 1em !important;} /* liste des "prochains évènements": style-1 sur bureau / style-2 sur mobile @media only screen and (min-width: 981px) { bureau #prochains-events-page-agenda {display: block !important; margin-top: 48px;} #prochains-events-page-agenda-mobile {display: none !important;} } @media only screen and (max-width: 980px) { tablette et smartphone #prochains-events-page-agenda {display: none !important;} #prochains-events-page-agenda-mobile {display: block !important; margin-top: 48px;} }*/ /*** ------------------------------------------------------------ ***/ /*** 2) réglages affichage de 1 event ***/ /*** ------------------------------------------------------------ ***/ /* remettre le "template" à 100% de largeur (idem modules etc) */ #tribe-events-pg-template { margin: 0 auto; max-width: 1080px; padding: 4rem 0; } /* réglages de la div qui contient tout le contenu de l'event (titre, image, description, meta)... par défaut, à certaines largeur d'écran, c'est en largeur 100%, et c'est vraiment moche! */ @media only screen and (min-width: 981px) { /* bureau */ #tribe-events-content.tribe-events-single { padding-right: 300px; /* pour réduire la largeur du bloc */ position: relative; width: 100% !important; margin: 48px auto !important; } } .tribe-events-single-event-description.tribe-events-content hr { width: 100% !important; height: 2px !important; background-color: #ce1414 !important; margin-bottom: 2rem !important; } /* hauteur max de l'image à la une = 500px (par défaut, c'était en largeur = 100% de la div = beaucoup trop grand!) */ @media only screen and (min-width: 768px) { /* bureau et tablette */ .tribe-events-event-image img {max-height: 500px;width: auto;} .single-tribe_events .tribe-events-event-image {margin-bottom: 10px !important;} p.legende {font-style: italic; opacity: 0.7;} .tribe-events-single-event-description.tribe-events-content {margin-top: 3em;} } /* réglage du lien "voir toutes les activités similaires" en dessous de l'event de certaines catégories */ a.liens-activites-similaires { color: #ce1414 !important; font-weight: 500 !important; font-size: 1.625rem !important; line-height: 1.2em !important; display: block; margin-top: 1.8em; border: none !important; } .tooltipster-base a.liens-activites-similaires {font-size: 1.375rem !important;} a.liens-activites-similaires:hover {font-weight: 700 !important;} @media only screen and (max-width: 767px) { /* smartphone */ a.liens-activites-similaires {font-size: 1.0925rem !important;} } /* réglages des boutons (me 9-11) */ .tribe-events-content a.et_pb_button.me-9-11-inscriptions { color: #fdfdfd !important; background-color: #ce1414 !important; border: 2px solid #ce1414 !important; font-weight: 500 !important; } .tribe-events-content a.et_pb_button.me-9-11-inscriptions:hover { color: #ce1414 !important; background-color: transparent !important; } /* réglages de la section méta */ .tribe-events-event-meta::before, .tribe-events-event-meta ~ div:not(.tribe-events-event-meta, .event-tickets) {border-top: none;} .tribe-events-event-meta.primary {width: 100% !important; margin-top: 48px; background-color: #e5e5e5 !important;} .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {width: 50% !important; float: left; padding: 24px; margin: 0;} @media only screen and (max-width: 767px) { /* smartphone */ .tribe-events-event-meta.primary {display: block;} .tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {width: 100% !important; padding-top: 0px} } .tribe-events-event-meta dd, .tribe-events-event-meta dt, .tribe-events-event-meta dl {line-height: 1.2em; margin-bottom:0;} /* lien "catégorie" dans la boite des métas: couleur idem texte */ .tribe-events-event-categories a {color: #141827 !important;} .tribe-events-event-categories a:hover {color: #ce1414 !important;} /* lien "lieu" dans la boite des métas: désactivé + design idem texte */ dd.tribe-venue a {pointer-events: none; color: #141827 !important; font-weight: 700 !important;} #tribe-events-footer {border-top: none;} /* masquer les lignes relatives aux "séries" */ .tribe-events-event-meta dt.tec-events-pro-series-meta-detail--label, .tribe-events-event-meta dd.tec-events-pro-series-meta-detail--link {display: none !important;} /* masquer la div contenant le prix (originalement sur la ligne date+heure) (inutile et très moche!) */ .single-tribe_events .tribe-events-schedule .tribe-events-cost {display: none !important;} /* masquer la div contenant la mention "Récurrent Évènement (Voir tous les événements)" (inutile et très moche!) */ .single-tribe_events .tribe-events-series-relationship-single-marker {display: none !important;} /* masquer la div contenant les liens vers l'event précédent / suivant (pas pertinent car ça affiche les events récurrents = amènent sur les pages) */ #tribe-events-footer .tribe-events-sub-nav {display: none !important;} #ect-events-list-content .ect-featured-event .ect-list-date .ect-date-area, #ect-events-list-content .ect-simple-event .ect-list-date .ect-date-area {color: #ffffff !important;} /*** réglages de la div contenant le bouton Partager (Facebook) - plugin Social Warfare ***/ .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) { max-width: 25% !important; float: right !important; } .swp_social_panel:not(.swp_social_panelSide) .total_shares.total_sharesalt .swp_count { min-width: 50px !important; } .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) a { color: #ffffff !important; /* blanc */ }