MediaWiki:Common.css
De Wikip
Révision datée du 4 septembre 2019 à 07:52 par WikiAdmin (discussion | contributions)
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} */
pre {
font-family: : monospace;
margin : 0 ;
padding : 0 ;
}
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;
width : 210mm;
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 : 10mm;
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;
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,
.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: 10mm;
}
#pw-panel{
padding-left:2mm;
}
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2
{
width: 30mm ;
}
.min {
min-width: 10mm ;
}
.half, .headHalf, .full, .head, .parBaseTabTdR, .cParBaseTdR,
.figcImgTabTd, .figImgTabTd, td.figImgTd, td.figcImgTd
{
width : 70ch;
}
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2
{
width : 150mm;
}