MediaWiki:Common.css
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; }... »)
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%;
}