Différences entre versions de « MediaWiki:Common.css »

De Wiki Dofus
Aller à la navigationAller à la recherche
m
m
 
(28 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 7 : Ligne 7 :
 
.alerte {  
 
.alerte {  
 
   padding:0.2em;  
 
   padding:0.2em;  
   background:#FFFFDD;  
+
   background:#FFD;
 
   margin-bottom:0.4em;
 
   margin-bottom:0.4em;
 
   font-style: italic;
 
   font-style: italic;
 
  }
 
  }
 +
 +
/* Nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */
 +
/* modif du 18/04/2010 */
 +
.mw-plusminus-pos { color:#00B000 }
 +
.mw-plusminus-neg { color:#FF2050 }
 +
.mw-plusminus-null { color:#999999 }
 +
.mw-tag-markers {
 +
font-family:sans-serif;
 +
font-style:italic;
 +
font-size:90%;
 +
}
 +
/* Symbole de modification non vérifiée dans les modifications récentes
 +
  et la liste de suivi. */
 +
span.unpatrolled { color:#999 }
 +
 +
/* HOMONYMIE */
 +
/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
 +
.homonymie {
 +
padding-left:2em;
 +
padding-bottom:.5em;
 +
margin-bottom:.5em;
 +
font-style:italic;
 +
border-bottom:1px #AAA solid;
 +
} /* fin */
 +
 +
/* WIKITABLE */
 +
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
 +
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
 +
table.wikitable { /* debut */
 +
margin-top:1em;
 +
margin-bottom:1em;
 +
background:#F9F9F9;
 +
border:1px #AAA solid;
 +
border-collapse:collapse;
 +
}
 +
table.wikitable th, table.wikitable td {
 +
border:1px #AAA solid;
 +
padding:.3em;
 +
}
 +
table.wikitable th, .wikitable_header {
 +
background:#F2F2F2;
 +
text-align:center;
 +
}
 +
table.wikitable caption {
 +
margin-left:inherit;
 +
margin-right:inherit;
 +
} /* fin */
 +
 +
/* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
 +
  sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
 +
  dans l'en-tête du tableau. */
 +
table.gauche, table.left {
 +
float:left;
 +
margin:0 1em 1em 0;
 +
}
 +
table.droite, table.right {
 +
float:right;
 +
margin:0 0 1em 1em;
 +
}
 +
table.centre, table.center {
 +
margin:1em auto;
 +
}
 +
 +
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
 +
table.wikitable[align=center] {margin:1em auto;}
 +
 +
/* BANDEAUX D'AVERTISSEMENT */
 +
/* style par défaut des bandeaux d'avertissement décidés sur
 +
  Wikipédia:Prise de décision/Changement de style des messages d'avertissement
 +
  Utilisé dans Modèle:Méta bandeau d'avertissement
 +
*/
 +
.bandeau { /* monobookocentré */
 +
  text-align: left;
 +
  margin: 8px 10% 12px;
 +
  border-style: solid;
 +
  border-width: 1px 1px 1px 10px;
 +
  padding: 2px 10px;
 +
}
 +
.bandeau table { background-color: transparent }
 +
.bandeau-niveau-grave      { border-color: #aa0044; background-color: #ffcccc }
 +
.bandeau-niveau-modere      { border-color: #ff8822; background-color: #ffeedd }
 +
.bandeau-niveau-ebauche    { border-color: #ff8822; background-color: #ffeedd }
 +
.bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb }
 +
.bandeau-icone { vertical-align: middle; text-align: center; min-width: 45px; padding-right: 10px }
 +
.bandeau-titre { font-size: 1em;  line-height: 1.4em; margin-bottom: 0.5em }
 +
.bandeau-texte { font-size: 0.9em; line-height: 1.2em }
 +
 +
 
/* Standard Navigationsleisten */
 
/* Standard Navigationsleisten */
 
 
div.BoxenVerschmelzen,
 
div.BoxenVerschmelzen,
 
div.NavFrame {
 
div.NavFrame {
Ligne 77 : Ligne 164 :
 
/*#ban_google
 
/*#ban_google
 
{
 
{
width: 120px;
+
    width: 120px;
 
     clear: left;
 
     clear: left;
 
     position: fixed; !important
 
     position: fixed; !important
Ligne 101 : Ligne 188 :
 
top: -17px;
 
top: -17px;
 
}
 
}
 
 
#content{
 
#content{
 
padding-top: 15px;
 
padding-top: 15px;
 +
margin-left: 13em;
 
}
 
}
 
#pub_menu_google
 
#pub_menu_google
 
{
 
{
width: 120px;
+
width: 160px;
 
height: 600px;
 
height: 600px;
 
border: 1px solid #aaa;
 
border: 1px solid #aaa;
 
margin-top: 10px;
 
margin-top: 10px;
margin-left: 10px;
+
margin-left: 0px;
 
padding: 0;
 
padding: 0;
 
position: absolute;
 
position: absolute;
Ligne 129 : Ligne 216 :
 
div.home.container
 
div.home.container
 
{
 
{
width: 827px;
+
/*width: 827px;*/
 +
max-width: 80%;
 +
min-width: 827px;
 
}
 
}
 
div.home.welcome
 
div.home.welcome
Ligne 142 : Ligne 231 :
 
div.home.last div.insideborder
 
div.home.last div.insideborder
 
{
 
{
margin: 2px;
+
margin: 5px;
 
}
 
}
  
Ligne 158 : Ligne 247 :
 
div.home.menu {
 
div.home.menu {
 
float: left;
 
float: left;
width: 250px;
+
width: 30%;
 
background-color: #c8d8ff;
 
background-color: #c8d8ff;
 
border-color: #8898bf;
 
border-color: #8898bf;
Ligne 170 : Ligne 259 :
 
div.home.featured {
 
div.home.featured {
 
float: left;
 
float: left;
width: 553px;
+
width: 67%;
 
}
 
}
  
Ligne 183 : Ligne 272 :
 
div.home.wnews {
 
div.home.wnews {
 
float: left;
 
float: left;
width: 225px;
+
/*width: 27.2%;*/
 +
width: 42%;
 
overflow: hidden;
 
overflow: hidden;
 
}
 
}
Ligne 206 : Ligne 296 :
 
div.home.last {
 
div.home.last {
 
float: left;
 
float: left;
width: 340px;
+
/*width: 41.1%;*/
 +
width: 55%;
 
overflow: hidden;
 
overflow: hidden;
 
}
 
}
Ligne 229 : Ligne 320 :
 
{
 
{
 
position: relative;
 
position: relative;
 +
}
 +
 +
div.home.featured div.insideborder div.texte dl{
 +
display: none;
 +
}
 +
 +
div.home.featured div.insideborder div.texte h2{
 +
display: none;
 
}
 
}
  
Ligne 236 : Ligne 335 :
 
right: -60px;
 
right: -60px;
 
}
 
}
 +
 
/*</pre>*/
 
/*</pre>*/

Version actuelle datée du 3 décembre 2012 à 09:02

/*<pre>*/

/** Le CSS placé ici sera appliqué à toutes les apparences. */
/*
 APPARENCE DES MESSAGES D'ALERTE
 */
.alerte { 
   padding:0.2em; 
   background:#FFD;
   margin-bottom:0.4em;
   font-style: italic;
 }

/* Nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */
/* modif du 18/04/2010 */
.mw-plusminus-pos { color:#00B000 }
.mw-plusminus-neg { color:#FF2050 }
.mw-plusminus-null { color:#999999 }
.mw-tag-markers {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
}
/* Symbole de modification non vérifiée dans les modifications récentes
   et la liste de suivi. */
span.unpatrolled { color:#999 }

/* HOMONYMIE */
/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
.homonymie {
 padding-left:2em;
 padding-bottom:.5em;
 margin-bottom:.5em;
 font-style:italic;
 border-bottom:1px #AAA solid;
} /* fin */

/* WIKITABLE */
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable { /* debut */
 margin-top:1em;
 margin-bottom:1em;
 background:#F9F9F9;
 border:1px #AAA solid;
 border-collapse:collapse;
}
table.wikitable th, table.wikitable td {
 border:1px #AAA solid;
 padding:.3em;
}
table.wikitable th, .wikitable_header {
 background:#F2F2F2;
 text-align:center;
}
table.wikitable caption {
 margin-left:inherit;
 margin-right:inherit;
} /* fin */
 
/* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
   sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
   dans l'en-tête du tableau. */
table.gauche, table.left {
 float:left;
 margin:0 1em 1em 0;
}
table.droite, table.right {
 float:right;
 margin:0 0 1em 1em;
}
table.centre, table.center {
 margin:1em auto;
}
 
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
table.wikitable[align=center] {margin:1em auto;}

/* BANDEAUX D'AVERTISSEMENT */
/* style par défaut des bandeaux d'avertissement décidés sur
   Wikipédia:Prise de décision/Changement de style des messages d'avertissement
   Utilisé dans Modèle:Méta bandeau d'avertissement
*/
.bandeau { /* monobookocentré */
  text-align: left;
  margin: 8px 10% 12px;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  padding: 2px 10px;
}
.bandeau table { background-color: transparent }
.bandeau-niveau-grave       { border-color: #aa0044; background-color: #ffcccc }
.bandeau-niveau-modere      { border-color: #ff8822; background-color: #ffeedd }
.bandeau-niveau-ebauche     { border-color: #ff8822; background-color: #ffeedd }
.bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb }
.bandeau-icone { vertical-align: middle; text-align: center; min-width: 45px; padding-right: 10px }
.bandeau-titre { font-size: 1em;   line-height: 1.4em; margin-bottom: 0.5em }
.bandeau-texte { font-size: 0.9em; line-height: 1.2em }
 

/* Standard Navigationsleisten */
div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.BoxenVerschmelzen div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}

.NavToggle {
   font-size: x-small;
   float:right;

}

table td{
   vertical-align: top;
}

.my_sortable th:after{
	content: 'tri';
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

/*#ban_google
{
    width: 120px;
    clear: left;
    position: fixed; !important
    position: absolute;
    padding: 35px 0px 0px 3px;
    float: right;
    right: 0px;
    top: 10px;
    z-index: 2;
}

#content
{
	margin: 2.8em 120px 0 12.2em;
}*/
#mini_ad_google{
	width: 234px;
	height: 60px;
	/*position: fixed; !important*/
	position: absolute;
	right: 4px;
	/*top: 19px; !important*/
	top: -17px;
}
#content{
	padding-top: 15px;
	margin-left: 13em;
}
#pub_menu_google
{
	width: 160px;
	height: 600px;
	border: 1px solid #aaa;
	margin-top: 10px;
	margin-left: 0px;
	padding: 0;
	position: absolute;
}

/*
	Style de la page d'acceuil
*/


div.home.background
{
	background: url(/_images/7/7a/Home_Background.jpg) no-repeat right bottom;
}


div.home.container
{
	/*width: 827px;*/
	max-width: 80%;
	min-width: 827px;
}
div.home.welcome
{
	height: 75px;
}

div.home.menu div.insideborder,
div.home.featured div.insideborder,
div.home.dnews div.insideborder,
div.home.wnews div.insideborder,
div.home.last div.insideborder
{
	margin: 5px;
}

div.home.menu,
div.home.featured,
div.home.dnews,
div.home.wnews,
div.home.last
{
	margin: 5px;
	border: 1px solid #EEEEEE;
	background-color: white;
}

div.home.menu {
	float: left;
	width: 30%;
	background-color: #c8d8ff;
	border-color: #8898bf;
}

div.home div.insideborder,
div.home div.insideborder{
	height: 290px;
}

div.home.featured {
	 float: left;
	 width: 67%;
}

div.home.featured div.insideborder div.texte{
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 225px;
}

div.home.dnews,
div.home.wnews {
	float: left;
	/*width: 27.2%;*/
	 width: 42%;
	overflow: hidden;
}

div.home.dnews {
	border-color: #fbc917;
	background-color: #fde9ba;
}

div.home.wnews {
	border-color: #97bf87;
	background-color: #d7ffc7;
}

div.home.last ul
{
	list-style-image: none;
	list-style-type: none;
	margin-left: 10px;
}

div.home.last {
	float: left;
	/*width: 41.1%;*/
	width: 55%;
	overflow: hidden;
}

div.home.last span.comment,
div.home.last li .mw-userlink,
div.home.last span.mw-usertoollinks
{
	display: none;
}

div.home.last li
{
	white-space: nowrap;
}

div.home.last li.not-patrolled{
	background-color: transparent;
}

div.home .container
{
	position: relative;
}

div.home.featured div.insideborder div.texte dl{
	display: none;
}

div.home.featured div.insideborder div.texte h2{
	display: none;
}

div.home div.facebook
{
	position: absolute;
	right: -60px;
}

/*</pre>*/