« 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 |
||
(107 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*/ | |||
.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 { | |||
.panel-info > .panel-heading | |||
color : white; | color : white; | ||
} | } | ||
.panel-info { | |||
border: 1px solid rgb(194, 91, 92); | |||
background-image: none; | |||
} | |||
/*BARRE LATÉRAL GAUCHE*/ | |||
/*Boutons barre latéral gauche*/ | /*Boutons barre latéral gauche inactifs */ | ||
.btn-primary { | .btn-primary { | ||
background-color : #FFFFFF ; | |||
color : #C25B5C; | color : #C25B5C; | ||
border: 1px solid #C25B5C; | border: 1px solid #C25B5C; | ||
background-image: none; | background-image: none; | ||
} | } | ||
/*Mouse over */ | /*Mouse over */ | ||
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open | .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 ); | background:linear-gradient(#ce7e7f,#C25B5C ); | ||
opacity : 0.8; | opacity : 0.8; | ||
Ligne 47 : | Ligne 49 : | ||
/*Boutons ouverts*/ | /*Boutons ouverts*/ | ||
.btn-block.open .dropdown-menu { | .btn-block.open .dropdown-menu { | ||
background:linear-gradient(#eccdce, #e3a0a2); | |||
} | } | ||
.panel- | |||
/* PAGE D'ACCUEIL*/ | |||
/*Heading Panneau accueil */ | |||
.panel-primary > .panel-heading { | |||
background-color : #ce7b7c; | |||
background-image: none; | background-image: none; | ||
color : white; | |||
border-bottom : 2px solid #ce7b7c; | |||
} | } | ||
/*heading panneau | .panel-primary { | ||
.panel- | 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; | |||
} | } |
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; }