MediaWiki:Common.css : Différence entre versions

De Le Parergon
Sauter à la navigation Sauter à la recherche
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
+
/* CSS placed here will be applied to all skins */
 
 
head {
 
  background-color: orange;
 
}
 
 
 
panel {
 
  background-color: none;
 
}
 
 
 
element.style {
 
  background-color: white;
 
}
 
 
 
#mw-page-base {
 
  background: linear-gradient(white, white);
 
}
 
  
 
body {
 
body {
     width: 75%;   
+
     width: 85%;   
 
     text-align: center;
 
     text-align: center;
 
     margin-top: 1em;  
 
     margin-top: 1em;  
 
     margin: auto;  
 
     margin: auto;  
 
     position:relative;
 
     position:relative;
    background-color: white;
 
    font-family: ;
 
    font
 
 
}
 
}
  
 
div { text-align: left; }
 
div { text-align: left; }
 
   
 
   
/* PREVENTS US FROM DELETING PAGES
 
 
body #ca-delete {
 
body #ca-delete {
 
     display: none !important;
 
     display: none !important;
 
}
 
}
*/
 
  
.vectorTabs .new a, .vectorTabs .new a:visited {
+
/* Infobox template style */
 +
.infobox {
 +
    border: 1px solid #aaa;
 +
    background-color: #f9f9f9;
 
     color: black;
 
     color: black;
}
+
     margin: 0.5em 0 0.5em 1em;
 
+
     padding: 0.2em;
#searchInput {
+
     /* @noflip */
    border: none;
+
     float: right;
    box-shadow: inset 0 0 1px 1px black;
+
     /* @noflip */
}
+
     clear: right;
 
+
     text-align: left;
div#content {
+
     font-size: 88%;
    border-left: 1px solid black;
 
}
 
 
 
.mw-body {
 
    border: 0px;
 
}
 
 
 
 
 
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 
    background-color: white;
 
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,white 100%);
 
}
 
 
 
h1, h2, h3, h4, h5, h6 {
 
    border-bottom: 0px solid black;
 
}
 
 
 
#mw-panel .portal h3 {
 
    color: black;
 
    font-weight: normal;
 
     margin: 0.5em 0 0 0.66666667em;
 
     padding: 0.25em 0;
 
     cursor: default;
 
     border: 1px;
 
     font-size: 0.75em;
 
}
 
h1, h2, h3, h4, h5, h6 {
 
     border-bottom: 0px solid black;
 
}
 
 
 
#mw-panel .portal .body li a:visited {
 
     color: black;
 
}
 
 
 
#mw-panel .portal .body li a {
 
    color: black;
 
}
 
a:visited {
 
    color: purple;
 
}
 
 
 
#mw-panel .portal .body li {
 
    margin: 0;
 
    padding: 0.25em 0;
 
     font-size: 0.8em;
 
 
     line-height: 1.5em;
 
     line-height: 1.5em;
    word-wrap: break-word;
 
 
}
 
}
 
+
.infobox caption {
a.new:visited, #p-personal a.new:visited {
+
    font-size: 125%;
     color: black;
+
     font-weight: bold;
 
}
 
}
a.new, #p-personal a.new {
+
.infobox td,
     color: black;
+
.infobox th {
 +
     vertical-align: top;
 
}
 
}
 
+
.infobox.bordered {
div#content a {
+
     border-collapse: collapse;
     color: purple;
 
 
}
 
}
 
+
.infobox.bordered td,
#mw-panel .portal .body {
+
.infobox.bordered th {
     background-image: none;
+
     border: 1px solid #aaa;
 
}
 
}
 
+
.infobox.bordered .borderless td,
 
+
.infobox.bordered .borderless th {
.vectorTabs li a {
+
     border: 0;
     color: black;
 
 
}
 
}
 
+
.vectorTabs li a {
+
.infobox.sisterproject {
     color: black;
+
     width: 20em;
 +
    font-size: 90%;
 
}
 
}
 
+
h3, h4, h5, h6 {
+
.infobox.standard-talk {
     border-bottom: 0;
+
     border: 1px solid #c0c090;
}
+
     background-color: #f8eaba;
 
 
 
 
#mw-panel #p-logo + .portal {
 
     margin-top: 0em;
 
 
}
 
}
 
+
.infobox.standard-talk.bordered td,
#mw-panel .portal .body li a {
+
.infobox.standard-talk.bordered th {
     text-transform:;
+
     border: 1px solid #c0c090;
 
}
 
}
 
+
#mw-panel .portal h3 {
+
/* styles for bordered infobox with merged rows */
     text-transform: uppercase;
+
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
     border: 0;
 +
    border-top: 1px solid #aaa;
 +
    border-right: 1px solid #aaa;
 
}
 
}
 
+
table.wikitable > tr > th, table.wikitable > * > tr > th {
+
.infobox.bordered .mergedrow td,
     background-color: #f8f9fa;
+
.infobox.bordered .mergedrow th {
 +
     border: 0;
 +
    border-right: 1px solid #aaa;
 
}
 
}
 
+
.wikitable {
+
/* Styles for geography infoboxes, eg countries,
     background-color: white;
+
  country subdivisions, cities, etc.           */
 +
.infobox.geography {
 +
     /* @noflip */
 +
    text-align: left;
 +
    border-collapse: collapse;
 +
    line-height: 1.2em;
 +
    font-size: 90%;
 
}
 
}
 
+
#footer-places-about {
+
.infobox.geography  td,
     display:center !important;
+
.infobox.geography  th {
 +
    border-top: 1px solid #aaa;
 +
     padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
}
 
+
.infobox.geography .mergedtoprow td,
#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer,li#footer-places-privacy{display: none !important}
+
.infobox.geography .mergedtoprow th {
 
+
     border-top: 1px solid #aaa;
.mw-editsection, .mw-editsection-like {
+
     padding: 0.4em 0.6em 0.2em 0.6em;
     font-family: sans-serif;
 
     display: none;
 
 
}
 
}
 
+
/* INFOBOX */
+
.infobox.geography .mergedrow td,
#infobox table {
+
.infobox.geography .mergedrow th {
     border: 1px solid black;
+
     border: 0;
    float: right;
+
     padding: 0 0.6em 0.2em 0.6em;
    margin: 1em;
 
     padding: 1em;
 
 
}
 
}
 
+
/* Remove OUTILS from left sidebar */
+
.infobox.geography .mergedbottomrow td,
#p-tb {display: none;}
+
.infobox.geography .mergedbottomrow th {
 
+
    border-top: 0;
 
+
    border-bottom: 1px solid #aaa;
#ca-nstab-main { display:none!important; }
+
    padding: 0 0.6em 0.4em 0.6em;
#ca-nstab-user { display:none!important; }
 
#ca-talk { display:none!important; }
 
#ca-view { display:none!important; }
 
#ca-history { display:none!important; }
 
#ca-watch { display:none!important; }
 
#ca-unwatch { display:none!important; }
 
#ca-viewsource { display:none!important; }
 
 
 
element.style {
 
 
}
 
}
a {
+
     text-decoration: none;
+
.infobox.geography .maptable td,
    color: purple;
+
.infobox.geography .maptable th {
     background: none;
+
     border: 0;
 +
     padding: 0;
 
}
 
}
  
element.style {
 
}
 
div#content {
 
    border-left: 1px solid black;
 
}
 
.mw-body {
 
    padding: 0em 1.5em 1.5em 1.5em;
 
}
 
  
element.style {
 
}
 
#mw-panel .portal .body li {
 
    font-size: 0.84em;
 
}
 
  
  
element.style {
+
/* displayed formula, formula number */
}
+
div.texdisplay {
.toctogglelabel {
+
  margin: 3px; padding: 3px;
    display: none !important;
+
  background-color: transparent;
 +
  text-align:center;
 
}
 
}
 
+
/* change to float:left if you want formula numbers appear on the left */
.toctogglespan {
+
div.texdisplay span.dispno {
    display: none;
+
  float: right;
 
}
 
}
  
  
html, body {
 
    font-family: arial;
 
}
 
  
element.style {
+
/* Allow limiting of which header levels are shown in a TOC;
}
+
  <div class="toclimit-3">, for instance, will limit to
.toc {
+
  showing ==headings== and ===headings=== but no further
    display: inline-block;
+
  (as long as there are no =headings= on the page, which
    display: table;
+
  there shouldn't be according to the MoS). */
    zoom: 1;
+
.toclimit-2 .toclevel-1 ul,
    *display: inline;
+
.toclimit-3 .toclevel-2 ul,
    padding: 7px;
+
.toclimit-4 .toclevel-3 ul,
}
+
.toclimit-5 .toclevel-4 ul,
.toc, .mw-warning, .toccolours {
+
.toclimit-6 .toclevel-5 ul,
    border: 0px solid #a2a9b1;
+
.toclimit-7 .toclevel-6 ul {
    background-color: white;
 
    padding: 5px;
 
    font-size: 95%;
 
}
 
 
 
.firstHeading {
 
    margin-bottom: 0.1em;
 
    line-height: 1.2em;
 
    padding-bottom: 0;
 
}
 
h1, h2, h3, h4, h5, h6 {
 
    border-bottom: 0px solid black;
 
}
 
 
 
div#content {
 
    border-left: 0x solid black;
 
}
 
 
 
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
 
    margin-left: 11em;
 
    border-left: 1px solid black;
 
    border-right: 0px solid black;
 
    border-top: 0px solid black;
 
    border-bottom: 0px solid black;
 
 
 
}
 
 
 
#footer-places li {
 
 
     display: none;
 
     display: none;
}
 
 
#mw-panel .portal .body li {
 
    font-size: 0.86em;
 
 
}
 
}

Version du 7 juillet 2022 à 12:28

/* CSS placed here will be applied to all skins */

body {
    width: 85%;   
    text-align: center;
    margin-top: 1em; 
    margin: auto; 
    position:relative;
}

div { text-align: left; }
 
body #ca-delete {
    display: none !important;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    /* @noflip */
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}




/* displayed formula, formula number */
div.texdisplay {
   margin: 3px; padding: 3px;
   background-color: transparent;
   text-align:center;
}
/* change to float:left if you want formula numbers appear on the left */
div.texdisplay span.dispno {
   float: right;
}



/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}