Différences entre les versions de « MediaWiki:Common.css »

De Wikip
m (1 révision importée)
Ligne 1 : Ligne 1 :
/* Commentaires
/* Commentaires */
Commentaires */
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"); */
/* @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"); */
/* * {font-family: courier new} */
/* * {font-family: courier new} */
   
   
html, title, head, br, il, tr, th, table, p, li, ol, omg, ihr, body, td , center,h1, h2, h3, h4,  
html, title, head, br, il, tr, th, table, p, li, ol, omg, ihr, body, td ,  
h5, h6, .mv-headline, div, span { font-family: Calibri arial dejavusans dejavu sans; /*font-size:10pt; pour mathJax*/}
center,h1, h2, h3, h4,  
/*
h5, h6, .mw-headline, div, span {  
0        1        2        3        4        5        6        7
  font-family: Calibri arial dejavusans dejavu sans;
1234567890123456789012345678901234567890123456789012345678901234567890
  font-size:12pt;  
É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 */
/* Introduction */
span.buttonText {color:#808080;}
span.buttonText {color:#808080;}
table.common_css_test { background-color:#FF8080; }
table.common_css_test { background-color:#FF8080; }
div.center {text-align: center }
div.center {text-align: center }
   
 
html {background-color:#D0D0D0;}
body {
  }
body, .mv-body{
margin: auto;
background-color:#E0E0E0;
max-width : 220mm;
min-width : 100mm;
padding:2mm;
}
#mw-panel, #mw-head{
background-color:#E0E0E0;
}
 
#content{
margin: 0;
padding:0;
min-width : 210mm;
}
 
h1, h2, h3, h4, h5, h6 {
max-width : 210mm;
min-width : 20mm;
font-size : 105%;
padding:  3mm;
margin : 2mm;
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-content-text {
padding: 2mm;
}
 
.mw-editsection {
display: inline;
}
 
h1 {font-size:120%; font-weight:bold;}
h2 {font-size:115%; font-weight:bold;}
h3 {font-size:110%; font-weight:bold;}
h4 {font-size:108%; font-weight:bold;}
h5 {font-size:106%; font-weight:bold;}
h6 {font-size:103%; font-weight:bold;}
 
.inMarg, .parBaseTabTdR2,
  .parBaseTabTdR,
  .parBaseTabTdL2,
  .parBaseTabTdL,
  .parBaseTabTd,
  .parBaseTabTh,
{
  /*display:inline-block; */
  display: table-cell;
}
 
/* table with div */
/* table with div */
.tab            { display: table; }
.tab            { display: table; }
Ligne 27 : Ligne 86 :
.tabBody        { display: table-row-group; }
.tabBody        { display: table-row-group; }
.tabFoot        { display: table-footer-group; }
.tabFoot        { display: table-footer-group; }
.tabTd, .tabTh  { display: table-cell;  min-width: 1cm;}
.tabTd, .tabTh  { display: table-cell; }
 
/* cParBase */
/* cParBase */
.parBaseTab, table.cParBaseTab {  
.parBaseTab, table.cParBaseTab {  
Ligne 53 : Ligne 112 :
   border-radius:0.0em;
   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 {
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL {
font-size : 75%;
font-size : 75%;
width : 3cm;
}
}
   
   
.Half, .headHalf {
.Half, .headHalf {
font-size : 100%;
font-size : 100%;
width : 4.5cm;
}
}
   
   
.full, .head, .parBaseTabTdR, .cParBaseTdR {
.full, .head, .parBaseTabTdR, .cParBaseTdR {
font-size : 100%;
font-size : 100%;
width : 9cm;
}
}
   
   
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 {
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 {
font-size : 100%;
font-size : 100%;
width : 18cm;
}
}
   
   
Ligne 117 : Ligne 135 :
}
}
   
   
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, td.cParBaseTdL2 {  
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2 {  
   word-wrap:break-word;
   word-wrap:break-word;
   text-align:center;
   text-align:center;
   /* vertical-align:middle; */
   vertical-align:top;  
   padding:0;
   padding:0;
   margin:0em;
   margin:0em;
Ligne 148 : Ligne 166 :
.parBaseTabFoot {  
.parBaseTabFoot {  
   display: table-footer-group;  
   display: table-footer-group;  
}
h1, h2, h3, h4, h5, h6, 
  .mw-headline-number,
  .mw-headline
{
  vertical-align:middle; 
}
}
.inMarg, .parBaseTabTdR2,  
.inMarg, .parBaseTabTdR2,  
Ligne 161 : Ligne 173 :
   .parBaseTabTd,  
   .parBaseTabTd,  
   .parBaseTabTh,  
   .parBaseTabTh,  
  .mw-headline-number
{  
{  
   vertical-align:top;   
   vertical-align:top;   
}
}


h1, h2, h3, h4, h5, h6, .inMarg, .parBaseTabTdR2,
  .parBaseTabTdR,
  .parBaseTabTdL2,
  .parBaseTabTdL,
  .parBaseTabTd,
  .parBaseTabTh,
  .mw-headline-number,
  .mw-headline
{
  display:inline-block;
  /* display: table-cell; */
}


.mw-headline
{
  width:21cm;
}
.mw-headline-number {
.mw-headline-number {
   padding-right: 0.25cm;
   padding-right: 2mm;
  width : 2.25cm;
}
}
   
   
Ligne 195 : Ligne 189 :
}   
}   
   
   
/*
  span.cNumParTitle,  
0        1        2        3        4        5        6        7
1234567890123456789012345678901234567890123456789012345678901234567890
*/
   
span.cNumParTitle,  
   span.parTitle,  
   span.parTitle,  
   span.anTitle,  
   span.anTitle,  
Ligne 232 : Ligne 221 :
   color:#000000
   color:#000000
}
}
/*
0        1        2        3        4        5        6        7
1234567890123456789012345678901234567890123456789012345678901234567890
*/
   
   
span.cNumParTitle2
span.cNumParTitle2
Ligne 406 : Ligne 390 :
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd {  
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd {  
   background-color:#FFFFFF;
   background-color:#FFFFFF;
  /* *max-width:13.5cm; */
  max-width:65ch;
}
}
   
   
.figcTitleTabTd, .figTitleTabTd, td.figTitleTd, td.figcTitleTd {  
.figcTitleTabTd, .figTitleTabTd, td.figTitleTd, td.figcTitleTd {  
Ligne 431 : Ligne 414 :
   display: table-footer-group;  
   display: table-footer-group;  
}
}
.figcTitleTabTd,  
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, td.cParBaseTdL2,
  .figcTitleTabTd,  
   .figcImgTabTd,  
   .figcImgTabTd,  
   .figTitleTabTd,  
   .figTitleTabTd,  
Ligne 474 : Ligne 458 :
}
}


#rule {
    width: 2168px;
}
#rule img{
    max-width: 100%;
    max-height: 100%;
}
.atCounter{
.atCounter{
font-family:serif;
font-family:serif;
Ligne 488 : Ligne 464 :
.MathJax{  
.MathJax{  
font-size: 1.01em !veryimportant;  
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: 38px;
}
#pw-panel{
padding-left:10px;
}
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2
{
  min-width: 30mm ;
}
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL2, .cParBaseTdL2 {
  min-width: 15mm ;
}
.half, .headHalf, .full, .head, .parBaseTabTdR, .cParBaseTdR,
    .figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd
{
  max-width : 70ch;
}
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2
{
  max-width : 142ch;
}
#rule {
    width: 210mm;
}
#rule img{
    max-width: 100%;
    max-height: 100%;
}
}

Version du 3 septembre 2019 à 22:22

/* 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, .mw-headline, div, span { 
  font-family: Calibri arial dejavusans dejavu sans;
  font-size:12pt; 
  } 
 
/* Introduction */
span.buttonText {color:#808080;}
table.common_css_test { background-color:#FF8080; }
div.center {text-align: center }

html {background-color:#D0D0D0;}
body {
  }
body, .mv-body{
margin: auto;
background-color:#E0E0E0;
max-width : 220mm; 
min-width : 100mm;
padding:2mm; 
} 
#mw-panel, #mw-head{
background-color:#E0E0E0;
}

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

h1, h2, h3, h4, h5, h6  { 
max-width : 210mm; 
min-width : 20mm; 
font-size : 105%;
padding:  3mm;
margin : 2mm;
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-content-text {
padding: 2mm;
}

.mw-editsection {
display: inline;
}

h1 {font-size:120%; font-weight:bold;}
h2 {font-size:115%; font-weight:bold;} 
h3 {font-size:110%; font-weight:bold;} 
h4 {font-size:108%; font-weight:bold;} 
h5 {font-size:106%; font-weight:bold;} 
h6 {font-size:103%; font-weight:bold;}

.inMarg, .parBaseTabTdR2, 
  .parBaseTabTdR, 
  .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.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;
}

 
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL {
font-size : 75%;
}
 
.Half, .headHalf {
font-size : 100%;
}
 
.full, .head, .parBaseTabTdR, .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;
} 
 
.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; 
}
.inMarg, .parBaseTabTdR2, 
  .parBaseTabTdR, 
  .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.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;}

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

 
.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:50%;
}

.atCounter{
font-family:serif;
font-size:80%;
}
.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: 38px;
}
#pw-panel{
padding-left:10px;
}

.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2 
{ 
  min-width: 30mm ; 
} 
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL2, .cParBaseTdL2 {
  min-width: 15mm ; 
}

.half, .headHalf, .full, .head, .parBaseTabTdR, .cParBaseTdR, 
    .figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd 
{
  max-width : 70ch;
}
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 
{
  max-width : 142ch; 
}

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