« MediaWiki:Common.css » : différence entre les versions
Ce wiki, réalisé dans le cadre de la tournée pancanadienne Fab Labs Nation en 2017, est présenté à titre d'artefact informationnel. Il ne sera pas mis à jour jusqu'à nouvel ordre. Plus d'infos : https://fablabsnation.ca. ////
This wiki, created for the Fab Labs Nation tour in 2017, is presented as an informational artefact. It will not be updated until further notice. More info : https://fablabsnation.ca.
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (29 versions intermédiaires par 3 utilisateurs non affichées) | |||
| Ligne 2 : | Ligne 2 : | ||
/** Pour votre info - linear -> pas universel!! http://www.w3schools.com/css/css3_gradients.asp) **/ | /** Pour votre info - linear -> pas universel!! http://www.w3schools.com/css/css3_gradients.asp) **/ | ||
/*heading panneau info*/ | /*heading panneau info*/ | ||
.panel-info > .panel-heading { | .panel-info > .panel-heading { | ||
color: #FFFFFF; | |||
background-color : | background-color: #ce7b7c; | ||
border-bottom : 2px solid #ce7b7c; | border-bottom : 2px solid #ce7b7c; | ||
border :1px solid rgb #ce7b7c; | border :1px solid rgb #ce7b7c; | ||
| Ligne 24 : | Ligne 16 : | ||
} | } | ||
#siteSub { | |||
display: block; | |||
} | |||
.panel-info > .panel-heading h2 { | |||
color : white; | |||
} | |||
.panel-info { | .panel-info { | ||
| Ligne 31 : | Ligne 29 : | ||
} | } | ||
/*BARRE LATÉRAL GAUCHE*/ | /*BARRE LATÉRAL GAUCHE*/ | ||
| Ligne 63 : | Ligne 60 : | ||
background-color : #ce7b7c; | background-color : #ce7b7c; | ||
background-image: none; | background-image: none; | ||
color : | color : white; | ||
border-bottom : 2px solid #ce7b7c; | border-bottom : 2px solid #ce7b7c; | ||
} | |||
.panel-primary { | |||
border : 1px solid #ce7b7c; | |||
} | } | ||
/*Pour changer la couleur des liens dans le heading du panneau*/ | /*Pour changer la couleur des liens dans le heading du panneau*/ | ||
.panel-primary | .panel-primary .panel-heading a { | ||
color: white; | color: white; | ||
} | |||
.panel-primary .panel-heading { | |||
color : white; | |||
} | } | ||
/* | /*AUTRE*/ | ||
/* Pour afficher un des titre de panel à la page d'accueil qui était transparent*/ | |||
.mypanel { | |||
background-color: rgb(255, 255, 255); | |||
border-bottom-color: rgb(206, 123, 124); | |||
border-bottom-left-radius: 4px; | |||
border-bottom-right-radius: 4px; | |||
border-bottom-style: solid; | |||
border-bottom-width: 1px; | |||
border-image-outset: 0 0 0 0; | |||
border-image-repeat: stretch stretch; | |||
border-image-slice: 100% 100% 100% 100%; | |||
border-image-source: none; | |||
border-image-width: 1 1 1 1; | |||
border-left-color: rgb(206, 123, 124); | |||
border-left-style: solid; | |||
border-left-width: 1px; | |||
border-right-color: rgb(206, 123, 124); | |||
border-right-style: solid; | |||
border-right-width: 1px; | |||
border-top-color: rgb(206, 123, 124); | |||
border-top-left-radius: 4px; | |||
border-top-right-radius: 4px; | |||
border-top-style: solid; | |||
border-top-width: 1px; | |||
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; | |||
box-sizing: border-box; | |||
color: rgb(51, 51, 51); | |||
direction: ltr; | |||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |||
font-size: 14px; | |||
line-height: 20px; | |||
margin-bottom: 20px; | |||
-moz-border-bottom-colors: none; | |||
-moz-border-left-colors: none; | |||
-moz-border-right-colors: none; | |||
-moz-border-top-colors: none; | |||
} | } | ||
/* Pour | /* Pour cacher le titre de la page d'itinéraire (parce que traduite via l'interface)*/ | ||
. | body.page-L_itinéraire_de_la_Caravane_Fab_Labs_Nation.action-view #firstHeading, body.page-L_itinéraire_de_la_Caravane_Fab_Labs_Nation.action-submit #firstHeading { display: none; } | ||
color : | |||
//Classe pour présentation des images de galleries | |||
li.gallerybox div.thumb{ | |||
background-color: transparent; | |||
border-style:hidden; | |||
} | |||
div#siteSub { | |||
display: block !important; | |||
border:2px solid black; | |||
padding:1rem; | |||
} | } | ||
Dernière version du 2 juin 2022 à 09:07
/* Le CSS placé ici sera appliqué à tous les habillages. */
/** Pour votre info - linear -> pas universel!! http://www.w3schools.com/css/css3_gradients.asp) **/
/*heading panneau info*/
.panel-info > .panel-heading {
color: #FFFFFF;
background-color: #ce7b7c;
border-bottom : 2px solid #ce7b7c;
border :1px solid rgb #ce7b7c;
background-image: none; /*Pour enlever le bleu gradient */
}
/*Pour changer la couleur du texte (lien) dans le heading */
.panel-info > .panel-heading a {
color : white;
}
#siteSub {
display: block;
}
.panel-info > .panel-heading h2 {
color : white;
}
.panel-info {
border: 1px solid rgb(194, 91, 92);
background-image: none;
}
/*BARRE LATÉRAL GAUCHE*/
/*Boutons barre latéral gauche inactifs */
.btn-primary {
background-color : #FFFFFF ;
color : #C25B5C;
border: 1px solid #C25B5C;
background-image: none;
}
/*Mouse over */
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
background:linear-gradient(#ce7e7f,#C25B5C );
opacity : 0.8;
border: 1px solid #C25B5C;
}
/*Boutons ouverts*/
.btn-block.open .dropdown-menu {
background:linear-gradient(#eccdce, #e3a0a2);
}
/* PAGE D'ACCUEIL*/
/*Heading Panneau accueil */
.panel-primary > .panel-heading {
background-color : #ce7b7c;
background-image: none;
color : white;
border-bottom : 2px solid #ce7b7c;
}
.panel-primary {
border : 1px solid #ce7b7c;
}
/*Pour changer la couleur des liens dans le heading du panneau*/
.panel-primary .panel-heading a {
color: white;
}
.panel-primary .panel-heading {
color : white;
}
/*AUTRE*/
/* Pour afficher un des titre de panel à la page d'accueil qui était transparent*/
.mypanel {
background-color: rgb(255, 255, 255);
border-bottom-color: rgb(206, 123, 124);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(206, 123, 124);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(206, 123, 124);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(206, 123, 124);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
box-sizing: border-box;
color: rgb(51, 51, 51);
direction: ltr;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
/* Pour cacher le titre de la page d'itinéraire (parce que traduite via l'interface)*/
body.page-L_itinéraire_de_la_Caravane_Fab_Labs_Nation.action-view #firstHeading, body.page-L_itinéraire_de_la_Caravane_Fab_Labs_Nation.action-submit #firstHeading { display: none; }
//Classe pour présentation des images de galleries
li.gallerybox div.thumb{
background-color: transparent;
border-style:hidden;
}
div#siteSub {
display: block !important;
border:2px solid black;
padding:1rem;
}
