MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
.callout {
border-style: solid;
border-width: 1px;
padding: 10pt 10pt 10pt 10pt;
font-size: 90%;
}
.issue {
border-color: #ffad99;
background-color: #ffe6e6;
}
.request {
border-color: #ffca99;
background-color: #fff3e6;
}
.nb {
border-color: #6696ff;
background-color: #e6eeff;
}
.compact-para p ~ p {margin-top: -.5em;}
.spoiler{
background-color: #000;
color: #000;
}
.spoiler:hover{
background-color: #000;
color: #eaeaea;
}
.Infobox {
margin-left: 14px;
margin-bottom: 0;
border: 1px solid #a2a9b1;
border-spacing: 3px;
float: right;
padding: 0.2em 0.4em;
background-color: #f8f9fa;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 1em;
}
.ibname {
font-size: 1.15em;
text-align: center;
font-weight: bold;
grid-column: 1 / span 2;
}
.ib-section-name {
text-align: center;
font-weight: bold;
grid-column: 1 / span 2;
}
.ib-wholeline {
grid-column: 1 / span 2;
text-align: center;
}
.ib-half {
grid-column: 1 / span 2;
display: grid;
column-gap: 1em;
grid-template-columns: 1fr 1fr;
}
.boxname {
font-size: larger;
font-weight: bold;
}
.boxattributes {
font-weight: bold;
color: #444;
background-color: #ccc;
}
/* Remove default bullets */
ul, #myUL {
list-style-type: none;
}
/* Remove margins and padding from the parent ul */
#myUL {
margin: 0;
padding: 0;
}
/* Style the caret/arrow */
.caret {
cursor: pointer;
user-select: none; /* Prevent text selection */
}
/* Create the caret/arrow with a unicode, and style it */
.caret::before {
content: "\25B6";
color: black;
display: inline-block;
margin-right: 6px;
}
/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
transform: rotate(90deg);
}
/* Hide the nested list */
.nested {
display: none;
}
/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
display: block;
}