« 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.
Aller à : navigation, rechercher
Aucun résumé des modifications
Aucun résumé des modifications
 
(154 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;
}


.btn-primary {
.panel-info > .panel-heading h2 {
    background:linear-gradient(#FFFFFF,#FFFFFF );
color : white;
color : #C25B5C;
}
border: 1px solid #C25B5C;
 
.panel-info {
border: 1px solid rgb(194, 91, 92);
background-image: none;


}
}


.panel-primary > .panel-heading {
/*BARRE LATÉRAL GAUCHE*/
  /*  background-color: #C25B5C;*/
 
background:linear-gradient(#FFFFFF,#FFFFFF );
/*Boutons barre latéral gauche inactifs */
.btn-primary {
background-color : #FFFFFF ;
color : #C25B5C;
color : #C25B5C;
border-bottom : 2px solid #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 {
.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;
border: 0px solid #C25B5C;
border: 1px solid #C25B5C;
}
}


/*Boutons ouverts*/
.btn-block.open .dropdown-menu {
.btn-block.open .dropdown-menu {
    background:linear-gradient(#C25B5C,#ce7e7f );
  background:linear-gradient(#eccdce, #e3a0a2);
 
}
}


.panel-info {
 
    border: 1px solid #C25B5C;
/* PAGE D'ACCUEIL*/
background-color: #C25B5C!important;
 
opacity : 0.8;
/*Heading Panneau accueil */
.panel-primary > .panel-heading {
background-color : #ce7b7c;
background-image: none;
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-info > .panel-heading {
.panel-primary .panel-heading {
    color: #C25B5C;
color : white;
    background-color: #C25B5C;
border-bottom : 2px solid #C25B5C;
}
}


.panel-primary {
border : 1px solid #C25B5C;


/*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;
}
}
.panel-heading {
border-bottom : 2px solid #C25B5C;
background-color: #C25B5C;
opacity : 0.8;


/* 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;
}