« MediaWiki:Common.css » : différence entre les versions
De Game of Rôles Le Wiki
Aller à la navigationAller à la recherche
(note) |
Aucun résumé des modifications |
||
(12 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
/* Modèle:Note. Placé ici car le css sanitizer appliqué sur l'extension CSS n'autorise pas background-image...*/ | /* Modèle:Note. Placé ici car le css sanitizer appliqué sur l'extension CSS n'autorise pas background-image...*/ | ||
.note { | |||
padding: 0.5em; | |||
margin: 0.5em 0; | |||
overflow: hidden; | |||
background-color: #F9F9F9; | |||
background-position: left 7px top 50%; | |||
background-repeat: no-repeat; | |||
border: 1px solid #DDD; | |||
} | |||
.note.note-info { | .note.note-info { | ||
background-color: #F0F0E7; | background-color: #F0F0E7; | ||
background-image: url('/images/c/c4/2000px-Appunti_architetto_franc_01.png'); | background-image: url('/images/c/c4/2000px-Appunti_architetto_franc_01.png'); | ||
background-size: | background-size: 22px; | ||
border-color: #cc9933; | border-color: #cc9933; | ||
padding-left: 40px; | padding-left: 40px; | ||
min-height: 28px; | min-height: 28px; | ||
} | |||
/* Modèle:Infobox*/ | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
background-color: #f8f9fa; | |||
color: black; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
} | |||
/* Modèle:Navbox */ | |||
.navbox { | |||
box-sizing: border-box; | |||
border: 1px solid #a2a9b1; | |||
width: 100%; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
padding: 1px; | |||
margin: 1em auto 0; | |||
} | |||
.navbox .navbox { | |||
margin-top: 0; | |||
} | |||
.navbox + .navbox { | |||
margin-top: -1px; | |||
} | |||
.navbox-inner, | |||
.navbox-subgroup { | |||
width: 100%; | |||
} | |||
.navbox-group, | |||
.navbox-title, | |||
.navbox-abovebelow { | |||
padding: 0.25em 1em; | |||
line-height: 1.5em; | |||
text-align: center; | |||
} | |||
th.navbox-group { | |||
white-space: nowrap; | |||
text-align: right; | |||
} | |||
.navbox-title .navbar { | |||
float: left; | |||
text-align: left; | |||
margin-right: 0.5em; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: #fdfdfd; | |||
} | |||
.navbox-list { | |||
line-height: 1.5em; | |||
border-color: #fdfdfd; | |||
} | |||
tr + tr > .navbox-abovebelow, | |||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { | |||
border-top: 2px solid #fdfdfd; | |||
} | |||
.navbox th, | |||
.navbox-title { | |||
background: #ccccff; | |||
} | |||
.navbox-abovebelow, | |||
th.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: #ddddff; | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: #e6e6ff; | |||
} | |||
.navbox-even { | |||
background: #f7f7f7; | |||
} | |||
.navbox-odd { | |||
background: transparent; | |||
} | |||
.navbox .hlist td dl, | |||
.navbox .hlist td ol, | |||
.navbox .hlist td ul, | |||
.navbox td.hlist dl, | |||
.navbox td.hlist ol, | |||
.navbox td.hlist ul { | |||
padding: 0.125em 0; | |||
} | |||
.navbar { | |||
display: inline; | |||
font-size: 88%; | |||
font-weight: normal; | |||
} | |||
.navbar ul { | |||
display: inline; | |||
white-space: nowrap; | |||
} | |||
.mw-body-content .navbar ul { | |||
line-height: inherit; | |||
} | |||
.navbar li { | |||
word-spacing: -0.125em; | |||
} | |||
.navbar.mini li abbr[title] { | |||
font-variant: small-caps; | |||
border-bottom: none; | |||
text-decoration: none; | |||
cursor: inherit; | |||
} | |||
.hlist dl, .hlist ol, .hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.hlist dd:after, .hlist li:after { | |||
content: " · "; | |||
font-weight: bold; | |||
} | |||
.hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { | |||
content: none; | |||
} | |||
.hlist dd, .hlist dt, .hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
.collapseButton { | |||
float: right; | |||
font-weight: normal; | |||
margin-left: 0.5em; | |||
text-align: right; | |||
width: auto; | |||
} | |||
.mw-parser-output .mw-collapsible-toggle { | |||
font-weight: normal; | |||
text-align: right; | |||
padding-right: 0.2em; | |||
padding-left: 0.2em; | |||
} | |||
.mw-collapsible-leftside-toggle .mw-collapsible-toggle { | |||
float: left; | |||
text-align: left; | |||
} | |||
/* Modèle Spoiler */ | |||
.spoiler { | |||
color: black!important; | |||
background-color: black !important; | |||
} | |||
.spoiler a, .spoiler a:hover, .spoiler a:visited { | |||
color: black!important; | |||
} | |||
/* Modèle Resultat Sondage */ | |||
.resultat-sondage { | |||
max-width: 400px; | |||
background-color: #f8f9fa; | |||
} | |||
.resultat-sondage .titre { | |||
background-color: #DEDEE2; | |||
padding: 1px; | |||
font-weight: bolder; | |||
} | |||
.resultat-sondage .resultats { | |||
padding: 6px; | |||
} | |||
.resultat-sondage .resultats .reponse .resultat { | |||
height:20px; | |||
width: 300px; | |||
position:relative; | |||
} | |||
.resultat-sondage .resultats .reponse .resultat > div { | |||
position:absolute; | |||
text-align:right; | |||
border: 1px solid black; | |||
background-color:white; | |||
left:0; | |||
height: 5px; | |||
} | |||
.resultat-sondage .resultats .reponse.gagnant { | |||
font-weight: bolder; | |||
} | |||
.resultat-sondage .resultats .reponse.gagnant .resultat > div { | |||
background-color: green; | |||
} | } |
Dernière version du 6 avril 2020 à 11:07
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Modèle:Note. Placé ici car le css sanitizer appliqué sur l'extension CSS n'autorise pas background-image...*/
.note {
padding: 0.5em;
margin: 0.5em 0;
overflow: hidden;
background-color: #F9F9F9;
background-position: left 7px top 50%;
background-repeat: no-repeat;
border: 1px solid #DDD;
}
.note.note-info {
background-color: #F0F0E7;
background-image: url('/images/c/c4/2000px-Appunti_architetto_franc_01.png');
background-size: 22px;
border-color: #cc9933;
padding-left: 40px;
min-height: 28px;
}
/* Modèle:Infobox*/
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
}
/* Modèle:Navbox */
.navbox {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0;
}
.navbox .navbox {
margin-top: 0;
}
.navbox + .navbox {
margin-top: -1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}
th.navbox-group {
white-space: nowrap;
text-align: right;
}
.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd;
}
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
border-top: 2px solid #fdfdfd;
}
.navbox th,
.navbox-title {
background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff;
}
.navbox-even {
background: #f7f7f7;
}
.navbox-odd {
background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;
}
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
.hlist dl, .hlist ol, .hlist ul {
margin: 0;
padding: 0;
}
.hlist dd:after, .hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after {
content: none;
}
.hlist dd, .hlist dt, .hlist li {
margin: 0;
display: inline;
}
.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
float: left;
text-align: left;
}
/* Modèle Spoiler */
.spoiler {
color: black!important;
background-color: black !important;
}
.spoiler a, .spoiler a:hover, .spoiler a:visited {
color: black!important;
}
/* Modèle Resultat Sondage */
.resultat-sondage {
max-width: 400px;
background-color: #f8f9fa;
}
.resultat-sondage .titre {
background-color: #DEDEE2;
padding: 1px;
font-weight: bolder;
}
.resultat-sondage .resultats {
padding: 6px;
}
.resultat-sondage .resultats .reponse .resultat {
height:20px;
width: 300px;
position:relative;
}
.resultat-sondage .resultats .reponse .resultat > div {
position:absolute;
text-align:right;
border: 1px solid black;
background-color:white;
left:0;
height: 5px;
}
.resultat-sondage .resultats .reponse.gagnant {
font-weight: bolder;
}
.resultat-sondage .resultats .reponse.gagnant .resultat > div {
background-color: green;
}