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, 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; */
  /* background-color : black; */
  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;
}

pre, .preSpan, .preSiv {  
  font-family: monospace sans-serif;
  margin : 0 ;
  padding : 0 ;
  font-size: 10pt; 
  background-color : #000;
  /* display: block; */
}
 
/*
ul, ol {
list-style-position: inside;
}
*/




/* Introduction */
span.buttonText {color:#808080;}
table.common_css_test { background-color:#FF8080; }
div.center {text-align: center }

html {background-color:#D0D0D0;}

body {
margin: auto;
background-color:black;
padding:1mm; 
} 

.mw-highlight{
background-color:#000;
}


.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6{
margin : 0.1em;
}

bodyXX {
}

#bodyContent{
padding:0;
min-width : 210mm; 

}

#content{
padding:0;
width : 210mm;
margin-left : 10.2em;
}

#mw-content-text {
padding: 1mm;

}


#mw-panel, #mw-head{
background-color:#E0E0E0;
}

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

#mw-panel {
min-width : 10.1em;
margin: 0mm;
}


h1, h2, h3, h4, h5, h6  { 
max-width : 210mm; 
min-width : 10mm; 
font-size : 105%;
padding: 0.05em;
margin : 0.05em;

/*
border-color:#8BB6C4;
border-radius:5px;
border-style:solid;
border-width:1px;
*/
color:#000000;
vertical-align:middle;
}
h1, h2, h3, h4, h5, h6, .mw-headline-number, .mw-headline
{ 
  vertical-align:middle;  
}


.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:2em;} 
h4, .mw-body h4 {font-size:108%; font-weight:bold;margin-left:4em;} 
h5, .mw-body h5 {font-size:106%; font-weight:bold;margin-left:6em;} 
h6, .mw-body h6 {font-size:103%; font-weight:bold;margin-left:8em;}

.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:0em;
  margin-bottom:0.5em;
  margin-left:1em;
  margin-right:auto;
  padding:0em;
  border:0px;
  background-color:transparent;
  border-radius:0.0em;
}
 
.parBaseTab2,table.cParBaseTab2 { 
  font-size:100%;
  margin-top:0em;
  margin-bottom:0.5em;
  margin-left:0;
  margin-right:auto;
  padding:0em;
  border:0px;
  background-color:#80FF80;
  border-radius:0.0em;
}

 
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL {
font-size : 70%;
}
 
.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:0em;
  margin-bottom:0.5em;
} 
 
.parBaseTabTdR, .parBaseTabTdRHalf, cParBaseTdR, .parBaseTabTdR2, td.cParBaseTdR2 { 
  word-wrap: break-word;
  background-color:transparent;
  padding:0.0em;
  padding-top:0;
  margin:0.0em;
  margin-bottom:0.5em;
  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;  
}


.mw-headline-number {
  padding-right: 2mm;
}
 
/* cNumPar */
div.cNumParTitle {
  font-size:100%;
  padding:0em;
  margin:0em;
}  
 
 span.cNumParTitle, 
  span.parTitle, 
  span.anTitle, 
  span.defTitle, 
  span.exTitle,
  span.exoTitle, 
  span.notTitle, 
  span.qpTitle,
  span.rdoTitle,
  span.rdnTitle, 
  span.rqTitle, 
  span.todoTitle, 
  span.cslTitle, 
  span.hypTitle, 
  span.assTitle,
  span.proTitle,
  span.theTitle,
  span.axiomTitle,
  span.lemmeTitle, 
  span.propTitle,
  span.conjTitle  
{
  border-color:#D0D0D0;
  border-radius:0.5em;
  border-style:solid;
  border-width:1pt;
  min-height:1em;
  padding-left:0.5em;
  padding-right:0.5em;
  background:#E8E8FF;
  color:#000000
}
 
span.cNumParTitle2
 {
  border-color:#D0D0D0;
  border-radius:0.5em;
  border-style:solid;
  border-width:1pt;
  min-height:1em;
  padding-left:0.5em;
  padding-right:0.5em;
  background:#FFC0C0;
  color:#000000
}
 
span.cNumParTag,
span.parTag,
span.anTag,
span.defTag,
span.exTag,
span.notTag,
span.qpTag,
span.rdoTag,
span.rdnTag,
span.rqTag,
span.todoTag,
span.cslTag,
span.hypTag,
span.assTag,
span.proTag,
span.theTag,
span.axiomTag,
span.lemmeTag,
span.propTag,
span.conjTag,
span.defineEq,
span.notationEq
{ 
  border-color:#D0D0D0; 
  border-radius:0.5em;
  border-style:solid;
  border-width:1pt;
  padding:0.1em;
  margin:0.1em;
  background-color:#C0C0C0;
}
 
span.cNumParTag2 { 
  border-color:#D0D0D0; 
  border-radius:0.5em;
  border-style:solid;
  border-width:1pt;
  font-size:70%;
  padding:0.2em;
  margin:0.2em;
  background-color:#FFC0C0;
}
span.cNumParInfo { 
  padding:0.2em;
  margin:0.2em; 
}
 
/* par */
span.parTag { background-color:#E8E8FF;}
span.parTitle {background:#E8E8FF;}
 
/* An */
span.anTag { background-color:#FF6060;}
span.anTitle {background:#FF6060;}
 
/* Def */
span.defTag { background-color:#A8C8FF;}
span.defTitle {background:#A8C8FF;} 
 
/* ex */
span.exTag { background-color:#E8FFE8;}
span.exTitle {background:#E8FFE8;}

/* exo */
span.exoTag { background-color:#FFE8E8;}
span.exoTitle {background:#FFE8E8;}

/* Not */
span.notTag { background-color:#80FF80;}
span.notTitle {background:#80FF80;}
 
/* Qp */
span.qpTag { background-color:#FFB080;}
span.qpTitle {background:#FFB080;}
 
/* RDo */
span.rdoTag { background-color:#C0C0FF;}
span.rdoTitle {background:#C0C0FF;}
 
/* RDon't */
span.rdnTag { background-color:#FF8080;}
span.rdnTitle {background:#FF8080;}
 
/* Rq */
span.rqTag { background-color:#FFE0C0;}
span.rqTitle {background:#FFE0C0;}
 
/* Todo */
span.todoTag { background-color:#FFFF80;}
span.todoTitle {background:#FFFF80;}
 
/* CSl */
span.cslTag { background-color:#C0FFC0;}
span.cslTitle {background:#b0efb0;}
 
/* hyp hypothèse*/
span.hypTag { background-color:#FFFFA8;}
span.hypTitle {background:#EFEFB8;}
 
/* ass assertion */
span.assTag { background-color:#F0F0F0;}
span.assTitle {background:#E0E0E0;}
 
/* pro proposition */
span.proTag { background-color:#FFE0A8;}
span.proTitle {background:#FEE0A7;}
 
/* the théorème */
span.theTag { background-color:#FFB0B0;}
span.theTitle {background:#EFA0A0;}
 
/* axiom */
span.axiomTag { background-color:#FFE0A8;}
span.axiomTitle {background:#EFD0B8;}
 
/* lemme */
span.lemmeTag { background-color:#E0FFE0;}
span.lemmeTitle {background:#D0DFD0;}
 
/* proposition */
span.propTag { background-color:#E0FFA8;}
span.propTitle {background:#D0EFB8;}
 
/* conjecture */
span.conjTag { background-color:#FFF0E8;}
span.conjTitle {background:#EFE0D8;}
 
/* defineEq define by equivalence */
span.defineEq { 
  background-color:#A8C8FF;
  border-color:#88A8DF;
}
/* notationEq define notation by equivalence */
span.notationEq { 
  background-color:#80FF80;
  border-color:#60DF80;
}
 
/* fig figc */
center.figCenter { 
  margin:0em;
  background-color:#FFFFFF;
  padding:0.0em; 
}
 
.figcTab, .figTab table.figTable, table.figcTable { 
  padding:0.0em; 
}
.figTab table.figTable { 
  margin:0.5em 0em 0.5em 0em; 
}
 
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd { 
  background-color:#FFFFFF;
}

 
.figcTitleTabTd, .figTitleTabTd, td.figTitleTd, td.figcTitleTd { 
  /*background-color:#E0E0F0;*/
  padding-left:1em;
  padding-right:1em; 
}
 
.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.5em; 
}
.figcTab, table.figcTable { 
  display: inline-table;  
}
 
span.cNumParTag,
span.parTag,
span.anTag,
span.defTag,
span.exTag,
span.exoTag,
span.notTag,
span.qpTag,
span.rdoTag,
span.rdnTag,
span.rqTag,
span.todoTag,
span.cslTag,
span.hypTag,
span.assTag,
span.proTag,
span.theTag,
span.axiomTag,
span.lemmeTag,
span.propTag,
span.conjTag,
span.defineEq,
span.notationEq
{ 
  font-size:70%;
}

.atCounter{
font-family:serif;
font-size:70%;
}
.MathJax{ 
font-size: 1.01em !veryimportant; 
}

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

.double, .headDouble,..parBaseTabTdR2, .cParBaseTdR2 
{
  width : 180mm; 
}

.cadreDouble 
{
  text-align:middle; 
  background-color:transparent;  
  border:6px solid #404040; 
  margin :1px ;  
  padding:2px ;
}

.cadreSimple 
{
  text-align:middle; 
  background-color:transparent; 
  border:2px solid #404040; 
  margin :2px ;  
  padding:8px;
}

.cadreSimpleD 
{
  text-align:middle; 
  background-color:transparent; 
  border:1px solid #404040; 
  margin :4px ;  
  padding:8px;
}

.cadreSimpleT 
{
  text-align:middle; 
  background-color:transparent; 
  border:1px solid #404040; 
  margin :6px ;  
  padding:8px;
}

/************************ dark colors ******************************/
/* 
  # élement unique 
  . class
*/ 

@media only screen {

a,p,i,b,ul,ol,li,h1,h2,h3,h4,h5,h6,div,span,pre,code,center,hr,tab,td,th,tr,tbody, #menus-cover{ background-color : inherit ; color : #808090 ;} 

/* zone texte page *:
#content, #mw-head, #toc, #mw-content, html, head, body, .editOptions, .ts-container, .sidebar-chunk, mw-parser-output{
background-color : #222 ; color: #808080;
}

/*
#mw-related-navigation {
background-color : black ; color: #808080;
}
*/

#content, #mw-head, #toc, div, ul, li, a { background-image: None; background-color : #222 ; }


html,head,body{ width:*}

#content, #mw-head, div, ul, li, a { border-color : #101010;}

/* #p-namespaces, #firstHeading, #ca-nstab-mediawiki, code, pre, #p-navigation, div.portal{  border-color : #404040; } */

div#mw-panel div.portal div.body div  ul li a { color: #808090;  } 
div#mw-panel div.portal div.body ul li a:link{  color: #808090; }
div#mw-panel div.portal div.body ul li a:visited{ color: #808084; }

} /* @media screen */