Différences entre versions de « Utilisateur:EvaNeeChance/monobook.css »

De Wiki Dofus
Aller à la navigationAller à la recherche
m
m
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 12 : Ligne 12 :
 
/*</pre>*/
 
/*</pre>*/
  
/*
 
http://fr.wikipedia.org/wiki/MediaWiki:Common.css
 
*/
 
 
/* En phase de test */
 
/* Quand est-ce qu'il finit ? */
 
/* 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
+
/* based on http://css-tricks.com/2282-simple-jquery-dropdowns/ */
Couleurs utilisées; 1; 8080ff 2; 9f9fff 3; c4c4ff 4; ddddff 5; eaeaff */
+
div.dropdownmenu {}
+
div.dropdownmenu a  { text-decoration: none; }
.mbBouton {
+
div.dropdownmenu ul { margin: 0; padding: 0; list-style: none; position: relative; text-wrap: avoid}
  background-color: #ddddff;
+
div.dropdownmenu ul li      { float: left; zoom: 1; background: #ccc}
  border: 0.15em solid #000000;
+
div.dropdownmenu>ul>li      { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom:1em}
  border-color: #eaeaff #c4c4ff #9f9fff #eaeaff;
+
div.dropdownmenu ul a:hover { color: #000; }
  -moz-border-radius: .5em .5em 0em 0em; /* NE VALIDE PAS AU w3c VALIDATOR */
+
div.dropdownmenu ul a:active { color: #ffa500; }
  cursor:pointer;
+
div.dropdownmenu ul li span    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }
  display: inline;
+
div.dropdownmenu span.selectedmenu {display: block; background-color:#eee; font-weight: bold}
  margin-right: 0.1em;
+
div.dropdownmenu ul li:last-child span { border-right: none; } /* Doesn't work in IE */
  padding: 0.2em 0.3em 0.2em 0.3em;
+
/*div.dropdownmenu ul ul li { display: inline; width: 100%; } */
  position: relative;}
+
div.dropdownmenu ul li.hover,
+
div.dropdownmenu ul li:hover  { background: #F3D673; color: black; position: relative; }
.mbBouton a,
+
div.dropdownmenu ul li.hover a { color: black; }
.mbBouton strong {
+
div.dropdownmenu ul ul       { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid black; padding: 0.2em; background-color: #ccc}
  background: none !important;
+
div.dropdownmenu ul ul li      { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }
  color:#8080ff !important;  /* 1 */
+
div.dropdownmenu ul ul li a   { width:180px; display: inline-block; }  
  font-size: 90%;
+
div.dropdownmenu ul ul li a:first-child { display: inline; }  
  font-weight: bold;
+
div.dropdownmenu ul ul ul      { left: 100%; top: 0; }
  padding: 0 !important;
+
div.dropdownmenu ul li:hover > ul { visibility: visible; }
  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 */
 
  -moz-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 */
 
  -moz-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 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 */}
 

Version actuelle datée du 19 avril 2013 à 23:40

/*<pre>*/
/*
div.home.featured {
	background: url(http://wiki-dofus.eu/_images/0/04/Fff.gif);
}

div.home.wnews {
	border-color: #97bf87;
	background: url(http://wiki-dofus.eu/_images/5/58/Cf0.gif);
}
*/
/*</pre>*/

 
/* based on http://css-tricks.com/2282-simple-jquery-dropdowns/ */
div.dropdownmenu {}
div.dropdownmenu a  { text-decoration: none; }
div.dropdownmenu ul { margin: 0; padding: 0; list-style: none; position: relative; text-wrap: avoid}
div.dropdownmenu ul li       { float: left; zoom: 1; background: #ccc}
div.dropdownmenu>ul>li       { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom:1em}
div.dropdownmenu ul a:hover  { color: #000; }
div.dropdownmenu ul a:active { color: #ffa500; }
div.dropdownmenu ul li span     { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }
div.dropdownmenu span.selectedmenu {display: block; background-color:#eee; font-weight: bold}
div.dropdownmenu ul li:last-child span { border-right: none; } /* Doesn't work in IE */
/*div.dropdownmenu ul ul li { display: inline; width: 100%; } */
div.dropdownmenu ul li.hover,
div.dropdownmenu ul li:hover   { background: #F3D673; color: black; position: relative; }
div.dropdownmenu ul li.hover a { color: black; }
div.dropdownmenu ul ul 	       { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid black; padding: 0.2em; background-color: #ccc}
div.dropdownmenu ul ul li      { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }
div.dropdownmenu ul ul li a    { width:180px; display: inline-block; } 
div.dropdownmenu ul ul li a:first-child { display: inline; } 
div.dropdownmenu ul ul ul      { left: 100%; top: 0; }
div.dropdownmenu ul li:hover > ul { visibility: visible; }