MediaWiki:Common.css

De Sémanticlopédie
Révision datée du 1 octobre 2021 à 18:45 par LaurentRoussarie (discussion | contributions) (Page créée avec « Le CSS placé ici sera appliqué à tous les habillages. : .sommaire { border-style: solid; border-width: 1px; border-color: #aaaaaa; margin-bottom: 3em; }... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

Note : après avoir enregistré 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 pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
  • Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
  • Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
  • Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */

.sommaire
{ 
  border-style: solid;
  border-width: 1px;
  border-color: #aaaaaa;
  margin-bottom: 3em;
 }

.sommaire .sections td
{ 
  padding-left: 1em;
  padding-right: 1em;
 }

table.drs 
{ 
  border: 1px solid black;
page-break-inside: avoid;
 }

.drs th
{ 
  font-weight: normal;
  border-bottom: 1px solid black;
  text-align: center;
 }

.note, .notes
{ 
  font-size: 95%;
 }

.notes p {
}

.example td
{ border-width: 1px;}

.in-grid th 
{border-bottom: 3px double;}

table.grille  {
border-right: 1px solid;
border-top: 1px solid;
border-spacing: 0pt;
}


.grille th  {
border-left: 1px solid;
padding: 1px 0.5em;
border-bottom: 3px double;
}

.grille td  {
border-left: 1px solid;
border-bottom: 1px solid;
padding: 1px 0.5em;
}

table.tcentre * {
text-align: center;
}

#content p 
{ text-align: justify;}

div.thumb div {
    background-color: #ffffff;
}

table.listex {
margin-top: 6px;
margin-bottom: 6px;
margin-left: 32px;
} 

.listex td {
padding-left: 4px;
vertical-align: text-top;
}

span.texhtml { font-family: inherit; }

table.artable td {  /* tableaux aeres */
  padding: 0px 0.5ex;
}
table.xartable td {  /* tableaux aeres */
  padding: 0px 1ex;
}
table.xxartable td {  /* tableaux aeres */
  padding: 0px 1.5ex;
}

.nompr { /* small-caps pour les noms propres */
  font-variant: small-caps;
}

.communaute .cartouche {
  border: 1px solid #b0b0b0;
}

.communaute .cartouche .titre {
  border-bottom: 1px solid #b0b0b0; 
  text-align: center; 
  font-weight: bold; 
  font-variant: small-caps;
  background-color: #e0e0e0;
}

.communaute .cartouche .in-cartouche {
  padding-right: 20px;
}

.communaute .cartouche .in-cartouche ul {
  padding-left: 30px;
}


.biblio ul {
margin-left: 0px;
padding-left: 20px;
max-width: 49em;
text-align: justify;
}

.biblio ul li {
margin-left: 0px;
}

/* environnement pour les listes <ol> (# sous wiki) */

.ol-a ol {
  list-style-type: lower-alpha;
}

.ol-AA ol {
  list-style-type: upper-alpha;
}

.ol-i ol {
  list-style-type: lower-roman;
}

.ol-II ol {
  list-style-type: upper-roman;
}

.ul-dash ul {
  list-style-image: url("images/endash.png");
  text-align: justify; 
}

/* Grilles: traits autour des cellules de tableaux */

td.gblr, th.gblr {
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  border-left: 1px solid #404040;
}

td.gbr, th.gbr {
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
}

td.gbl, th.gbl {
  border-bottom: 1px solid #404040;
  border-left: 1px solid #404040;
}

td.gr, th.gr {
  border-right: 1px solid #404040;
}

td.gb, th.gb {
  border-bottom: 1px solid #404040;
}

body { 
  margin: 0px; 
  padding: 0px; 
  color: black; 
  background-color: #9ebe9e;
  font-family: "New Century Schoolbook", "Century Schoolbook", "Georgia", "Century", "Bodoni", serif;
}

* { font-family: inherit;}

textarea, input[type=text] { font-family: monospace; }

input[type=submit] { font-family: sans-serif; }

pre, tt  { font-family: monospace;}

#specialform { display: inline; }

#content { 
  top: 0; 
  margin: 0; 
  padding: 0; 
}

#topbar { padding: 0px; }

#powersearch {
  background: #DDEEFF; 
  border-style: solid; 
  border-width: 1px; 
  padding: 2px;
}

#quickbar {
  width: 140px; 
  top: 18ex; 
  padding: 2px; 
  visibility: visible; 
  z-index: 99;
}

/* Cadre interne de l'article (pour reduire la taille du texte proprement) */
#inarticle {
  background-color: #ffffff; 
  padding: 0px;
  max-width: 52em;
}

/* Zone du corps de l'article proprement dit */
#article{ 
  background-color: #ffffff; 
  padding-left: 24px; 
  padding-right: 12px;  
  padding-bottom: 32px;
}

#article, #article td, #article th, #article p {
/* font-family: Verdana, Arial, sans-serif;*/
  font-family: inherit;
/* font-size: 9pt; */
  color: black;
}

#article p {
  padding-top: 0; 
  padding-bottom: 0;
  margin-top: 1ex; 
  margin-bottom: 0;
  max-width: 50em;
}

#article blockquote { 
  max-width: 45em;
}

#article ul, #article ol, #article dl { 
  max-width: 47em;
}


ul {
  list-style-image: url("images/bullet.gif");
  text-align: left;
}

.justif ul {
  text-align: justify;
}

p, td, th, li, dd, dt { line-height: 12pt; }

textarea { overflow: auto; }

dt {font-weight:bold;}

#footer { padding: 4px;}
#footer form { display: inline; }

#sitetitle {
 font-family: inherit;
/* color: white;*/
 color: black;
 font-weight: normal; 
 font-size: 42px;  /* 32pt; */
 line-height: 42px;  /* 32pt; */
}


td.top {
/*  background-color: #6688AA; color: white; */
  background-color: #ffffff; color: black;
  margin-top: 4px; margin-bottom: 4px;
  padding-top: 0; padding-bottom: 0;
  text-transform: uppercase;
/* font-family: Verdana, Arial, sans-serif;*/ 
  font-size: 10px;  /* 8pt; */
}

td.top a {
/* font-family: Verdana, Arial, sans-serif;*/
/* background-color: #6688AA; color: white;*/
  background-color: #ffffff; color: black;
  text-decoration: none; 
  font-size: 90%;
}

td.bottom {
/* font-family: Verdana, Arial, sans-serif;*/
  font-size: 85%;
  padding: 0;
}

#pagestats {
/* font-family: Verdana, Arial, sans-serif;*/
  color: black;
  font-size: 9pt;
}

#sitesub {
/* font-family: Verdana, Arial, sans-serif;*/
  font-size: 21px; /* 16pt; */   # font-weight: bold;
  text-transform: uppercase;
  color: black;
  padding-top: 0;
}


/*                                            */
/* #quickbar = barre de navigation (à gauche) */
/*                                            */ 
#quickbar {
/* font-family: Verdana, Arial, sans-serif;*/
  font-size: 10px; /* 8pt; */ 
/*font-weight: bold;*/ 
  line-height: 12px;  /* 9.5pt; */
  text-decoration: none;
  color: black;
  padding: 0; margin-top: 0;
}

#quickbar a { color: #446688; }

#quickbar h6 {
/* font-family: Verdana, Arial, sans-serif;*/
  font-size: 9pt; 
  font-weight: bold; 
  line-height: 12pt;
  text-decoration: none;
/* color: #666666; */
  color: #303030;
  padding: 0; 
  margin-bottom: 2px; 
  margin-top: 6px;
}

#quickbar form { padding: 0; margin-top: 0; }

#quickbar .navminitoc {
  margin-left: 8px;
}

h1 {
/* color: #666666;*/
/* font-family: Verdana, Arial, sans-serif;*/
  font-size: 18pt; 
/*font-weight: bold;*/ 
  line-height: 21pt;
}

h1.pagetitle { 
  padding-bottom: 0; 
  margin-bottom: 1em; }


#article p.subtitle { /* = tagline de l'encyclo */
  display: none;     /* je la cache */
  color: #666666; 
  font-size: 11pt; /*font-weight: bold;*/
  padding-top: 0; 
  margin-top: 0; 
  padding-bottom: 1ex; 
  text-align: center;
}


/* Couleurs des liens */

a { 
  color: #203090; 
  text-decoration: none;
}
a.external { color: #336644; }
/*a:visited { color: #8D0749; }*/
a:visited { color: #526396; }
#article a:hover { background-color: #f0ffb0;} 
a.printable { text-decoration: underline; }
a.stub, #quickbar a.stub { color:#772233; text-decoration:none; }
a.new, #quickbar a.new { color: #CC2200; }


/* Headers */
h2, h3, h4, h5, h6 { 
  margin-bottom: 0; 
}

small { 
  font-size: 75%; 
}

h1, h2 { 
  text-align: center; 
  font-weight: normal; 
  font-variant: small-caps;} 

h3, h4, h5 { 
  text-align: center; 
  font-weight: normal; 
}

pre { 
  border-style: dotted;
  border-width: 1px;
  border-color: #b0b0b0;
  /* font-size: 95%; */
  padding: 0.5em;
 }

pre.brut {
  border-style: none;
}

.editsection { 
  font-size: 75%;
}