MediaWiki:Common.css

MediaWiki interface page
Revision as of 04:31, 5 March 2024 by Wioum (talk | contribs)

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 */

/* General */
.small {
font-size:.8em;
vertical-align:text-bottom;
}
.italic {
font-style:italic;
}

/* Small Link */
p:has(>span.small-link) {
margin-top:0;
}
span.small-link {
font-size:.8em;
font-weight:bold;
}
hr.small-link {
margin:-.5em 0 -.5em 0;
}

/* Header Link */
h2.link,
h3.link,
h4.link,
h5.link {
display:inline;
}

h2.link + p,
h3.link + p,
h4.link + p,
h5.link + p {
display:inline;
font-weight:bold;
margin-left:.5em;
}

h2.link + p > a,
h3.link + p > a,
h4.link + p > a,
h5.link + p > a,
h2.link + section > p > a,
h3.link + section > p > a,
h4.link + section > p > a,
h5.link + section > p > a {
font-weight:bold;
}
h2.link + p > a::before,
h3.link + p > a::before,
h4.link + p > a::before,
h5.link + p > a::before,
h2.link + section > p > a::before,
h3.link + section > p > a::before,
h4.link + section > p > a::before,
h5.link + section > p > a::before {
content: '[';
}

h2.link + p > a::after,
h3.link + p > a::after,
h4.link + p > a::after,
h5.link + p > a::after,
h2.link + section > p > a::after,
h3.link + section > p > a::after,
h4.link + section > p > a::after,
h5.link + section > p > a::after {
content: ']';
}

/* Tabs */

label.tabs-label {
background-color: var(--color-surface-1);
}

div.tabs > label.tabs-label {
border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0;
}

.tabs-tabbox > .tabs-input:checked + .tabs-label {
background-color: var(--color-surface-2);
}

/* Item Template */

div.item {
font-weight:bold;
font-size:.9em;
}
div.item + hr {margin:0;}
span.item.common 		{color:white;}
span.item.uncommon 		{color:lime;}
span.item.rare 			{color:slateblue;}
span.item.epic 			{color:purple;}
span.item.legendary 	{color:orange;}

span.item.attunement {
color:white;
background-color:royalblue;
border-radius:.1em;
padding:.1em .3em 0 .3em;
margin:0 .3em 0 .3em;
}