Ce site web est une archive du wiki qui a été utilisé entre 2016 et 2022. Il est maintenu en ligne en l’état afin que ses pages restent consultables. Toutes les fonctionnalités d’interaction (se connecter, créer, modifier…) ont été supprimées et ne seront pas restaurées.

Collectif Point Communs https://chat.lescommuns.org/

MediaWiki:Common.css : Différence entre versions

De Wiki des communs
m (Marge)
(Responsive)
Ligne 5 : Ligne 5 :
 
}
 
}
  
.page-Accueil .two-col {
+
@media (min-width: 720px) {
    display: flex;
+
    .page-Accueil .two-col {
    flex-wrap: wrap;
+
        display: flex;
    justify-content: space-around;
+
        flex-wrap: wrap;
 +
        justify-content: space-between;
 +
    }
 
}
 
}
  
Ligne 21 : Ligne 23 :
 
     padding: 5px;
 
     padding: 5px;
 
     background-color: #f8f8f8;
 
     background-color: #f8f8f8;
     flex-basis: calc(50% - 15px);
+
     flex-basis: calc(50% - 10px);
 
     margin-bottom: 15px;
 
     margin-bottom: 15px;
 
}
 
}

Version du 16 avril 2020 à 16:00

/* Le CSS placé ici sera appliqué à tous les habillages. */

.page-Accueil .firstHeading {
    display: none;
}

@media (min-width: 720px) {
    .page-Accueil .two-col {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.page-Accueil .actus,
.page-Accueil .participer,
.page-Accueil .structures,
.page-Accueil .outils {
    border: solid 1px #e7e7e7;
    border-radius: 1em;
    padding: 1rem;
    width: 95%;
    padding: 5px;
    background-color: #f8f8f8;
    flex-basis: calc(50% - 10px);
    margin-bottom: 15px;
}

.page-Accueil .actus,
.page-Accueil .participer {
    text-align: center;
}

.lille {
    float: right;
}

.identite {
    border-radius: 1em;
    background-color: #E3FBFF;
    margin: 10px 10px;
    border: 1px #68C0C3 solid;
    width: 48%;
    padding: 10px;
    text-align: left;
}

.informations {
    border-radius: 1em;
    background-color: #FFE7D3;
    margin: 10px 10px;
    border: 1px #F3974A solid;
    width: 48%;
    padding: 10px;
    text-align: left;
}