Utilisateur:Aegirios/Brouillon/vector.css

Une page de Wikiversité, la communauté pédagogique libre.

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/*
== Accueil ==
*/
.page-Wikiversité_Accueil #firstHeading {
   display: none;
}


/* DÉBUT DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"
    Fonctionnement du [[Modèle:Cadre à onglets]]
    Modèle implanté par User:Peleguer de http://ca.wikipedia.org
    Actualisé par User:Joanjoc de http://ca.wikipedia.org
    Traduction et adaptation User:Antaya de http://fr.wikipedia.org 
    Couleurs pour le [[Modèle:Cadre à onglets]] 
 
Configuration des couleurs par défaut 
Couleurs utilisées; 1; 8080ff 2; 9f9fff 3; c4c4ff 4; ddddff 5; eaeaff */
 
.mbBouton {
  background-color: #ddddff; 
  border: 0.15em solid #000000;
  border-color: #eaeaff #c4c4ff #9f9fff #eaeaff;
  border-radius: .5em .5em 0em 0em; /* NE VALIDE PAS AU w3c VALIDATOR */
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}
 
.mbBouton a,
.mbBouton strong {
  background: none !important;
  color:#8080ff !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbBouton a:hover,
.mbBouton strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mbBoutonSel {
  background-color: #9f9fff; /* 2 */
  border: 0.15em solid #000000;
  border-color: #c4c4ff #8080ff #9f9fff #c4c4ff;  /* 3 1 2 3 */
  border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}
 
.mbBoutonSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mbContenu {
  background-color: #f8f8ff;
  border: 0.2em solid #9f9fff; /* 2 */
  border-color: #9f9fff #8080ff #8080ff #9f9fff ; /* 2 1 1 2 */
  border-radius: 0em .5em .5em 0em;
  padding: 1em;
  position: static;  }
 
.mbOnglet {
  background-color: #f8f8ff;
  border-color: #8080ff #c4c4ff #c4c4ff #8080ff; /* 1 3 3 1 */  width: 100%;
}
 
/* Configuration du Lilas 1;7050a0 2;9070c0 3;b090e0 4;d0b0ff 5;f0d0ff */
 
.mbLilas .mbBouton {
 background-color: #d0b0ff; /* 4 */
 border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 2 5 */}
 
.mbLilas .mbBouton a,
.mbLilas .mbBouton strong {
  color:#8080ff !important;  /* 1 */
  font-size:90%}
 
.mbLilas .mbBouton a:hover,
.mbLilas .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbLilas .mbBoutonSel {
  background-color: #9070c0; /* 2 */
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */}
 
.mbLilas .mbContenu {
  background-color: #f5fffa;
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */}
 
.mbLilas .mbOnglet {
  background-color: #f5fffa;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */}
 
 
/* Configuration du Vert 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
 
.mbVert .mbBouton {
 background-color: #a5e085; /* 4 */
 border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
 
.mbVert .mbBouton a,
.mbVert .mbBouton strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}
 
.mbVert .mbBouton a:hover,
.mbVert .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbVert .mbBoutonSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
 
.mbVert .mbContenu {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
 
.mbVert .mbOnglet {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
 
 
/* Configuration du Bleu 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
 
.mbBleu .mbBouton {
 background-color: #a7c1e6; /* 4 */
 border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
 
.mbBleu .mbBouton a,
.mbBleu .mbBouton strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}
 
.mbBleu .mbBouton a:hover 
.mbBleu .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbBleu .mbBoutonSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
 
.mbBleu .mbContenu {
  background-color: #f0f8ff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
 
.mbBleu .mbOnglet {
  background-color: #f0f8ff;
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
 
 
/* Configuration du Orange 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
 
.mbOrange .mbBouton {
 background-color: #ffbd7f; /* 4 */
 border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
 
.mbOrange .mbBouton a,
.mbOrange .mbBouton strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
 
.mbOrange .mbBouton a:hover 
.mbOrange .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbOrange .mbBoutonSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
 
.mbOrange .mbContenu {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
 
.mbOrange .mbOnglet {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
 
/* Configuration du Gris 1;666666 2;868686 3;9f9f9f 4;b9b9b9 5;cfcfcf */
 
.mbGris .mbBouton {
 background-color: #b9b9b9; /* 4 */
 border-color: #cfcfcf #9f9f9f #868686 #cfcfcf;  /* 5 3 2 5 */}
 
.mbGris .mbBouton a,
.mbGris .mbBouton strong {
  color:#666666 !important;  /* 1 */
  font-size:90%}
 
.mbGris .mbBouton a:hover 
.mbGris .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbGris .mbBoutonSel {
  background-color: #868686; /* 2 */
  border-color: #9f9f9f #666666 #868686 #9f9f9f;  /* 3 1 2 3 */}
 
.mbGris .mbContenu {
  background-color: #fffce8;
  border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
 
.mbGris .mbOnglet {
  background-color: #fffce8;
  border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
 
 
/* Configuration du Jaune 1;aa8800 2;eabb00 3;ffd52b 4;ffe16a 5;ffeeaa */
 
.mbJaune .mbBouton {
 background-color: #ffe16a; /* 4 */
 border-color: #ffeeaa #ffd52b #eabb00 #ffeeaa;  /* 5 3 2 5 */}
 
.mbJaune .mbBouton a,
.mbJaune .mbBouton strong {
  color:#aa8800!important;  /* 1 */
  font-size:90%}
 
.mbJaune .mbBouton a:hover 
.mbJaune .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbJaune .mbBoutonSel {
  background-color: #eabb00; /* 2 */
  border-color: #ffd52b #aa8800 #eabb00 #ffd52b;  /* 3 1 2 3 */}
 
.mbJaune .mbContenu {
  background-color: #fffce8;
  border-color: #eabb00 #aa8800 #aa8800 #eabb00; /* 2 1 1 2 */}
 
.mbJaune .mbOnglet {
  background-color: #fffce8;
  border-color: #aa8800 #ffd52b #ffd52b #aa8800; /* 1 3 3 1 */}
 
 
/* Configuration du Rouge 1;993300 2;ca4200 3;ff6215 4;ff9b6a 5;ffc6aa */
 
.mbRouge .mbBouton {
 background-color: #ff9b6a; /* 4 */
 border-color: #ffc6aa #ff6215 #ca4200 #ffc6aa;  /* 5 3 2 5 */}
 
.mbRouge .mbBouton a,
.mbRouge .mbBouton strong {
  color:#993300!important;  /* 1 */
  font-size:90%}
 
.mbRouge .mbBouton a:hover 
.mbRouge .mbBouton strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mbRouge .mbBoutonSel {
  background-color: #ca4200; /* 2 */
  border-color: #ff6215 #993300 #ca4200 #ff6215;  /* 3 1 2 3 */}
 
.mbRouge .mbContenu {
  background-color: #fffce8;
  border-color: #ca4200 #993300 #993300 #ca4200; /* 2 1 1 2 */}
 
.mbRouge .mbOnglet {
  background-color: #fffce8;
  border-color: #993300 #ff6215 #ff6215 #993300; /* 1 3 3 1 */} 
/* ^^^ plus de 50 classes */
 
/*FIN DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"*/


/* * BOÎTES ET MESSAGES * */
 
.boite-grise {
  background: #F9F9F9;
  border: 1px solid #aaa;
  padding: 5px;
}
 
.boite-a-droite {
  clear: right;
  float: right;
  margin: 1em 0 1em 1em;
  width: auto;
}
 
.boite-a-gauche {
  clear: left;
  float: left;
  margin: 0 1em 1em 1em;
  width: auto;
}
 
/* Modèle:Autres projets et interprojet */
.interprojet li.interprojet_top {
background-position: left top;
}
 
.autres-projets ul {
  margin: 0;
  padding: 0;
}
 
.autres-projets li {
  list-style-type: none;
  list-style-image: none;
  margin: 0.2em 0;
  text-indent: 0;
  padding-left: 24px;
  min-height: 20px;
}
 
.autres-projets .titre {
  text-align: center;
  margin: 0.2em 0;
}
 
.autres-projets li a {
  font-style: italic;
}
 
.species {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/17px-Wikispecies-logo.svg.png");
  background-position: 1px 0;
}
 
.source {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/17px-Wikisource-logo.svg.png");
  background-position: 1px 1px;
}
 
.pedia {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/19px-Wikipedia-logo.png");
  background-position: 1px 0;
}
 
.books {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/19px-Wikibooks-logo.svg.png");
  background-position: 1px 1px;
}
 
.meta {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/18px-Wikimedia_Community_Logo.svg.png");
  background-position: 1px 1px;
}
 
.versity {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/20px-Wikiversity-logo.svg.png");
  background-position: 0 2px;
}
 
.wiktionary {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Wiktionary-logo.svg/20px-Wiktionary-logo.svg.png");
  background-position: 0 1px;
}
 
.news {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/20px-Wikinews-logo.svg.png");
  background-position: 0 5px;
}
 
.quote {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/16px-Wikiquote-logo.svg.png");
  background-position: 2px 1px;
}
 
.commons {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/14px-Commons-logo.svg.png");
  background-position: 3px 0;
}
 
.media {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Wikimedia-logo.svg/20px-Wikimedia-logo.svg.png");
  background-position: 0 0;
}

.data {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/22px-Wikidata-logo.svg.png");
  background-position: 0 5px;
}
 
.voyage {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Wikivoyage-Logo-v3-icon.svg/20px-Wikivoyage-Logo-v3-icon.svg.png");
  background-position: 2px 2px;
}

.mediawiki2 {
  background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Mediawiki-logo.png/20px-Mediawiki-logo.png");
  background-position: 2px 2px;
}

.species,
.meta,
.versity,
.pedia,
.wiktionary,
.books,
.news,
.quote,
.source,
.commons,
.data,
.mediawiki2,
.voyage {
  background-repeat: no-repeat;
  line-height: 1.5em;
  text-indent: 23px;
}


/*
==Styles des modèles de la Wikiversité==
===Modèle {{m|Faculté}}===
Style des facultés
*/
/* Titre de la faculté */
.titreFaculte {
  margin-bottom: 1em;
  padding: 0.8em;
  font-size: 250%;
  text-align: center;
  line-height: 1.4em;
  font-weight: bold;
  border-radius: 20px;
}

/* Bandeau de titre des cadres de la faculté */
.cadreFaculte_titre {
  display: block;
  padding: 0.3em;
  border: 1px solid #aaa;
  text-align: center;
  font-size: 150%;
}

/* Cadres de la faculté */
.cadreFaculte {
  display: block;
  margin-bottom: 2em;
  border: 1px solid #aaa;
  border-top: none;
}

/* Partie du cadre où s'affiche le texte */
.cadreFaculte_texte {
     padding: 0.3em;
}

/* Pied des cadres de la faculté */
.cadreFaculte_pied {
     display: block; 
     clear: both;
     padding-right: 0.3em;
     text-align: right;
     border-top: 1px solid #aaa;
     font-size: 80%;
}


/* Classes de [[w:MediaWiki:Common.css]] */
/* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre (par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43 pixels de hauteur au risque d'y voir un effet indésirable. Note : les effets en PNG ne sont pas résolus par IE6 et moins. Dernière mise à jour : 4 février 2010 */
/* Ombragé, fond transparent (png) */
.degrade       { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png); background-position:top; background-repeat:repeat-x;}
.degrade_rev   { background-image: url(//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png); background-position:top; background-repeat:repeat-x;}
/* Ombragé, gris fond blanc (jpg) */
.ombre         { background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ea/BGblue1_phixr.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_pale    { background-image: url(//upload.wikimedia.org/wikipedia/commons/0/06/BGblue2_phixr.jpg); background-position:top; background-repeat:repeat-x;}
/* Coloré, bleu/rouge fond blanc (jpg) */
.ombre_bl     { background-image: url(//upload.wikimedia.org/wikipedia/commons/3/3e/BGblue1.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_blpale { background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f7/BGblue2.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_rg     { background-image: url(//upload.wikimedia.org/wikipedia/commons/3/30/BGred1.jpg); background-position:top; background-repeat:repeat-x;}
.ombre_rgpale { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8f/BGred2.jpg); background-position:top; background-repeat:repeat-x;}

/*
=== [[Modèle:Alinéas]] ===
*/
p[data-indent-chars]:before {
  content: attr(data-indent-chars);
  color: transparent;
}

/*