MediaWiki:Chameleon.css : Différence entre versions
De Bayoen ! (wiki)
(Page créée avec « .spoiler { color: #000; } ») |
|||
| (46 révisions intermédiaires par un utilisateur sont masquées) | |||
| Ligne 1 : | Ligne 1 : | ||
.spoiler { | .spoiler { | ||
| − | color: # | + | color: #d9edf7; |
| + | } | ||
| + | |||
| + | .spoiler div { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | |||
| + | .spoiler:before { | ||
| + | content: "SPOILER (cliquez sur cette section pour révéler le contenu)"; | ||
| + | color: #31708f; | ||
| + | background-color: #FFF; | ||
| + | margin-left: -16px; | ||
| + | margin-top: -16px; | ||
| + | float: left; | ||
| + | padding-left: 8px; | ||
| + | padding-right: 8px; | ||
| + | border-color: inherit; | ||
| + | border-right-style: solid; | ||
| + | border-bottom-style: solid; | ||
| + | border-width: 1px; | ||
| + | position: inherit; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | font-variant: small-caps; | ||
| + | font-size: x-small; | ||
| + | } | ||
| + | |||
| + | .thumb { | ||
| + | border-style: solid; | ||
| + | border-width: 1px 3px 1px 3px; | ||
| + | padding: 8px; | ||
| + | margin: 8px; | ||
| + | background-color: #d9edf7; | ||
| + | border-color: #5bc0de; | ||
| + | color: #31708f; | ||
| + | font-size: smaller; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | ul.gallery { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .gallerytext > p { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | li.gallerybox div.thumb { | ||
| + | text-align: center; | ||
| + | border: 1px solid #5bc0de; | ||
| + | border-left-width: 3px; | ||
| + | border-right-width: 3px; | ||
| + | border-top-style: none; | ||
| + | border-bottom-style: none; | ||
| + | background-color: #d9edf7; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | #p-contentnavigation > li > ul > li > a { | ||
| + | font-size: smaller; | ||
| + | } | ||
| + | |||
| + | #p-contentnavigation { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | #content { | ||
| + | padding-left: 13px; | ||
| + | padding-right: 13px; | ||
| + | |||
| + | border-color: #eee; | ||
| + | border-width: 1px; | ||
| + | border-left-style: solid; | ||
| + | border-right-style: solid; | ||
| + | |||
| + | |||
| + | -webkit-border-image: | ||
| + | -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 1)), to(rgba(0, 0, 0, 0))) 1 100%; | ||
| + | |||
| + | -webkit-border-image: | ||
| + | -webkit-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%; | ||
| + | |||
| + | -o-border-image: | ||
| + | -o-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%; | ||
| + | |||
| + | -moz-border-image: | ||
| + | -moz-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%; | ||
| + | |||
| + | } | ||
| + | |||
| + | body > hr:nth-child(2) { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | |||
| + | .p-tb { | ||
| + | min-height: 0px; | ||
| + | margin-top: -8px; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | |||
| + | .toc { | ||
| + | margin-right: -13px; | ||
| + | margin-left: -13px; | ||
| + | } | ||
| + | |||
| + | #firstHeading { | ||
| + | color: rgb(66, 139, 202); | ||
| + | } | ||
| + | |||
| + | /* Infobox template style */ | ||
| + | .infobox { | ||
| + | border-left: 2px solid #5bc0de; | ||
| + | border-right: 2px solid #5bc0de; | ||
| + | /*background-color: #f4f8fa;*/ | ||
| + | background-color: #ffffff; | ||
| + | color: black; | ||
| + | /* @noflip */ | ||
| + | margin: 0.5em -13px 0.5em 20px; | ||
| + | padding: 0.2em; | ||
| + | /* @noflip */ | ||
| + | float: right; | ||
| + | /* @noflip */ | ||
| + | clear: right; | ||
| + | /* @noflip */ | ||
| + | text-align: left; | ||
| + | font-size: 88%; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | |||
| + | .infobox caption { | ||
| + | font-size: 125%; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .infobox td, | ||
| + | .infobox th { | ||
| + | vertical-align: top; | ||
| + | padding: 4px; | ||
| + | } | ||
| + | .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; | ||
| + | } | ||
| + | |||
| + | /* styles for bordered infobox with merged rows */ | ||
| + | .infobox.bordered .mergedtoprow td, | ||
| + | .infobox.bordered .mergedtoprow th { | ||
| + | border: 0; | ||
| + | border-top: 1px solid #aaa; | ||
| + | /* @noflip */ | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | .infobox.bordered .mergedrow td, | ||
| + | .infobox.bordered .mergedrow th { | ||
| + | border: 0; | ||
| + | /* @noflip */ | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | /* Styles for geography infoboxes, eg countries, | ||
| + | country subdivisions, cities, etc. */ | ||
| + | .infobox.geography { | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | .infobox > tbody > tr > td > .navbar { | ||
| + | display: none; | ||
} | } | ||
Version actuelle en date du 13 mars 2014 à 16:21
.spoiler {
color: #d9edf7;
}
.spoiler div {
visibility: hidden;
}
.spoiler:before {
content: "SPOILER (cliquez sur cette section pour révéler le contenu)";
color: #31708f;
background-color: #FFF;
margin-left: -16px;
margin-top: -16px;
float: left;
padding-left: 8px;
padding-right: 8px;
border-color: inherit;
border-right-style: solid;
border-bottom-style: solid;
border-width: 1px;
position: inherit;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: x-small;
}
.thumb {
border-style: solid;
border-width: 1px 3px 1px 3px;
padding: 8px;
margin: 8px;
background-color: #d9edf7;
border-color: #5bc0de;
color: #31708f;
font-size: smaller;
text-align: center;
}
ul.gallery {
text-align: center;
}
.gallerytext > p {
text-align: center;
}
li.gallerybox div.thumb {
text-align: center;
border: 1px solid #5bc0de;
border-left-width: 3px;
border-right-width: 3px;
border-top-style: none;
border-bottom-style: none;
background-color: #d9edf7;
margin: 2px;
}
#p-contentnavigation > li > ul > li > a {
font-size: smaller;
}
#p-contentnavigation {
margin-top: 10px;
}
#content {
padding-left: 13px;
padding-right: 13px;
border-color: #eee;
border-width: 1px;
border-left-style: solid;
border-right-style: solid;
-webkit-border-image:
-webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 1)), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:
-webkit-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(rgba(238, 238, 238, 1), rgba(0, 0, 0, 0)) 1 100%;
}
body > hr:nth-child(2) {
margin-bottom: 0px;
}
.p-tb {
min-height: 0px;
margin-top: -8px;
margin-bottom: 0px;
}
.toc {
margin-right: -13px;
margin-left: -13px;
}
#firstHeading {
color: rgb(66, 139, 202);
}
/* Infobox template style */
.infobox {
border-left: 2px solid #5bc0de;
border-right: 2px solid #5bc0de;
/*background-color: #f4f8fa;*/
background-color: #ffffff;
color: black;
/* @noflip */
margin: 0.5em -13px 0.5em 20px;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
padding: 4px;
}
.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;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
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;
}
.infobox > tbody > tr > td > .navbar {
display: none;
}
