MediaWiki:Common.css

/* 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;
}
*/

#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:none;
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:0ch;
  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 : 90mm ;
}
.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 : 1px ;
  padding : 0.7ch ;
  border-radius : 0.7ch ;
  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 ***********************************/

/*
CSS Color Module Level 3 W3C Recommendation 18 January 2022 
https://www.w3.org/TR/css-color-3/
*/

/*
h1, h2, h3, h4, h5, h6  {
	border-color:#8BB6C4;
	color:#000000;
}
*/

/******************************************************************************/
/* syntaxHighlightGeSHi START */

.mw-highlight .nv { color: cornflowerblue } /* Name.Variable */
.mw-highlight .nf { color: cadetblue } /* Name.function */
.mw-highlight .nn { color: royalblue }  /* Name.module */
	
/* https://www.mediawiki.org/wiki/Topic:Vjttqs8vp9q2gn9q
.syntaxhighlight-custom-color pre { background-color: #112; }
.syntaxhighlight-custom-color pre > font { color: red; }
*/


/* syntaxHighlightGeSHi END */
/******************************************************************************/



/* 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; /* couleur de fond */
  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:#112;
}
pre, .preSpan, .preSiv {
  background-color : #112;
  /* 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 ; } /* la couleur du texte */
/*  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:#222;
	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; }
span.tocnumber, span.mw-headline-number { color : #54595d ;}


/******************************************************************************/
} /* end media screen */
/******************************************************************************/

.mw-body {
  padding: 0mm ;
  width : 210mm;
  margin : 0mm ;
}

#mw-content-wrapper
{
  margin-left  : auto;
  margin-right : auto; 
  width     : 220mm;  
  max-width : 220mm; 
}

#mw-content-wrapper 
{
  margin-left  : auto;
  margin-right : auto; 
  width     : 220mm;  
  max-width : 220mm; 
}

#mw-content{
  padding          : 5mm ;
  width            : 210mm; 
  max-width        : 210mm ; 
  margin           : 0mm ;
  /* background-color : red ; */
}

#content{
  padding          : 0mm ;
  width            : 210mm; 
  max-width        : 210mm ; 
  margin           : 0mm ;
}

#firstHeading, .bodyContentOuter 
{
  padding          : 0.25ch ;
  width            : 200mm; 
  max-width        : 200mm ; 
  margin           : 0mm ;
}


#bodyContent {
  padding:0;
  min-width : 180mm;
}

#mw-content-text {
padding: 0 mm;
}

#mw-head{
min-width : 210mm;
}