/
Voici un exemple de css custom pour le theme margot, il agit sur les variables css non personnalisables dans le theme et permet de faire des css sur mesure.
Chaque ligne ci-dessous est à décommenter pour etre utilisée
Pour en savoir plus, voyez la documentation sur https://yeswiki.net/?DocumentationThemeMargot
/
/ :root { /
/
/
body {
.yw-main-content {
.page {
.yeswiki-page-comments {
form id=post-comment {
/
/
.menupage {
.carte_accueil {
.carte_accueil a:hover {
.planfoy {
.planfoy img {
.planfoy h3 {
.genest {
.genest img {
.genest h3 {
.autre {
.autre img {
.autre h3 {
/
/
.autre .fade-carousel .slides .slide-img {
.item .slide-img {
.fade-carousel {
.hero {
.carousel-indicators {
/
/
.BAZ_label {
.BAZ_cadre_fiche .field-radio{
/ Apparence des actualités-blog : cache la date pour le tri /
.BAZ_cadre_fiche.id3 .field-listedatedeb {
.BAZ_cadre_fiche.id6 .field-listedatedeb {
/
/
.cols1 .bazar-entry {
.cols1 .bazar-entry img {
/ Si les lignes ci-dessous sont décommentées, les actus de Planfoy sont avec fond vert et celles de St Genest fond jaune sur la page Actus /
/ .cols1 .bazar-entry[data-id_typeannonce="6"] {background-color:cornsilk;} .cols1 .bazar-entry[data-id_typeannonce="3"] {background-color:honeydew;} /
/
/
.fc-event-container a {
/ Apparence du calendrier: cache l'affichage du champ agenda du formulaire dans la vue /
.BAZ_cadre_fiche.id2 .field-liste {
.BAZ_cadre_fiche.id2 .field-listedatedeb .BAZ_label {
/ Apparence du puits /
.well {
/ :root { /
/
/
body {
- background-color: silver;
.yw-main-content {
- background-color: whitesmoke;
- /
- /
.page {
- background-color: white;
- padding: 20px;
- margin: 20px;
.yeswiki-page-comments {
- display : none;
form id=post-comment {
- display:none;
/
/
.menupage {
- text-align: justify;
.carte_accueil {
- /margin: 5px;/
.carte_accueil a:hover {
- text-decoration: none;
.planfoy {
- background-color: honeydew; /palegreen;/
- text-align: center;
- padding-bottom: 10px;
.planfoy img {
- width: 100%;
.planfoy h3 {
- margin-top: 0px;
- color: grey;
.genest {
- background-color: cornsilk;/lightgoldenrodyellow;/
- text-align: center;
- padding-bottom: 10px;
.genest img {
- width: 100%;
.genest h3 {
- margin-top: 0px;
- color: grey;
.autre {
- background-color: aliceblue;
- text-align: center;
- padding-bottom: 10px;
.autre img {
- width: 100%;
.autre h3 {
- margin-top: 0px;
- color: grey;
/
/
.autre .fade-carousel .slides .slide-img {
- height: 60vh;
- background-size: contain;
- background-position: center center;
- background-repeat: no-repeat;
- background-color: white;
- border: 5px solid aliceblue;
.item .slide-img {
- max-height: 240px;
.fade-carousel {
- max-height: 240px;
.hero {
- display: none;
.carousel-indicators {
- display: none;
/
/
.BAZ_label {
- display: none;
.BAZ_cadre_fiche .field-radio{
- display: none;
/ Apparence des actualités-blog : cache la date pour le tri /
.BAZ_cadre_fiche.id3 .field-listedatedeb {
- display: none;
.BAZ_cadre_fiche.id6 .field-listedatedeb {
- display: none;
/
/
.cols1 .bazar-entry {
- background-color: whitesmoke;
- border-width: 2px;
- border-color: : grey;
- margin-bottom: 20px;
- padding: 8px;
- box-shadow: 5px 5px 5px silver;
- border-radius: 20px;
.cols1 .bazar-entry img {
- border-radius: 15px;
/ Si les lignes ci-dessous sont décommentées, les actus de Planfoy sont avec fond vert et celles de St Genest fond jaune sur la page Actus /
/ .cols1 .bazar-entry[data-id_typeannonce="6"] {background-color:cornsilk;} .cols1 .bazar-entry[data-id_typeannonce="3"] {background-color:honeydew;} /
/
/
.fc-event-container a {
- color: grey;
/ Apparence du calendrier: cache l'affichage du champ agenda du formulaire dans la vue /
.BAZ_cadre_fiche.id2 .field-liste {
- display: none;
.BAZ_cadre_fiche.id2 .field-listedatedeb .BAZ_label {
- display: block
/ Apparence du puits /
.well {
- border: 3px solid var(--primary-color);
- background: honeydew; /var(--neutral-soft-color);$/ / couleur pour les messages positifs par defaut vert / / --success-color: #3cab3b; / / couleur pour les messages d'erreur par defaut rouge / / --danger-color: #d8604c; / / couleur pour les messages d'alerte par defaut orange / / --warning-color: #D78958; / / couleur de fond de la partie centrale votre wiki / / --main-container-bg-color:var(--neutral-light-color); / / couleur des liens / / --link-color: var(--primary-color); / / couleur des liens au survol / / --link-hover-color: var(--primary-color); / / couleur de la barre de menu / / --navbar-bg-color: var(--primary-color); / / --navbar-text-color: var(--neutral-light-color); / / --navbar-link-color: var(--neutral-light-color); / / --navbar-link-bg-color: transparent; / / --navbar-link-hover-color: rgba(255,255,255,0.85); / / --navbar-link-bg-hover-color: transparent; / / --navbar-border: none; / / --navbar-border-radius: 0; / / --navbar-shadow: none; / / --header-bg-color: var(--neutral-light-color); / / --header-text-color: var(--neutral-color); / / --header-title-color: var(--primary-color); / / couleur de fond du pied de page / / --footer-bg-color: transparent; / / --footer-text-color: var(--main-text-color); / / --footer-title-color: var(--main-text-color); / / --footer-border-top: 3px solid var(--neutral-soft-color); / / --btn-border: none; / / --btn-border-radius: .5em; / / --checkbox-color: var(--primary-color); / / } */
Se connecter pour commenter.
Commentaires