MediaWiki:Common.css

/* Commentaires
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} */
 
html, title, head, br, il, tr, th, table, p, li, ol, omg, ihr, body, td , center,h1, h2, h3, h4, 
h5, h6, .mv-headline, div, span { font-family: Calibri arial dejavusans dejavu sans; font-size:10pt;}
/*
0        1         2         3         4         5         6         7
1234567890123456789012345678901234567890123456789012345678901234567890
Éclipsée peut-être par la célébrité du nom et l’éclat des diamants, l’histoire 
Éclipsée peut-être par la célébrité du nom et l’éclat 
*/
 
/* Introduction */
span.buttonText {color:#808080;}
 
table.common_css_test { background-color:#FF8080; }
 
div.center {text-align: center }
 
/* 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;  min-width: 1cm;}
 
/* cParBase */
.parBaseTab, table.cParBaseTab { 
  font-size:100%;
  margin-top:0em;
  margin-bottom:0.0em;
  margin-left:0;
  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.0em;
  margin-left:0;
  margin-right:auto;
  padding:0em;
  border:0px;
  background-color:#80FF80;
  border-radius:0.0em;
}
/********************************************************************/
/*                             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.
*/
body, .mv-body{
font-size : 100%;
max-width : 28cm;
min-width : 1cm;
padding: 0.2cm;
}
 
h1, h2, h3, h4, h5, h6  {
font-size : 110%;
max-width : 21cm;
min-width : 3.0cm;
padding  : 0em;

}
h1, h2, h3, h4, h5, h6 {
margin : 0 cm;
margin-top : 0.2cm;
margin-bottom : 0.1cm;
padding-left  : 0.5cm;
padding-right : 0.5cm;
border-color:#8BB6C4;
border-radius:0.2cm;
border-style:solid;
border-width:1pt;
background:#CDF8FF;
color:#000000
}
 
.inMarg {
max-width : auto;
}
 
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL {
font-size : 75%;
width : 3cm;
}
 
.Half, .headHalf {
font-size : 100%;
width : 4.5cm;
}
 
.full, .head, .parBaseTabTdR, .cParBaseTdR {
font-size : 100%;
width : 9cm;
}
 
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 {
font-size : 100%;
width : 18cm;
}
 
.headHalf, .head, .headDouble {
    display:inline-block;
    vertical-align:middle;
}
 
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, td.cParBaseTdL2 { 
  word-wrap:break-word;
  text-align:center;
  vertical-align:middle; 
  padding:0;
  margin:0em;
} 
 
.parBaseTabTdR, cParBaseTdR, .parBaseTabTdR2, td.cParBaseTdR2 { 
  word-wrap: break-word;
  background-color:transparent;
  padding:0.0em;
  padding-top:0;
  margin:0.0em;
  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; 
}
h1, h2, h3, h4, h5, h6, .inMarg, .parBaseTabTdR2, 
  .parBaseTabTdR, 
  .parBaseTabTdL2, 
  .parBaseTabTdL, 
  .parBaseTabTd, 
  .parBaseTabTh, 
  .mw-headline-number,
  .mw-headline
{ 
  vertical-align:middle;  
  display:inline-block;
  /* display: table-cell; */
}
.mw-headline
{
  width:21cm;
}
.mw-headline-number {
  padding-right: 0.25cm;
  width : 2.25cm;
}
 
/* cNumPar */
div.cNumParTitle {
  font-size:100%;
  padding:0em;
  margin:0em;
}  
 
/*
0        1         2         3         4         5         6         7
1234567890123456789012345678901234567890123456789012345678901234567890
*/
atCounter{
font-size:75%;
}
 
span.cNumParTitle, 
  span.parTitle, 
  span.anTitle, 
  span.defTitle, 
  span.exTitle, 
  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
}
 
/*
0        1         2         3         4         5         6         7
1234567890123456789012345678901234567890123456789012345678901234567890
*/
 
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.2em;
  margin:0.2em;
  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;}
 
/* 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 { 
  background-color:#E0E0F0;
  padding:0.0em; 
}
.figTab table.figTable { 
  margin:0.5em 0em 0.5em 0em; 
}
 
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd { 
  background-color:#FFFFFF;
  /* *max-width:13.5cm; */
  max-width:65ch; 
}
 
.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; 
}
.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.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:50%;
}

#rule {
    width: 2168px;
}

#rule img{
    max-width: 100%;
    max-height: 100%;
}