MediaWiki:Sambistas.css

Un article de Samba en France.

Version du 18 octobre 2010 à 08:37 (modifier) AlNo (Discuter | contributions) m (correction bordure du cadre principal et gestion des textes trop larges) ← Différence précédente		Version du 18 octobre 2010 à 08:43 (modifier) (défaire) AlNo (Discuter | contributions) m (réduction de la longueur des lignes) Différence suivante →
Ligne 23:		Ligne 23:
	SOMMAIRE		SOMMAIRE
-	I aspect général (les choses concernant l'affichage de toute l'encyclopédie)	+	I aspect général (les choses concernant l'affichage de toute le site)
-	I.1 Couleur de fond des différents namespace	+	I.1 Couleur de fond des différents namespaces
	I.2 gestion de la coloration indentatique		I.2 gestion de la coloration indentatique
	I.3 autres		I.3 autres
Ligne 41:		Ligne 41:
	/* par défaut : la couleur des pages de discussion		/* par défaut : la couleur des pages de discussion
-	(ce qui évite donc d'avoir à redéfinir la couleur de la moitié des namespaces) */	+	(ce qui évite donc d'avoir à redéfinir la couleur de la
		+	moitié des namespaces) */
	#content,		#content,
	#p-cactions li,		#p-cactions li,
Ligne 118:		Ligne 119:
-	/* Style pour les pages de discussion ; gestion de la coloration indentative */	+	/* Style pour les pages de discussion ;
		+	gestion de la coloration indentative */
	.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,		.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,
	.ns-11 dd, .ns-13 dd, .ns-15 dd, .ns-101 dd {		.ns-11 dd, .ns-13 dd, .ns-15 dd, .ns-101 dd {
Ligne 144:		Ligne 146:
	}		}
-	.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl, .ns-7 dl dl dl, .ns-9 dl dl dl,	+	.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl,
-	.ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl, .ns-101 dl dl dl	+	.ns-7 dl dl dl, .ns-9 dl dl dl,
		+	.ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl,
		+	.ns-101 dl dl dl
	{ background-color: #FFFFE0; }		{ background-color: #FFFFE0; }
-	.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl, .ns-7 dl dl dl dl,	+	.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl,
-	.ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl, .ns-15 dl dl dl dl,	+	.ns-7 dl dl dl dl,
		+	.ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl,
		+	.ns-15 dl dl dl dl,
	.ns-101 dl dl dl dl		.ns-101 dl dl dl dl
	{ background-color: #FFFFEE; }		{ background-color: #FFFFEE; }
Ligne 256:		Ligne 262:
-	/* interlignage des titres de pages : utile pour les titres « à rallonge » */	+	/* interlignage des titres de pages :
		+	utile pour les titres « à rallonge » */
	.firstHeading {line-height: 1.2em}		.firstHeading {line-height: 1.2em}
-	/* correction du bug de bordure blanche en attendant une mise a jour du site */	+	/* correction du bug de bordure blanche
		+	en attendant une mise a jour du site */
	div.floatleft, table.floatleft {		div.floatleft, table.floatleft {
	float: left;		float: left;
Ligne 277:		Ligne 285:
-	/* Place un damier de vérification en arrière-plan dans la page de description de l'image, visible seulement en cas d'image transparente ou semi-transparente */	+	/* Place un damier de vérification en arrière-plan
-	#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}	+	dans la page de description de l'image, visible
		+	seulement en cas d'image transparente ou
		+	semi-transparente */
		+	#file img {
		+	background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
-	/* dans special:allpages et special:watchlist, rendre plus visible les pages étant des redirects */	+	/* dans special:allpages et special:watchlist,
		+	rendre plus visible les pages étant des redirects */
	.allpagesredirect a,		.allpagesredirect a,
	.watchlistredir a {		.watchlistredir a {
Ligne 287:		Ligne 300:
	}		}
-	/* coloration des tailles de diff dans les RC et les watchlist -- Darkoneko, 24/12/2006 */	+	/* coloration des tailles de diff dans les RC et
		+	les watchlist -- Darkoneko, 24/12/2006 */
	.mw-plusminus-neg { color:#FF2050; }		.mw-plusminus-neg { color:#FF2050; }
	.mw-plusminus-pos { color:#00B000; }		.mw-plusminus-pos { color:#00B000; }
Ligne 321:		Ligne 335:
	/* END Diff rendering */		/* END Diff rendering */
-	/* Ne pas afficher le lien complet des url externes sur la version imprimable (tag manuel) */	+	/* Ne pas afficher le lien complet des url externes
		+	sur la version imprimable (tag manuel) */
	/* Do not expand "plainlinksneverexpand" URLs for printing */		/* Do not expand "plainlinksneverexpand" URLs for printing */
Ligne 331:		Ligne 346:
	}		}
-	/* Make sure that ext links displayed within "plainlinksneverexpand" don't get the arrow...*/	+	/* Make sure that ext links displayed within "plainlinksneverexpand"
		+	don't get the arrow...*/
	.plainlinksneverexpand a {		.plainlinksneverexpand a {
Ligne 342:		Ligne 358:
	#coordinates {		#coordinates {
-	border:none; background:none; top:0.3em; margin:0.0em;	+	border:none;
-	padding:0.0em; line-height:1.5em; text-align:right; text-indent:0; font-size:85%; text-transform:none; white-space:nowrap;	+	background:none;
		+	top:0.3em;
		+	margin:0.0em;
		+	padding:0.0em;
		+	line-height:1.5em;
		+	text-align:right;
		+	text-indent:0;
		+	font-size:85%;
		+	text-transform:none;
		+	white-space:nowrap;
	}		}
Ligne 352:		Ligne 377:
	*/		*/
-	/* couleur plus discrète pour le symbole de modification non vérifiée, dans les modifications récentes ou la liste de suivi, au lieu du rouge agressif */	+	/* couleur plus discrète pour le symbole de modification
		+	non vérifiée, dans les modifications récentes ou la liste
		+	de suivi, au lieu du rouge agressif */
	span.unpatrolled {color: #999}		span.unpatrolled {color: #999}
Ligne 365:		Ligne 392:
	}		}
-	/* bordure orangée/rouge pour les alertes nécessitant une attention particulière */	+	/* bordure orangée/rouge pour les alertes nécessitant
		+	une attention particulière */
	.grave {		.grave {
	border:1px solid #FF9966;		border:1px solid #FF9966;
Ligne 372:		Ligne 400:
	/* Rend le fond des images "thumb" blanc au lieu de gris */		/* Rend le fond des images "thumb" blanc au lieu de gris */
-	/* Visible uniquement chez les images à fond transparent */	+	/* Visible uniquement avec les images à fond transparent */
	div.thumb div a img {		div.thumb div a img {
	background-color:#ffffff;		background-color:#ffffff;
Ligne 392:		Ligne 420:
	/* Style des exemples */		/* Style des exemples */
-	.exemple { margin:0.5em; padding:0.5em; border:dashed 1px lightblue; background-color:white; }	+	.exemple {
		+	margin:0.5em;
		+	padding:0.5em;
		+	border:dashed 1px lightblue;
		+	background-color:white;
		+	}
	/* cacher les crochets pour les notes par defaut */		/* cacher les crochets pour les notes par defaut */

---

Version du 18 octobre 2010 à 08:43

/*

Feuille de style pour Sambistas seulement

Cette page contrôle l'apparence pour l'apparence Sambistas.

Les modifications devant s'appliquer à toutes les apparences devraient aller dans Common.css

 */

/* les nombre impairs représentent les espaces de discussion
   '0': 'Article',         '1' : 'Discuter'
   '2': 'Utilisateur',     '3' : 'Discussion utilisateur'
   '4': 'Samba en France', '4' : 'Discussion Samba en France'
   '6': 'Image',           '5' : 'Discuter Image'
   '8': 'MediaWiki',       '9' : 'Discussion MediaWiki'
  '10': 'Modèle',         '11' : 'Discuter Modèle'
  '12': 'Aide',           '13' : 'Discuter Aide'
  '14': 'Catégorie',      '15' : 'Discuter Catégorie'
 '100': 'Agenda',        '101' : 'Discuter Agenda'

SOMMAIRE

I aspect général (les choses concernant l'affichage de toute le site)
I.1 Couleur de fond des différents namespaces
I.2 gestion de la coloration indentatique
I.3 autres

II Divers 

*/

/************************************************************/
/*                  ASPECT GENERAL                          */
/************************************************************/

/*-----------------------------------------*/
/*            COULEUR DE FOND              */
/*-----------------------------------------*/

/* par défaut : la couleur des pages de discussion 
   (ce qui évite donc d'avoir à redéfinir la couleur de la 
    moitié des namespaces)  */
#content, 
#p-cactions li, 
#p-cactions li a {
   background: #FFFFEE; /* jaune pâle */
}

/* Special: (bleu ciel) */
.ns--1 #content, 
.ns--1 #p-cactions li, 
.ns--1 #p-cactions li a {
   background: #F8FCFF;
}
/* (main) */
.ns-0 * #content, 
.ns-0 * #p-cactions li, 
.ns-0 * #p-cactions li a { 
   background : white;
}

/* Utilisateur: */
.ns-2 * #content, 
.ns-2 * #p-cactions li, 
.ns-2 * #p-cactions li a {
   background : white;
}

/* Samba en France:  */
.ns-4 * #content, 
.ns-4 * #p-cactions li, 
.ns-4 * #p-cactions li a {
   background: white;
}

/* Image: */
.ns-6 * #content, 
.ns-6 * #p-cactions li, 
.ns-6 * #p-cactions li a {
   background: #EFEFEF;
}

/* MediaWiki: */
.ns-8 * #content, 
.ns-8 * #p-cactions li, 
.ns-8 * #p-cactions li a {
   background: #EEEEFF;
}

/* Modèle: */
.ns-10 * #content, 
.ns-10 * #p-cactions li, 
.ns-10 * #p-cactions li a { 
   background: #EFEFEF;
}

/* Aide: */
.ns-12 * #content, 
.ns-12 * #p-cactions li, 
.ns-12 * #p-cactions li a {
   background: #FFEEEE; /* rose */
}

/* Catégorie: */
.ns-14 * #content, 
.ns-14 * #p-cactions li, 
.ns-14 * #p-cactions li a {
   background: #EFEFEF;
}

/* Agenda: */
.ns-100 * #content, 
.ns-100 * #p-cactions li, 
.ns-100 * #p-cactions li a {
   background: white;
}


/* Style pour les pages de discussion ;
   gestion de la coloration indentative */
.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd, 
.ns-11 dd, .ns-13 dd, .ns-15 dd, .ns-101 dd { 
   margin: 0;
   padding: 0;
}

.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, 
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl { 
   border-top: solid 1px #F0F080; 
   border-left: solid 1px #F0F080; 
   padding-top: 0.5em; 
   padding-left: 0.5em; 
   margin-left: 1em; 
}

.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl, 
.ns-11 dl, .ns-13 dl, .ns-15 dl, .ns-101 dl { 
   background-color: #FFFFE0; 
}

.ns-1 dl dl, .ns-3 dl dl, .ns-5 dl dl, .ns-7 dl dl, .ns-9 dl dl, 
.ns-11 dl dl, .ns-13 dl dl, .ns-15 dl dl, .ns-101 dl dl { 
   background-color: #FFFFEE; 
}

.ns-1 dl dl dl, .ns-3 dl dl dl, .ns-5 dl dl dl, 
.ns-7 dl dl dl, .ns-9 dl dl dl, 
.ns-11 dl dl dl, .ns-13 dl dl dl, .ns-15 dl dl dl,
.ns-101 dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl, .ns-3 dl dl dl dl, .ns-5 dl dl dl dl,
.ns-7 dl dl dl dl, 
.ns-9 dl dl dl dl, .ns-11 dl dl dl dl, .ns-13 dl dl dl dl,
.ns-15 dl dl dl dl, 
.ns-101 dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl, .ns-3 dl dl dl dl dl, .ns-5 dl dl dl dl dl, 
.ns-7 dl dl dl dl dl, .ns-9 dl dl dl dl dl, .ns-11 dl dl dl dl dl, 
.ns-13 dl dl dl dl dl, .ns-15 dl dl dl dl dl, .ns-101 dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl, 
.ns-5 dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl, 
.ns-9 dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl, 
.ns-13 dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl, 
.ns-101 dl dl dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl, 
.ns-5 dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl, 
.ns-9 dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl, 
.ns-13 dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl, 
.ns-101 dl dl dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl, 
.ns-5 dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl, 
.ns-9 dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl, 
.ns-13 dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl, 
.ns-101 dl dl dl dl dl dl dl dl
{ background-color: #FFFFEE; }

.ns-1 dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl, 
.ns-5 dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl, 
.ns-9 dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl, 
.ns-13 dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl, 
.ns-101 dl dl dl dl dl dl dl dl dl
{ background-color: #FFFFE0; }

.ns-1 dl dl dl dl dl dl dl dl dl dl, .ns-3 dl dl dl dl dl dl dl dl dl dl, 
.ns-5 dl dl dl dl dl dl dl dl dl dl, .ns-7 dl dl dl dl dl dl dl dl dl dl, 
.ns-9 dl dl dl dl dl dl dl dl dl dl, .ns-11 dl dl dl dl dl dl dl dl dl dl, 
.ns-13 dl dl dl dl dl dl dl dl dl dl, .ns-15 dl dl dl dl dl dl dl dl dl dl, 
.ns-101 dl dl dl dl dl dl dl dl dl dl
{ background-color: #FFFFEE; }



/************************************************************
 *            Style de l'interface (adapté de Wikipédia)
 ************************************************************/

/* Menu personnel : suppression de la mise en lowercase */
#p-personal li {
  text-transform: none;
  font-variant: normal;
}

/* Soulignement léger pour les sous-parties */
h3 { 
   border-bottom: dotted 1px #aaa;
}

h4, h5, h6 { 
   border-bottom: dotted 1px #ddd;
}

/* Fenêtres arrondies (pour les navigateurs gecko, webkit & khtml) */

#content {
   -moz-border-radius-topleft: 1em;
   -webkit-border-top-left-radius: 1em;
   -khtml-border-top-left-radius: 1em;
   border-top-left-radius: 1em;
   border-style: solid;
   border-color: lightgray gray gray lightgray;
   border-width: 1px;
   margin-right: 10em;
   overflow-x: scroll;
}
.pBody {
   padding: 0.3em 0.3em;
   -moz-border-radius-topleft: 1em;
   -webkit-border-top-left-radius: 1em;
   -khtml-border-top-left-radius: 1em;
   border-top-left-radius: 1em;
}
.portlet h5 {
   border: thin solid silver;
   -moz-border-radius-topleft: 1em;
   -webkit-border-top-left-radius: 1em;
   -khtml-border-top-left-radius: 1em;
   border-top-left-radius: 1em;
}
#p-cactions ul {
   padding-left: 2.5em;
}
#p-cactions ul li, #p-cactions ul li a {  
   -moz-border-radius-topleft: 1em;
   -webkit-border-top-left-radius: 1em;
   -khtml-border-top-left-radius: 1em;
   border-top-left-radius: 1em;
   -moz-border-radius-topright: 1em;
   -webkit-border-top-right-radius: 1em;
   -khtml-border-top-right-radius: 1em;
   border-top-right-radius: 1em;
}


/* interlignage des titres de pages : 
   utile pour les titres « à rallonge » */
.firstHeading {line-height: 1.2em}


/* correction du bug de bordure blanche 
   en attendant une mise a jour du site */
div.floatleft, table.floatleft {
    float: left;
    position: relative;
    margin: 0em 0.5em 0.5em 0em;
    border: 0;
}

div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0em 0em 0.5em 0.5em;
    border: 0;
}


/* Place un damier de vérification en arrière-plan 
   dans la page de description de l'image, visible 
   seulement en cas d'image transparente ou 
   semi-transparente */
#file img {
  background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}

/* dans special:allpages et special:watchlist, 
   rendre plus visible les pages étant des redirects */
.allpagesredirect a,
.watchlistredir a  {
  color:#00BB00; /* vert */
  font-style:italic;
}

/* coloration des tailles de diff dans les RC et 
   les watchlist -- Darkoneko, 24/12/2006 */
.mw-plusminus-neg { color:#FF2050; }
.mw-plusminus-pos { color:#00B000; }
.mw-plusminus-null { color:#999999; }


/* BEGIN Diff rendering */
table.diff {
  padding: 0.5em;
}
table.diff td { 
   vertical-align: top;
}
td.diff-addedline { 
   background:#D8E4F6; 
}
td.diff-addedline span.diffchange {
   background: #B0C0F0;
   color: #001040;
   font-weight: bold;
}
td.diff-deletedline {
   background:#E4F6D8;
}
td.diff-deletedline span.diffchange {
   background: #B0E897;
   color: #104000;
   font-weight: bold;
}
td.diff-context {
   background:#FEFEFE;
}
/* END Diff rendering */

/* Ne pas afficher le lien complet des url externes 
   sur la version imprimable (tag manuel) */
/* Do not expand "plainlinksneverexpand" URLs for printing */

.plainlinksneverexpand a.external.text:after {
  display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
  display: none !important;
}
 
/* Make sure that ext links displayed within "plainlinksneverexpand"
   don't get the arrow...*/

.plainlinksneverexpand a {
  background: none !important;
  padding: 0 !important;
}


/* CSS pour les modèles de coordonnées  */

#coordinates {  
  border:none;
  background:none;
  top:0.3em;
  margin:0.0em;
  padding:0.0em;
  line-height:1.5em;
  text-align:right;
  text-indent:0;
  font-size:85%;
  text-transform:none;
  white-space:nowrap;
}


/************************************************************/
/*
 * Divers
 */

/* couleur plus discrète pour le symbole de modification 
   non vérifiée, dans les modifications récentes ou la liste 
   de suivi, au lieu du rouge agressif */
span.unpatrolled {color: #999}

/*
 APPARENCE DES MESSAGES D'ALERTE
 */
.alerte { 
   padding:0.2em; 
   background:#FFFFDD; 
   margin-bottom:0.4em;
   font-style: italic;
 }

/* bordure orangée/rouge pour les alertes nécessitant 
   une attention particulière */
.grave {
   border:1px solid #FF9966;
}


/* Rend le fond des images "thumb" blanc au lieu de gris */
/* Visible uniquement avec les images à fond transparent */
div.thumb div a img {
    background-color:#ffffff;
}
div.thumb {
    -moz-border-bottom-colors: transparent;
    -moz-border-left-colors: transparent;
    -moz-border-right-colors: transparent;
    -moz-border-top-colors: transparent;
}

/* Norme bibliographique */
.BibList    { display:block; }
.WikiNorme  { display:none; }
.BibTeX     { display:none; }
.ISBD       { display:none; }
.ISO690     { display:none; }
.specialBib { display:none; }

/* Style des exemples */
.exemple {
  margin:0.5em;
  padding:0.5em;
  border:dashed 1px lightblue;
  background-color:white;
}

/* cacher les crochets pour les notes par defaut */
.cite_crochet { display: none; }

/* Styles spécifiques pour les boîtes de navigation du site */
.navbox-lang {
  float: right; 
  background-color: transparent; 
  border: 2px inset; 
  border-color: green; 
  padding: 5px; 
  margin-left: 10px; 
  text-align: center; 
  text-size: small;
}

/* Style pour les liens de réseautage */
#p-reseautage {
  width: auto;
  margin: -9px 0 7px 3.5em;
  overflow: hidden;
}

/* Style pour la pub */
#google_ads {
  float: right;
}

/* 

*/