Utilisateur:Nemoi/classes-fonctionnelles.css

Une page de Wikipédia, l'encyclopédie libre.
Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
/* div.bandeau-article {
  z-index :0;
}
div.thumb, div.tright, div.thumbinner, div.boite-a-droite {
  z-index :50 !important;
}

div.thumb, div.tright, div.thumbinner {
  position: relative;
} */

/**<nowiki>
 * 
 *    CLASSES FONCTIONNELLES
 * 
 *  Sont présentes sur cette page des classes CSS fonctionnelles. 
 *  Chacune de ces classes est destinée à une fonction définie, et
 *  toutes sont prévues pour s'utiliser ensemble harmonieusement.
 *
 *  Pour questions ou problèmes, voyez l'[[utilisateur : Nemoi]] 
 *  ou bien sur la page de [[discussion MediaWiki : Common.css]].
 *
 *  TYPES DE BOITES
 *  Les types de boites sont des classes prévues pour faire des boites
 *  (bandeaux principalement, et boites flottant à droite), notamment :
 *  * des bandeaux d'articles ([[modèle : Méta bandeau d'avertissement]]) ;
 *  * des bandeaux de sections ([[modèle : Article détaillé]] et voisins) ;
 *  * des bandeaux de discussions ([[modèle : Page conservée]] et autres) ;
 *  * des messages système se présentant sous forme de bande(s) ;
 *  * les bandeaux de portail.
 *  Ne sont pas gérés ici :
 *  * les bandeaux de catégories (système) ;
 *  * les bandeaux d'homonymies (bientôt) ;
 *  * les autres choses.
 * 
 *  STYLES DE BOITES
 *  Un bandeau est au minimum une balise html <div> à deux classes CSS :
 *  l'une pour son type (voir section précédente), l'autre pour son style.
 * 
 *  PETITES ICONES
 *  Les petites icônes sont pensées pour être « en ligne » dans un texte.
 *  Elles servent par exemple aux bandeaux de section (dans le même <div>),
 *  mais aussi au [[modèle : Autres projets]] (voir classes spécifiques). 
 * 
 *  GROSSES ICONES
 *  Les grosses icônes se placent sur un <div> avec la classe grosse-icone.
 *  Les icônes peuvent être gérées soit par du CSS, soit au début du <div>.
 *  Les particularités varient selon le <div> *parent* (type de bandeau).
 *
**/
 
.information {
  background-repeat: no-repeat;
  line-height: 1.5em;
  text-indent: 23px;
  display: inline-block;
}
.information {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/19px-Gtk-dialog-info.svg.png");
}

/*\
* * PORTAILS
\*/
/* style par défaut des bandeaux de portail décidés sur
   Wikipédia:Prise de décision/Bandeaux de portails
   Utilisé dans Modèle:Méta lien vers portails et Modèle:Portail

 
#bandeau-portailN {
  margin-top: 1em;
}
#liste-portailN {
  padding: 4px;
  margin-left: 0;
  clear: both;
}
 
#liste-portailN li {
  display: inline
}

ul.bandeau-simple li {
  display: inline-block;
  font-weight: bold;
  white-space: nowrap;
  margin: 0 1.2em;
  min-height: 24px;

  padding: 0.1em 0.3em;
  border-width: medium;
  border-style: solid;
  border-color: #F9F9F9;
  border-radius: 0.3em;
}

*/

/*\
* * AUTRES PROJETS
\*/

dl.presentation-projets { overflow:hidden; }
dl.presentation-projets dt.grosse-icone {
  display:table-cell;
  height:36px !important;
  min-height:36px !important;
  vertical-align:35%;
  padding-left:60px;  /* redondant */
}
dl.presentation-projets dd {
  position:relative;
  bottom:1.6em;
  left:60px;
  font-size:95%;
  margin-left:0;
  margin-bottom:-1.5em;
}

/*\
* * GROSSES ICÔNES
\*/

/* .grosse-icone.icone-manuelle img:first-child {
  position: absolute;
  margin-left: -57px;
  margin-top: -18px;
  top: 50%;
}
.grosse-icone.icone-manuelle img:first-child[width^="3"] {
  margin-left: -52px;
} */

.grosse-icone.wikinews,
.grosse-icone.wikidata {
  background-position: 5px center;
}
.grosse-icone.wikiversity,
.grosse-icone.extension,
.grosse-icone.categorie,
.grosse-icone.wikipedia {
  background-position: 8px center;
}
.grosse-icone.wikisource,
.grosse-icone.wikibooks,
.grosse-icone.metawiki,
.grosse-icone.wiktionary,
.grosse-icone.wikiquote,
.grosse-icone.wikimedia,
.grosse-icone.wikispecies,
.grosse-icone.biblio,
.grosse-icone.wikivoyage {
  background-position: 10px center;
}
.grosse-icone.incubator,
.grosse-icone.commons {
  background-position: 12px center;
}


.grosse-icone.wikinews {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/40px-Wikinews-logo.svg.png");
}
.grosse-icone.wikidata {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/42px-Wikidata-logo.svg.png");
}

.grosse-icone.wikiversity {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/34px-Wikiversity-logo.svg.png");
}
.grosse-icone.extension {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/37px-MediaWiki-notext.svg.png");
}
.grosse-icone.categorie {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/34/Nuvola_apps_kpager.svg/35px-Nuvola_apps_kpager.svg.png");
}
.grosse-icone.wikipedia {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/33px-Wikipedia-logo.png");
}

.grosse-icone.wikisource {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/30px-Wikisource-logo.svg.png");
}
.grosse-icone.wikibooks {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/30px-Wikibooks-logo.svg.png");
}
.grosse-icone.metawiki {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/30px-Wikimedia_Community_Logo.svg.png");
}
.grosse-icone.wiktionary {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/9f/Wiktprintable_without_text.svg/30px-Wiktprintable_without_text.svg.png");
}
.grosse-icone.wikiquote {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/30px-Wikiquote-logo.svg.png");
}
.grosse-icone.wikimedia {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Wikimedia-logo.svg/30px-Wikimedia-logo.svg.png");
}
.grosse-icone.wikispecies {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/30px-Wikispecies-logo.svg.png");
}
.grosse-icone.biblio {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Books-aj.svg_aj_ashton_01.svg/39px-Books-aj.svg_aj_ashton_01.svg.png");
}
.grosse-icone.wikivoyage {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Wikivoyage-logo.svg/30px-Wikivoyage-logo.svg.png");
}

.grosse-icone.incubator {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/02/Incubator-notext.svg/27px-Incubator-notext.svg.png");
}
.grosse-icone.commons {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/27px-Commons-logo.svg.png");
}



.autres-projets li {
  display:block;
}


 
div.bandeau-systemeN {
  clear: both;
  display: table;
  margin: 8px auto;
  box-sizing: border-box;
 
  border-style: solid;
  border-width: 2px;
  padding: 2px 9px;
  text-align: left;

  /* IE6-7, qui ne comprennent ni table ni border-box et optent donc pour un display block de 95% + paddings + borders, valorisent la deuxième ligne, qu'ils devraient ignorer */
  width: 94%;
  width: auto !ie;
}


.icone-manuelleN,
.tres-grosse-icone,
.grosse-iconeN {
  display: table-cell;
  vertical-align: middle;
}
.tres-grosse-icone,
.grosse-iconeN {
  background-repeat: no-repeat;
  background-position: 3px center;
  text-indent: 0;    /* Certaines icones ont une version « en ligne ». */
}

.tres-grosse-icone {
  padding-left: 85px;

  min-height: 80px;
  /* IE6-7, qui ne comprennent pas table-cell et optent donc pour un display block, valorisent la deuxième ligne, qu'ils devraient ignorer */
  height: 80px;
  height: auto !ie;
}
.grosse-iconeN {
  padding-left: 60px;

  min-height: 54px;
  /* IE6-7, qui ne comprennent pas table-cell et optent donc pour un display block, valorisent la deuxième ligne, qu'ils devraient ignorer */
  height: 54px;
  height: auto !ie;
}

.icone-manuelleN,
  padding-left: 60px;  /* comme grosse-icone */
}
.icone-manuelleN img:first-child {
  position: absolute;
  margin-left: -57px;
  margin-top: -18px;
  top: 50%;
}
.icone-manuelleN img:first-child[width^="3"] {
  margin-left: -52px;
}

.grosse-iconeN.ancienne-version {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock_and_warning.svg/46px-Clock_and_warning.svg.png");
}
.grosse-iconeN.maintenance {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Tools_nicu_buculei_01.svg/46px-Tools_nicu_buculei_01.svg.png");
}
.grosse-iconeN.protection-admin {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Crystal_Clear_action_lock1.png/46px-Crystal_Clear_action_lock1.png");
}
.grosse-iconeN.semi-protection {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Crystal_Clear_action_half_lock.png/46px-Crystal_Clear_action_half_lock.png");
}
.grosse-iconeN.roue-dentee {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_run.png/46px-Crystal_Clear_action_run.png");
}
.grosse-iconeN.conflit-edition {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Passage_pieton_rouge.png/46px-Passage_pieton_rouge.png");
}
.grosse-iconeN.titre-protege {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c4/System-lock-screen.svg/46px-System-lock-screen.svg.png");
}
.grosse-iconeN.gros-warning {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Fairytale_no.png/46px-Fairytale_no.png");
}

.grosse-iconeN.information {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b4/Gtk-dialog-info.svg/46px-Gtk-dialog-info.svg.png");
}


.tres-grosse-icone.gros-warning {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Stop_hand.svg/64px-Stop_hand.svg.png");
}
.tres-grosse-icone.previsualisation {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Start_hand.svg/64px-Start_hand.svg.png");
}

/**</nowiki>
 * 
 *  FIN
 * 
**/
Ce document provient de « https://fr.wikipedia.org/w/index.php?title=Utilisateur:Nemoi/classes-fonctionnelles.css&oldid=144460950 ».