Différences entre les versions de « MediaWiki:Common.css »
De Wikip
m (1 révision importée) |
|||
Ligne 1 : | Ligne 1 : | ||
/* | /* 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, . | center,h1, h2, h3, h4, | ||
h5, h6, .mw-headline, div, span { | |||
font-family: Calibri arial dejavusans dejavu sans; | |||
font-size:12pt; | |||
} | |||
/* 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 | .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; | ||
} | } | ||
.min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL { | .min, .parBaseTabTdL2, cParBaseTdL2, .parBaseTabTdL, cParBaseTdL { | ||
font-size : 75%; | font-size : 75%; | ||
} | } | ||
.Half, .headHalf { | .Half, .headHalf { | ||
font-size : 100%; | font-size : 100%; | ||
} | } | ||
.full, .head, .parBaseTabTdR, .cParBaseTdR { | .full, .head, .parBaseTabTdR, .cParBaseTdR { | ||
font-size : 100%; | font-size : 100%; | ||
} | } | ||
.double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 { | .double, .headDouble, .parBaseTabTdR2, .cParBaseTdR2 { | ||
font-size : 100%; | font-size : 100%; | ||
} | } | ||
Ligne 117 : | Ligne 135 : | ||
} | } | ||
.parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, | .parBaseTabTdL, .cParBaseTdL, .parBaseTabTdL2, .cParBaseTdL2 { | ||
word-wrap:break-word; | word-wrap:break-word; | ||
text-align:center; | text-align:center; | ||
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; | ||
} | } | ||
.inMarg, .parBaseTabTdR2, | .inMarg, .parBaseTabTdR2, | ||
Ligne 161 : | Ligne 173 : | ||
.parBaseTabTd, | .parBaseTabTd, | ||
.parBaseTabTh, | .parBaseTabTh, | ||
{ | { | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
.mw-headline-number { | .mw-headline-number { | ||
padding-right: | padding-right: 2mm; | ||
} | } | ||
Ligne 195 : | Ligne 189 : | ||
} | } | ||
span.cNumParTitle, | |||
span.cNumParTitle, | |||
span.parTitle, | span.parTitle, | ||
span.anTitle, | span.anTitle, | ||
Ligne 232 : | Ligne 221 : | ||
color:#000000 | color:#000000 | ||
} | } | ||
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; | ||
} | } | ||
.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 : | ||
} | } | ||
.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%;
}