MediaWiki:Common.css
De Wikip
Révision datée du 13 février 2024 à 19:34 par toross>WikiAdmin
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 appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
/* Commentaires */
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.
min.css"); */
/* * {font-family: courier new} */
/*
# élement unique
. class
*/
/* html,head,body{ width:*} */
/* #mw-header-container */
html, title, head, br, il, tr, th, table, p, omg, ihr, body, td ,
center,h1, h2, h3, h4, h5, h6, .mw-headline, div
{
/* font-family: Calibri arial dejavusans dejavu sans; */
font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
font-size:12pt;
margin : 0pt;
padding : 0pt;
}
dl, dt, dd, ul, ol, li, .mw-body
{
margin-top : 0;
margin-bottom : 0;
padding-top : 0;
padding-bottom : 0;
}
/*
ul, ol {
list-style-position: inside;
}
*/
#bodyContent{
padding:0;
min-width : 180mm;
}
#content{
padding: 5mm ;
width : 210mm;
margin : 5mm ;
}
#mw-content-text {
padding: 1mm;
}
#mw-head{
min-width : 220mm;
}
#mw-panel {
min-width : 10.1ch;
margin: 0mm;
}
/*
h1, h2, h3, h4, h5, h6 {
max-width : 210mm;
min-width : 10mm;
font-size : 105%;
padding: 0.05ch;
margin : 0.05ch;
border-radius:5px;
border-style:solid;
border-width:0.01ch;
vertical-align:middle;
}
*/
h1, h2, h3, h4, h5, h6, .mw-headline-number, .mw-headline
{
vertical-align:middle;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6{
margin : 0.1ch;
}
.mw-editsection {
display: inline;
}
h1, .mw-body h1 {font-size:120%; font-weight:bold;}
h2, .mw-body h2 {font-size:115%; font-weight:bold;}
h3, .mw-body h3 {font-size:110%; font-weight:bold;margin-left:2ch;}
h4, .mw-body h4 {font-size:108%; font-weight:bold;margin-left:4ch;}
h5, .mw-body h5 {font-size:106%; font-weight:bold;margin-left:6ch;}
h6, .mw-body h6 {font-size:103%; font-weight:bold;margin-left:8ch;}
.inMarg, .parBaseTabTdR2,
.parBaseTabTdR,
.parBaseTabTdRHalf,
.parBaseTabTdL2,
.parBaseTabTdL,
.parBaseTabTd,
.parBaseTabTh {
/*display:inline-block; */
display: table-cell;
}
/* table with div */
.tab { display: table; }
.tabTr { display: table-row; }
.tabTh { display: table-header-group; }
.tabBody { display: table-row-group; }
.tabFoot { display: table-footer-group; }
.tabTd, .tabTh { display: table-cell; }
/* cParBase */
.parBaseTab, table.cParBaseTab {
font-size:100%;
margin-top:0ch;
margin-bottom:0.5ch;
margin-left:1ch;
margin-right:auto;
padding:0ch;
border:0px;
border-radius:0.0ch;
}
.parBaseTab2,table.cParBaseTab2 {
font-size:100%;
margin-top:0ch;
margin-bottom:0.5ch;
margin-left:0;
margin-right:auto;
padding:0ch;
border:0px;
border-radius:0.0ch;
}
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL {
font-size : 90%;
}
.Half, .headHalf {
font-size : 100%;
}
.full, .head, .parBaseTabTdR, .parBaseTabTdRHalf, .cParBaseTdR {
font-size : 100%;
}
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 {
font-size : 100%;
}
.headHalf, .head, .headDouble {
display:inline-block;
vertical-align:middle;
}
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2 {
word-wrap:break-word;
text-align:center;
vertical-align:top;
padding:0;
margin:0ch;
margin-bottom:0.5ch;
}
.parBaseTabTdR, .parBaseTabTdRHalf, cParBaseTdR, .parBaseTabTdR2,
td.cParBaseTdR2 {
word-wrap: break-word;
padding:0.0ch;
padding-top:0;
margin:0.0ch;
margin-top : 0.5ch;
margin-bottom: 0.5ch;
vertical-align:top;
text-align:justify;
}
/********************************************************************/
.parBaseTab, .parBaseTab2 {
display: table;
}
.parBaseTabTr {
display: table-row;
}
.parBaseTabTh {
display: table-header-group;
}
.parBaseTabBody {
display: table-row-group;
}
.parBaseTabFoot {
display: table-footer-group;
}
.inMarg, .parBaseTabTdR2,
.parBaseTabTdR,
.parBaseTabTdRHalf,
.parBaseTabTdL2,
.parBaseTabTdL,
.parBaseTabTd,
.parBaseTabTh{
vertical-align:top;
}
.figcTab, .figTab table.figTable, table.figcTable {
padding:0.0ch;
}
.figTab table.figTable {
margin:0.5ch 0ch 0.5ch 0ch;
}
.figcTitleTabTd, .figTitleTabTd, td.figTitleTd, td.figcTitleTd {
padding-left:1ch;
padding-right:1ch;
}
.figTab, .figcTab {
display: table;
}
.figTabTr, .figcTabTr {
display: table-row;
}
.figTabTh, .figcTabTh {
display: table-header-group;
}
.figTabBody, .figcTabBody {
display: table-row-group;
}
.figTabFoot, .figcTabFoot {
display: table-footer-group;
}
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, td.cParBaseTdL2,
.figcTitleTabTd,
.figcImgTabTd,
.figTitleTabTd,
.figImgTabTd,
.figTabTd,
.figTabTh {
display: table-cell;
text-align: center;
}
.figcTitleTabTd, .figTitleTabTd {
border-radius:0.5ch;
}
.figcTab, table.figcTable {
display: inline-table;
}
.MathJax{
/* !veryimportant TODO */
font-size: 1.01ch important;
}
/******************************************************************/
/* width */
/********************************************************************/
/* width */
/*
0 1 2 3 4 5 6 7
1234567890123456789012345678901234567890123456789012345678901234567890
Voici un titre très très long et assez long pour dépasser le nombre maximal de
caractères comme vous pouvez le constater.
*/
.inMarg { max-width : auto; }
.tabTd, .tabTh {
min-width: 10mm;
}
#pw-panel{
padding-left:2mm;
}
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2
{
width: 30mm ;
}
.min {
min-width: 10mm ;
}
.half, .headHalf, .full, .head,
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd, .parBaseTabTdRHalf
{
width : 75mm ;
}
.parBaseTabTdR, .cParBaseTdR
{
width : 150mm; /* 70ch */
}
.double, .headDouble,.parBaseTabTdR2,.cParBaseTdR2
{
width : 180mm;
}
.cadreDouble
{
text-align:middle;
border:6px solid;
margin :1px ;
padding:2px ;
}
.cadreSimple
{
text-align:middle;
border:2px solid;
margin :2px ;
padding:8px;
}
.cadreSimpleD
{
text-align:middle;
border:1px solid;
margin :4px ;
padding:8px;
}
.cadreSimpleT
{
text-align:middle;
border:1px solid;
margin :6px ;
padding:8px;
}
body, mw-body {
margin: auto;
}
body, .toc, .toccolours, mw-body, .mw-warning {
padding:1mm;
border:1px solid;
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content
.mw-highlight-lines pre {
box-shadow:none;
padding-left: 0.0ch;
}
pre, .preSpan, .preSiv {
font-family: monospace sans-serif;
margin : 0 ;
padding : 0 ;
font-size: 10pt;
box-shadow:none;
/* display: block; */
}
/* fig figc */
center.figCenter {
margin:0ch;
padding:0.0ch;
}
/* Introduction */
div.center {text-align: center }
#toc {
background-image: None;
}
pre {
line-height: 100%;
}
/******************************************************************************/
/******************************************************************************/
/* NUMEROTATION start */
.mw-headline-number {
padding-right: 2mm;
}
.atCounter{
font-family:serif;
font-size:75%;
padding : 0.1ch;
margin : 0.1ch;
margin-top:1.0ch;
}
/* 24 */
.cNumParTit,
.cNumParTit2,
.parTit,
.anoTit,
.defTit,
.exaTit,
.exoTit,
.notTit,
.queTit,
.qupTit,
.rdoTit,
.rdnTit,
.rqeTit,
.tdoTit,
.cslTit,
.hypTit,
.assTit,
.proTit,
.theTit,
.axoTit,
.lemTit,
.cojTit,
.dEqTit,
.nEqTit
{
border-radius:0.9ch;
border-style:solid;
border-width:0.01em;
min-height:1.25ch;
padding : 0.2ch;
margin : 0.1ch;
}
/* 24 */
.cNumParTag,
.cNumParTag2,
.parTag,
.anoTag,
.defTag,
.exaTag,
.exoTag,
.notTag,
.queTag,
.qupTag,
.rdoTag,
.rdnTag,
.rqeTag,
.tdoTag,
.cslTag,
.hypTag,
.assTag,
.proTag,
.theTag,
.axoTag,
.lemTag,
.cojTag,
.dEqTag,
.nEqTag
{
font-size:75%;
border-radius:1.0em;
border-style:solid;
border-width:0.01em;
padding:0.1em;
margin:0.05em;
}
/* 24 */
.cNumParInfo,
.cNumParInfo2,
.parInfo,
.anoInfo,
.defInfo,
.exaInfo,
.exoInfo,
.notInfo,
.queInfo,
.qupInfo,
.rdoInfo,
.rdnInfo,
.rqeInfo,
.tdoInfo,
.cslInfo,
.hypInfo,
.assInfo,
.proInfo,
.theInfo,
.axoInfo,
.lemInfo,
.cojInfo,
.dEqInfo,
.nEqInfo
{
font-size:75%;
border-radius:1.0em;
border-style: none;
border-width:0.01em;
padding:0.1em;
margin:0.05em;
margin-top:1ch;
}
.pr
{
padding:0.5ch;
margin:0.5ch;
}
/* notationEq define notation by equivalence */
.notationEq {
box-shadow: none; /* TODO */
}
/* NUMEROTATION end */
/******************************************************************************/
/******************************************************************************/
@media screen{
/******************************************************************************/
/****************************** dark colors ***********************************/
/*
h1, h2, h3, h4, h5, h6 {
border-color:#8BB6C4;
color:#000000;
}
*/
/* https://www.mediawiki.org/wiki/Topic:Vjttqs8vp9q2gn9q
.syntaxhighlight-custom-color pre { background-color: black; }
.syntaxhighlight-custom-color pre > font { color: red; }
*/
/* cParBase */
.parBaseTab, table.cParBaseTab {
background-color:transparent;
}
.parBaseTab2,table.cParBaseTab2 {
background-color:transparent;
}
.parBaseTabTdR, .parBaseTabTdRHalf, cParBaseTdR, .parBaseTabTdR2,
td.cParBaseTdR2 {
background-color:transparent;
}
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd {
background-color:transparent;
}
.cadreDouble
{
background-color:transparent;
border-color: #404040;
}
.cadreSimple
{
background-color:transparent;
border-color: #404040;
}
.cadreSimpleD
{
background-color:transparent;
border-color: #404040;
}
.cadreSimpleT
{
background-color:transparent;
border-color: #404040;
}
body, .toc, .toccolours, mw-body, .mw-warning {
background-color:#020100;
padding:1mm;
border-color: #242;
}
#mw-panel, #mw-head{
background-color:#222;
}
table, .wikitable, tbody, tr, td {
background-color:transparent;
}
.mw-highlight .nv {
color: #a9a7dd;
}
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content
.mw-highlight-lines pre {
background-color:#000;
}
pre, .preSpan, .preSiv {
background-color : #000;
/* display: block; */
}
/* fig figc */
center.figCenter {
background-color:#111;
}
/* Introduction */
.buttonText {color:#808080;}
table.common_css_test { background-color:#FF8080; }
#toc {
background-color : #222 ;
color: #808080;
}
pr { color : #aaf ; }
/* NUMBERING 24 */
/* COMPLETED Tit 24 */
.cNumParTit,
.cNumParTit2,
.parTit,
.anoTit,
.defTit,
.exaTit,
.exoTit,
.notTit,
.queTit,
.qupTit,
.rdoTit,
.rdnTit,
.rqeTit,
.tdoTit,
.cslTit,
.hypTit,
.assTit,
.proTit,
.theTit,
.axoTit,
.lemTit,
.cojTit,
.dEqTit,
.nEqTit
{
color : #ccf ;
border-color:#D0D0D0;
background-color:transparent;
/* color:#8080ff */
}
/* COMPLETED 24 */
.cNumParTag,
.cNumParTag2,
.parTag,
.anoTag,
.defTag,
.exaTag,
.exoTag,
.notTag,
.queTag,
.qupTag,
.rdoTag,
.rdnTag,
.rqeTag,
.tdoTag,
.cslTag,
.hypTag,
.assTag,
.proTag,
.theTag,
.axoTag,
.lemTag,
.cojTag,
.dEqTag,
.nEqTag
{ color : #aaf ; border-color:#D0D0D0; background-color:#333; }
/* COMPLETED 24 */
.cNumParTag, .cNumParTit { background-color:#644;}
.cNumParTag2,.cNumParTit2{ background-color:#644;}
/* § paragraph */ .parTag,.parTit { background-color:#442;}
/* Ano anomaly */ .anoTag,.anoTit { background-color:#844;}
/* Def definition */ .defTag,.defTit { background-color:#336;}
/* Exa example */ .exaTag,.exaTit { background-color:#242;}
/* Exo exercice */ .exoTag,.exoTit { background-color:#433;}
/* Not notation */ .notTag,.notTit { background-color:#464;}
/* Que question */ .queTag,.queTit { background-color:#842;}
/* Qup question imp/ */ .qupTag,.qupTit { background-color:#953;}
/* RDo rule to apply */ .rdoTag,.rdoTit { background-color:#46a;}
/* RDn rule do not ... prohibitedt*/ .rdnTag,.rdnTit { background-color:#a44;}
/* Rqe remark */ .rqeTag,.rqeTit { background-color:#972;}
/* Tdo todo to finish */ .tdoTag,.tdoTit { background-color:#774;}
/* CSl code style to use */ .cslTag,.cslTit { background-color:#464;}
/* Hyp hypothèse*/ .hypTag,.hypTit { background-color:#887;}
/* Ass assertion */ .assTag,.assTit { background-color:#978;}
/* Pro proposition */ .proTag,.proTit { background-color:#874;}
/* The théorème */ .theTag,.theTit { background-color:#833;}
/* Axo axiome */ .axoTag,.axoTit { background-color:#871;}
/* Lem lemme */ .lemTag,.lemTit { background-color:#787;}
/* Coj conjecture */ .cojTag,.cojTit { background-color:#876;}
/* DEq define by equivalence */ .dEqTag,.dEqTit { background-color:#468;}
/* NEq notation by equivalence */ .nEqTag,.nEqTit { background-color:#474;}
/* § par */ .cNumParInfo { border-color:#444; background-color:#322;}
/* § par2 */ .cNumParInfo2 { border-color:#444; background-color:#322;}
/* parW CNumPar paragraph */ .parInfo { background-color:#221;}
/* Ano anomaly */ .anoInfo { background-color:#422;}
/* Def definition */ .defInfo { background-color:#113;}
/* Exa example */ .exaInfo { background-color:#121;}
/* Exo exercice */ .exoInfo { background-color:#211;}
/* Not notation */ .notInfo { background-color:#232;}
/* Que question */ .queInfo { background-color:#421;}
/* Qup question importante */ .qupInfo { background-color:#421;}
/* RDo rule to do, to adopt*/ .rdoInfo { background-color:#235;}
/* RDn rule do not ... prohibitedt*/ .rdnInfo { background-color:#522;}
/* Rqe remark */ .rqeInfo { background-color:#431;}
/* Tdo todo to finish */ .tdoInfo { background-color:#332;}
/* CSl code style to use */ .cslInfo { background-color:#232;}
/* Hyp hypothèse*/ .hypInfo { background-color:#443;}
/* Ass assertion */ .assInfo { background-color:#534;}
/* Pro proposition */ .proInfo { background-color:#432;}
/* The théorème */ .theInfo { background-color:#411;}
/* Axo axiome */ .axoInfo { background-color:#430;}
/* Lem lemme */ .lemInfo { background-color:#343;}
/* Coj conjecture */ .cojInfo { background-color:#433;}
/* DEq define by equivalence */ .dEqInfo { background-color:#234;}
/* NEq notation by equivalence */ .nEqInfo { background-color:#232;}
/* ========================================================================== */
body,html, .mw-body, .toc, #toc, h1, h2, h3, h4, h5, h6, mw-panel, #mw-panel,
#mw-head {
background-color:#333;
color: #C4C0C8;
}
b { color: #F8F8FF; }
a:link { color: #8d4; } /* not visited */
a:link:hover { color: #af8; }
a:visited { color: #d84; }
a:visited:hover{ color: #fb8; }
a:active {color: #afa;}
/* matht */
.mw-content{ background-color:#888; }
/******************************************************************************/
} /* end media screen */
/******************************************************************************/