MediaWiki:Common.css: Difference between revisions
Dorandraco (talk | contribs) No edit summary |
Dorandraco (talk | contribs) Add navbox styling |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.contributionscores-wrapper { | .contributionscores-wrapper { | ||
| Line 59: | Line 57: | ||
.admonition.info .admonition-title { | .admonition.info .admonition-title { | ||
color: #0066cc; | color: #0066cc; | ||
} | |||
/* Navboxes */ | |||
.mw-parser-output .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 | |||
} | |||
.mw-parser-output .navbox .navbox { | |||
margin-top:0 | |||
} | |||
.mw-parser-output .navbox+.navbox, | |||
.mw-parser-output .navbox+.navbox-styles+.navbox { | |||
margin-top:-1px | |||
} | |||
.mw-parser-output .navbox-inner, | |||
.mw-parser-output .navbox-subgroup { | |||
width:100% | |||
} | |||
.mw-parser-output .navbox-group, | |||
.mw-parser-output .navbox-title, | |||
.mw-parser-output .navbox-abovebelow { | |||
padding:0.25em 1em; | |||
line-height:1.5em; | |||
text-align:center | |||
} | |||
.mw-parser-output .navbox-group { | |||
white-space:nowrap; | |||
text-align:right | |||
} | |||
.mw-parser-output .navbox, | |||
.mw-parser-output .navbox-subgroup { | |||
background-color:#fdfdfd | |||
} | |||
.mw-parser-output .navbox-list { | |||
line-height:1.5em; | |||
border-color:#fdfdfd | |||
} | |||
.mw-parser-output .navbox-list-with-group { | |||
text-align:left; | |||
border-left-width:2px; | |||
border-left-style:solid | |||
} | |||
.mw-parser-output tr+tr>.navbox-abovebelow, | |||
.mw-parser-output tr+tr>.navbox-group, | |||
.mw-parser-output tr+tr>.navbox-image, | |||
.mw-parser-output tr+tr>.navbox-list { | |||
border-top:2px solid #fdfdfd | |||
} | |||
.mw-parser-output .navbox-title { | |||
background-color:#ccf | |||
} | |||
.mw-parser-output .navbox-abovebelow, | |||
.mw-parser-output .navbox-group, | |||
.mw-parser-output .navbox-subgroup .navbox-title { | |||
background-color:#ddf | |||
} | |||
.mw-parser-output .navbox-subgroup .navbox-group, | |||
.mw-parser-output .navbox-subgroup .navbox-abovebelow { | |||
background-color:#e6e6ff | |||
} | |||
.mw-parser-output .navbox-even { | |||
background-color:#f7f7f7 | |||
} | |||
.mw-parser-output .navbox-odd { | |||
background-color:transparent | |||
} | |||
.mw-parser-output .navbox .hlist td dl, | |||
.mw-parser-output .navbox .hlist td ol, | |||
.mw-parser-output .navbox .hlist td ul, | |||
.mw-parser-output .navbox td.hlist dl, | |||
.mw-parser-output .navbox td.hlist ol, | |||
.mw-parser-output .navbox td.hlist ul { | |||
padding:0.125em 0 | |||
} | |||
.mw-parser-output .navbox .navbar { | |||
display:block; | |||
font-size:100% | |||
} | |||
.mw-parser-output .navbox-title .navbar { | |||
float:left; | |||
text-align:left; | |||
margin-right:0.5em | |||
} | |||
body.skin--responsive .mw-parser-output .navbox-image img { | |||
max-width:none!important | |||
} | |||
@media print { | |||
body.ns-0 .mw-parser-output .navbox { | |||
display:none!important | |||
} | |||
} | } | ||
Revision as of 14:13, 21 September 2025
/* CSS placed here will be applied to all skins */
.contributionscores-wrapper {
}
.contributionscores-title {
background-color: #aaa;
margin-bottom: 0px;
padding-left: .4em;
}
.contributionscores .header {
background-color: #ccc;
border-bottom: 1px solid #999;
font-weight: bold;
}
.contributionscores .odd {
background-color: #eee;
}
.contributionscores .header td {
padding-left: .2em;
padding-right: .2em;
}
.contributionscores .content {
padding-left: .2em;
padding-right: .2em;
}
.hatnote {
font-style: italic;
}
div.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;
}
/* Base admonition style: gray */
.admonition {
border-left: 4px solid #999;
background-color: #f8f9fa;
color: #333;
padding: 0.75em 1em;
margin: 1em 0;
border-radius: 6px;
font-size: 0.95rem;
}
.admonition-title {
font-weight: bold;
margin-bottom: 0.25em;
color: #444;
}
/* Info variant: blue */
.admonition.info {
border-color: #3399ff;
background-color: #f0f7ff;
color: #1a3c66;
}
.admonition.info .admonition-title {
color: #0066cc;
}
/* Navboxes */
.mw-parser-output .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
}
.mw-parser-output .navbox .navbox {
margin-top:0
}
.mw-parser-output .navbox+.navbox,
.mw-parser-output .navbox+.navbox-styles+.navbox {
margin-top:-1px
}
.mw-parser-output .navbox-inner,
.mw-parser-output .navbox-subgroup {
width:100%
}
.mw-parser-output .navbox-group,
.mw-parser-output .navbox-title,
.mw-parser-output .navbox-abovebelow {
padding:0.25em 1em;
line-height:1.5em;
text-align:center
}
.mw-parser-output .navbox-group {
white-space:nowrap;
text-align:right
}
.mw-parser-output .navbox,
.mw-parser-output .navbox-subgroup {
background-color:#fdfdfd
}
.mw-parser-output .navbox-list {
line-height:1.5em;
border-color:#fdfdfd
}
.mw-parser-output .navbox-list-with-group {
text-align:left;
border-left-width:2px;
border-left-style:solid
}
.mw-parser-output tr+tr>.navbox-abovebelow,
.mw-parser-output tr+tr>.navbox-group,
.mw-parser-output tr+tr>.navbox-image,
.mw-parser-output tr+tr>.navbox-list {
border-top:2px solid #fdfdfd
}
.mw-parser-output .navbox-title {
background-color:#ccf
}
.mw-parser-output .navbox-abovebelow,
.mw-parser-output .navbox-group,
.mw-parser-output .navbox-subgroup .navbox-title {
background-color:#ddf
}
.mw-parser-output .navbox-subgroup .navbox-group,
.mw-parser-output .navbox-subgroup .navbox-abovebelow {
background-color:#e6e6ff
}
.mw-parser-output .navbox-even {
background-color:#f7f7f7
}
.mw-parser-output .navbox-odd {
background-color:transparent
}
.mw-parser-output .navbox .hlist td dl,
.mw-parser-output .navbox .hlist td ol,
.mw-parser-output .navbox .hlist td ul,
.mw-parser-output .navbox td.hlist dl,
.mw-parser-output .navbox td.hlist ol,
.mw-parser-output .navbox td.hlist ul {
padding:0.125em 0
}
.mw-parser-output .navbox .navbar {
display:block;
font-size:100%
}
.mw-parser-output .navbox-title .navbar {
float:left;
text-align:left;
margin-right:0.5em
}
body.skin--responsive .mw-parser-output .navbox-image img {
max-width:none!important
}
@media print {
body.ns-0 .mw-parser-output .navbox {
display:none!important
}
}