MediaWiki:Common.css
Révision datée du 14 mai 2020 à 19:50 par Pierrelucverville (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 pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */
body{
width: 85%;
text-align: center;
margin-top: 1em;
margin: auto;
position: relative
}
div{
text-align: left
}
body #ca-delete{
display: none !important
}
.infobox{
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: left;
font-size: 88%;
line-height: 1.5em
}
.infobox caption{
font-size: 125%;
font-weight: 700
}
.infobox td,.infobox th{
vertical-align: top
}
.infobox.bordered{
border-collapse: collapse
}
.infobox.bordered td,.infobox.bordered th{
border: 1px solid #aaa
}
.infobox.bordered .borderless td,.infobox.bordered .borderless th{
border: 0
}
.infobox.sisterproject{
width: 20em;
font-size: 90%
}
.infobox.standard-talk{
border: 1px solid #c0c090;
background-color: #f8eaba
}
.infobox.standard-talk.bordered td,.infobox.standard-talk.bordered th{
border: 1px solid #c0c090
}
.infobox.bordered .mergedtoprow td,.infobox.bordered .mergedtoprow th{
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa
}
.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{
border: 0;
border-right: 1px solid #aaa
}
.infobox.geography{
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%
}
.infobox.geography td,.infobox.geography th{
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.4em 0.6em
}
.infobox.geography .mergedtoprow td,.infobox.geography .mergedtoprow th{
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.2em 0.6em
}
.infobox.geography .mergedrow td,.infobox.geography .mergedrow th{
border: 0;
padding: 0 0.6em 0.2em 0.6em
}
.infobox.geography .mergedbottomrow td,.infobox.geography .mergedbottomrow th{
border-top: 0;
border-bottom: 1px solid #aaa;
padding: 0 0.6em 0.4em 0.6em
}
.infobox.geography .maptable td,.infobox.geography .maptable th{
border: 0;
padding: 0
}
div.texdisplay{
margin: 3px;
padding: 3px;
background-color: transparent;
text-align: center
}
div.texdisplay span.dispno{
float: right
}
.toclimit-2 .toclevel-1 ul,.toclimit-3 .toclevel-2 ul,.toclimit-4 .toclevel-3 ul,.toclimit-5 .toclevel-4 ul,.toclimit-6 .toclevel-5 ul,.toclimit-7 .toclevel-6 ul{
display: none
}
body{
background-color: white;
width: 82%;
max-width: 1050px
}
@media only screen and (max-width: 768px){
body{
width: 92%
}
div#content #twitter{
display: none !important
}
}
body,div#content,#mw-page-base,#mw-head-base,div#footer,div.vectorTabs,div.vectorTabs ul li,div.vectorTabs li.selected,div.vectorTabs span,div.vectorMenu,div.vectorMenuFocus,div#mw-head div.vectorMenu h5,div.vectorMenu h5 a,div#simpleSearch{
background: none;
background-image: none;
background-color: white
}
body,#content,.portlet{
font-family: fedra,Palatino,"times new roman"
}
body b,#content b,.portlet b,b,strong,big,dt,th,td b{
font-family: fedra-bold,Palatino,"times new roman"
}
body i,#content i,.portlet i,i,em{
font-family: fedra-italic,Palatino,"times new roman"
}
body b i,#content b i,.portlet b i,b i,b em{
font-family: fedra-bold-italic,Palatino,"times new roman"
}
h1,h2,h3,h4,h5,h6,div#content div#userloginForm h2 .createaccount-join,div#content h2#filehistory,div#content h2#filelinks{
font-family: neohellenic-bold,geneva,lucida
}
h1 i,h2 i,h3 i,h4 i,h5 i,h6 i{
font-family: neohellenic-italic,geneva,lucida
}
h1,h2,h3,h4,h5,h6,div#content div#userloginForm h2 .createaccount-join{
margin: 0;
border-bottom: 1px dotted #BBB;
font-size: 100%
}
div#content h1#firstHeading,h1 .firstheading{
font-size: 1.7em;
border-bottom: 1px solid #ccc;
font-family: neohellenic-bold,geneva,lucida;
z-index: 105
}
h2 .mw-headline,h2 .mw-version-ext,h2 .mw-headline a,div#content div#userloginForm h2 .createaccount-join{
font-size: 1.05em;
padding-top: 1.5em;
font-family: neohellenic-bold,geneva,lucida
}
h2 .mw-headline i{
font-size: 1em;
font-family: neohellenic-italic,geneva,lucida
}
h3 .mw-headline,h3 .mw-version-ext,h3 .mw-headline a{
font-size: 1.15em;
font-family: neohellenic-bold,geneva,lucida
}
h3 .mw-headline i{
font-size: .85em;
font-family: neohellenic-italic,geneva,lucida
}
h4 .mw-headline,#toctitle h2{
font-size: 1.1em;
font-family: neohellenic,geneva,lucida
}
h5 .mw-headline{
font-size: 1em;
font-family: neohellenic,geneva,lucida
}
h6 .mw-headline{
font-size: 1em;
font-family: neohellenic,geneva,lucida
}
dl{
margin-top: .5em
}
a: link,a: visited{
text-decoration: none
}
div#content a.external,div#content a.external: visited{
color: #36b
}
a: hover{
text-decoration: underline
}
a: active{
text-decoration: none
}
div#content a.external,div#content a[href ^="gopher: //"]{
background: none;
padding-right: 0
}
@font-face{
font-family: 'fedra';
src: url(/skins/monobook/fedrasans-light.woff) format('woff'),url("/skins/monobook/fedrasans-light.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/fedrasans-light.svg) format('svg');
font-weight: 400;
font-style: normal
}
@font-face{
font-family: 'fedra-bold';
src: url(/skins/monobook/fedrasans-bold.woff) format('woff'),url("/skins/monobook/fedrasans-bold.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/fedrasans-bold.svg) format('svg');
font-weight: 700;
font-style: normal
}
@font-face{
font-family: 'fedra-italic';
src: url(/skins/monobook/fedrasans-lightitalic.woff) format('woff'),url("/skins/monobook/fedrasans-lightitalic.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/fedrasans-lightitalic.svg) format('svg');
font-weight: 400;
font-style: italic
}
@font-face{
font-family: 'fedra-bold-italic';
src: url(/skins/monobook/fedrasans-bolditalic.woff) format('woff'),url("/skins/monobook/fedrasans-bolditalic.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/fedrasans-boldtitalic.svg) format('svg');
font-weight: 700;
font-style: italic
}
@font-face{
font-family: 'neohellenic';
src: url(/skins/monobook/gfsneohellenic.woff) format('woff'),url("/skins/monobook/gfsneohellenic.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/gfsneohellenic.svg) format('svg');
font-weight: 400;
font-style: normal
}
@font-face{
font-family: 'neohellenic-bold';
src: url(/skins/monobook/gfsneohellenicbold.woff) format('woff'),url("/skins/monobook/gfsneohellenicbold.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/gfsneohellenicbold.svg) format('svg');
font-weight: 700;
font-style: normal
}
@font-face{
font-family: 'neohellenic-italic';
src: url(/skins/monobook/gfsneohellenicit.woff) format('woff'),url("/skins/monobook/gfsneohellenicit.eot?#iefix") format('embedded-opentype'),url(/skins/monobook/gfsneohellenicit.svg) format('svg');
font-weight: 400;
font-style: italic
}
#mw-panel{
margin-left: 0;
padding-left: 0;
border: 0
}
div#mw-panel{
top: 70px;
width: 11em;
clear: both;
padding-left: 0;
border: 0
}
@media only screen and (max-width: 768px){
div#mw-panel{
clear: none
}
}
#p-logo{
position: relative;
height: 140px;
top: -50px;
margin-left: -0.5em
}
#p-logo,#p-logo a,#p-logo a: hover{
height: 140px;
width: 10em
}
#p-navigation,#p-tb,div#content #p-navigation,div#content #p-tb{
font-size: 1.1em;
margin-left: 0;
padding-left: 0;
border: none !important
}
@media only screen and (max-width: 768px){
div#p-navigation{
font-size: .8em
}
div#p-tb{
font-size: .8em
}
}
div#mw-panel.collapsible-nav div.portal{
background: none !important;
margin: 0;
padding: 0
}
div#mw-panel.collapsible-nav div.portal div.body{
margin: 0;
margin-left: 8px;
margin-top: -7px
}
div#mw-panel div.portal div.body,div#mw-panel.collapsible-nav div.portal{
background: none !important;
.background-image('images/null.gif');
padding-top: 0
}
div#mw-panel div.portal div.body ul{
padding: 0 !important
}
div#mw-panel div.portal h5,div#mw-panel div.portal div.body ul li{
line-height: normal;
margin: 0;
padding-left: 0;
padding-right: .3em
}
li#n-recentchanges{
margin-top: 1.3em !important
}
div#mw-panel div.portal div.body ul li a,div#mw-panel div.portal div.body ul li a: visited,div#p-personal a,div#right-navigation a,div#left-navigation a{
color: black !important
}
div#content{
margin-left: 11em;
border-left: 2px solid #ccc;
margin-top: 1.8em;
padding-left: 1em;
padding-top: .3em;
padding-bottom: .3em;
padding-right: 0;
font-size: 1em;
color: black;
border-top: none;
border-bottom: none
}
@media only screen and (max-width: 768px){
div#content{
margin-left: 0;
margin-top: 1em;
padding-top: 1em;
border: 0;
padding-left: 0;
padding-bottom: 0
}
}
div#content a{
color: darkgreen
}
div#content a.new{
color: #ba0000
}
#p-search{
position: absolute;
top: 1.6em;
left: 11.6em;
width: auto;
padding: 0;
text-align: left
}
div#simpleSearch{
width: 30em;
height: 1.4em;
background-color: white;
padding: .2em;
font-size: 1em;
font-family: fedra,Palatino,"times new roman";
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em
}
@media only screen and (max-width: 768px){
#p-search{
position: absolute;
top: 0;
left: -12.2em
}
div#simpleSearch{
width: 100%
}
}
#p-search #mw-searchButton{
display: none !important
}
.os-suggest{
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em;
border-top: 0;
padding-top: 2px;
z-index: 110
}
.os-suggest-result{
background-color: white;
z-index: 110
}
.os-suggest-result,.os-suggest-result-hl,.os-suggest-result-hl-webkit{
font-family: fedra,Palatino,"times new roman";
z-index: 110
}
#p-personal{
position: absolute;
right: .4em;
top: 2.6em
}
#p-personal ul{
padding: 0;
text-transform: none;
text-align: left
}
#p-personal li{
font-size: .8em;
margin-left: 1.5em
}
li#pt-mytalk,li#pt-mycontris,li#pt-anontalk,li#pt-anonuserpage{
display: none !important
}
//h1#firstHeading{
// padding-top: 0;
// border-bottom: 1px solid #ccc;
// z-index: 105;
//
}
#left-navigation{
position: static;
float: right;
margin-left: .5em;
margin-right: 0;
margin-top: 6.6em;
padding-right: 0;
margin-bottom: 0;
padding-bottom: 0;
z-index: 107
}
#right-navigation{
position: static;
float: right;
margin-top: 6.6em;
margin-right: 0;
padding-right: 0;
margin-bottom: 0;
padding-bottom: 0;
z-index: 107
}
#p-namespaces li.selected,#p-views li.selected,#p-personal li.selected{
font-family: fedra-bold,Palatino,"times new roman"
}
#p-cactions.vectorMenu,#p-variants.vectorMenu,li#ca-delete,li#ca-protect,#p-navigation h5,#p-search h5,#p-tb h5,#p-tb #t-pdf,#p-tb #t-specialpages,#p-tb #t-recentchangeslinked,#p-tb #t-smwbrowselink,#p-tb #p-tb-label{
display: none !important
}
div.topicon{
position: absolute;
top: -5em;
margin-right: -17px;
display: block !important;
z-index: 111
}
div.flaggedrevs_short{
position: absolute;
top: -3em;
right: 80px;
z-index: 1;
margin-left: 0;
margin-right: -10px
}
#content ul{
list-style: none;
padding: 0;
margin: .3em 0 0 .3em
}
#content ul li{
padding-left: 1em;
margin-bottom: .3em;
text-indent: -0.9em
}
#content ul li: before{
content: "•";
color: #999;
padding-right: .3em
}
#content ul.gallery li{
padding-left: 0;
text-indent: 0
}
div#content .gallerybox div.thumb{
background-color: white
}
#content .dpl li: before,#content .catlinks li: before,#content .mw-search-formheader li: before,#content .mw-search-results li: before,#content .gallery li: before,#content .references li: before{
content: none;
padding-right: 0
}
#content .catlinks a: first_child{
display: none !important
}
#content .catlinks li{
padding-left: 1.7em
}
sup{
font-size: .7em;
bottom: 1ex;
line-height: 1em;
padding-left: 0;
margin-left: 0
}
.references-small{
font-size: .8em
}
#mw-search-top-table #powerSearchText,#mw-search-top-table #searchText,#mw-search-top-table input: nth-of-type(5),#mw-searchoptions,.mw-search-formheader li: nth-of-type(3),.mw-search-formheader li: nth-of-type(5){
display: none !important
}
#userlogin,#userloginForm{
border: 0;
padding: 0;
margin: 0;
float: left;
width: 100%
}
#userlogin{
min-width: 20em;
max-width: 100%
}
.page-Special_UserLogin h1.firstHeading,.page-Special_UserLogin li#ca-nstab-special,.page-Special_UserLogin #contentSub,#loginstart{
display: none !important
}
div#userloginForm form h2,div#userlogin form#userlogin2 h2{
padding-top: 0;
margin-top: 0;
border-bottom: 1px solid #ccc;
margin-bottom: .1em;
line-height: 1.2em;
padding-bottom: 0;
font-family: neohellenic-bold,geneva,lucida;
font-weight: 700;
font-size: 200%
}
div#userloginForm form,div#userlogin form#userlogin2,div#userloginForm table,div#userlogin form#userlogin2 table{
background-color: white;
border: 0;
padding: 0
}
div#userlogin .captcha,div#userloginForm .captcha{
margin-bottom: 1em;
padding: 1em;
width: 70%;
border: 1px solid #ccc
}
.toccolours{
background-color: white;
border: 0;
padding: 0
}
.toccolours th{
border-bottom: 1px solid #ccc
}
.toccolours .tocpadding{
padding-left: 1em;
padding-right: 1em
}
#toc,.toc,.mw-warning{
background-color: #f4f4f4;
padding: 5px;
border: 0;
-moz-border-radius: .3em;
border-radius: .3em
}
#column-content #toc ul,#toc ul,.toc ul{
list-style: none
}
#column-content #toc ul li,#toc ul li,.toc ul li{
padding-left: 1.3em;
margin-bottom: .3em
}
#column-content #toc ul li: before,#toc ul li: before,.toc ul li: before{
content: none
}
.tocnumber,#toc ul li .toclevel-4,#toc ul li .toclevel-5,#toc ul li .toclevel-6{
display: none !important
}
h2 .mw-editsection-bracket,h3 .mw-editsection-bracket,h4 .mw-editsection-bracket,h5 .mw-editsection-bracket{
font-family: fedra,Palatino,"times new roman";
font-weight: 400;
color: transparent;
font-size: .8em
}
h2 .mw-editsection,h3 .mw-editsection,h4 .mw-editsection,h5 .mw-editsection{
float: right
}
h2 .mw-editsection a,h3 .mw-editsection a,h4 .mw-editsection a,h5 .mw-editsection a{
font-weight: 400;
font-size: .8em
}
.infobox{
background-color: white;
border-color: #ddd
}
// https: //twitter-widgets.s3.amazonaws.com/j/2/widget.css .twtr-widget{
align: right;
margin: auto;
font-family: fedra,Palatino,"times new roman";
font-size: 100%
}
.twtr-timestamp,.twtr-reply,.twtr-rt,.twtr-fav{
font-size: 110%;
font-family: fedra-italic,Palatino,"times new roman"
}
.twtr-ft{
display: none !important
}
.twtr-tweet: last-child{
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
border-bottom-color: #f0f0f0 !important
}
.catlinks{
background-color: #f4f4f4;
border: 0;
padding-top: .5em;
padding-bottom: .5em;
padding-left: .8em;
padding-right: .8em;
-moz-border-radius: .3em;
border-radius: .3em
}
#privacy,#disclaimer{
display: none !important
}
div#footer{
padding-left: 1.8em;
margin-top: 2em;
bottom: 0
}
div#footer a{
color: #666
}
div#footer li{
list-style-type: none;
margin: 0 0.5em
}
div#footer ul li{
padding-top: 0;
padding-bottom: 0;
color: #666;
font-size: .75em;
line-height: 1.5em
}
div#footer #footer-info li,div#footer #footer-icons li,div#footer #footer-places li{
line-height: 1.5em
}
#footer-poweredbyico,#f-copyrightico,li#footer-places-disclaimer,li#footer-places-privacy{
display: none !important
}
input#QuickLinkInput{
font-family: fedra,Palatino,"times new roman";
font-size: .8em;
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em;
width: 15em;
height: 1.6em
}
#QuickLinkResults{
padding: 0.5em 0.5em 0.5em 0.5em
}
#QuickLinkResults a.selected{
background-color: darkgreen
}
.CategoryTreeLabelPage,.CategoryTreeNotice,.CategoryTreeParents{
font-style: normal
}
div.reflist{
font-size: 90%
}
div#content .imgtable{
background-color: white;
border: none
}
div#content .imgtable tr,div#content .imgtable td{
border: none
}
div#content .imgtable .thumb.tright{
margin: 0;
padding: 0;
padding-right: .3em
}
div#content .imgtable .thumbinner{
background-color: white
}
//indent paragraphs in quotes div#content blockquote span{
// text-indent: 2em
}
.allpagesredirect,.redirect-in-category,.watchlistredir,.catlinks li a.mw-redirect{
font-style: normal
}
.editOptions{
background-color: white;
border: 0
}
div#content dl dd{
margin-bottom: .5em
}
div#content small{
line-height: 0.8em
}
.mw-createacct-benefits-container{
display: none !important
}
table.wikitable{
background-color: white;
border-right: 0;
border-left: 0
}
table.wikitable > tr > th,table.wikitable > tr > td,table.wikitable > * > tr > th,table.wikitable > * > tr > td{
border-right: 0;
border-left: 0;
padding-right: 0.3em
}
table.wikitable > tr > th,table.wikitable > * > tr > th{
background-color: white;
text-align: left
}
table.wikitable > tr.nobottom > th,table.wikitable > tr.nobottom > td,table.wikitable > * > tr.nobottom > th,table.wikitable > * > tr.nobottom > td,tr.nobottom,.nobottom tr{
border-bottom: 0
}
table.wikitable > tr.notop > th,table.wikitable > tr.notop > td,table.wikitable > * > tr.notop > th,table.wikitable > * > tr.notop > td,tr.notop,.notop tr{
border-top: 0
}
div#content .poem{
text-indent: 2em
}
#mw-content-text ul#filetoc{
display: none !important
}
#pagehistory .mw-changeslist-links{
padding-left: 1em
}
#mw-indicator-mw-helplink{
display: none
}
div#content table.mw-changeslist-line{
padding-left: -2em
}
.htmlform-tip + .mw-htmlform-field-HTMLInfoField{
color: blue
}
@media print{
body,#globalWrapper,#column-content,#content,#bodyContent,@media print{
font: fedra
}
@font-face{
font-family: "fedra";
src: url(/FedraSans-Light.ttf);
font-style: normal
}
@font-face{
font-family: "fedra";
src: url(/FedraSans-Medium.ttf);
font-weight: 700
}
@font-face{
font-family: "fedra";
src: url(/FedraSans-LightItalic.ttf);
font-style: italic
}
}