MediaWiki:Common.css
Jump to navigation
Jump to search
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 on the entire site. *****/
/* imported fonts */
@import url('https://fonts.cdnfonts.com/css/xirod');
@import url('https://fonts.googleapis.com/css2?family=Doppio+One&family=Exo&family=Orbitron:wght@400;700&family=Play:wght@400;700&family=Titillium+Web:wght@200;600&family=Ubuntu&display=swap');
/* special colors for admins and other users of note */
a[href="/wiki/User:ShadowMan177"] { color:#00ff00; font-weight:bold; font-family:"Trebuchet MS"; }
a[href="/wiki/User:Uggut"] { color:#ad9c6c; font-weight:bold; font-family:"Xirod"; }
a[href="/wiki/User:Spectercollector"] { color:#769fd9; font-weight:bold; font-family:"Orbitron"; }
a[href="/wiki/User:8100DSTAR"] { color:#ff6f6f; font-weight:bold; font-family:"Titillium Web"; }
a[href="/wiki/User:GodelieveYvormes"] { color:#56820; font-weight:bold; }
a[href="/wiki/User:NiveliKing"] { color:#00ffff; font-weight:bold; font-family:"Titillium Web"; }
a[href="/wiki/User:Totechalienrexstar"] { color:#7fffd4; font-weight:bold; font-family:"Play"; }
a[href="/wiki/User:Tarantulakid96"] { color:#a3C1ad; font-weight:bold; }
a[href="/wiki/User:Namj13"] { color:#4da0ff; font-weight:bold; font-family:"Ubuntu"; }
a[href="/wiki/User:XenoDarth"] { color:#f0ffff; font-weight:bold; }
a[href="/wiki/User:Tobi.dsfl"] { color:#9292ff; font-weight:bold; }
a[href="/wiki/User:Archer_41"] { color:#ffff00; font-weight:bold; font-family:"Titillium Web"; }
/* Main Page */
.mainpage-header {
width: 100%;
color: #e8e8e8;
padding: 10px 0;
text-align: center;
font-family: Xirod;
text-transform: uppercase;
font-size: 20px;
text-shadow: -1px 3px 5px #004, 1px 3px 5px #004, 3px -1px 5px #42507f, -3px -1px 5px #42507f;
margin-bottom: 1em;
}
.mainpage-section {
background: var(--wiki-content-background-color--secondary);
border-radius: 5px;
margin-bottom: 1em;
padding: 15px;
}
.mainpage-section:after {
content: "";
display: block;
clear: both;
}
.mw-body .mainpage-section h2 {
font-weight: bold;
padding: 0 0 5px;
margin: 0 0 5px;
border-bottom: none;
}
.mw-body .mainpage-section h3 {
font-weight: normal;
padding: 0;
}
.mainpage-section-contents h2,
.mainpage-section-contents ul.gallery {
text-align: center;
}
.mainpage-section-contents hr {
margin: 10px 0 20px;
}
.mw-body .mainpage-section-contents-lists {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mw-body .mainpage-section-contents-lists div {
width: 50%;
}
.mw-body .mainpage-section-contents-lists div:nth-child(1) {
order: 0;
}
.mw-body .mainpage-section-contents-lists div:nth-child(2) {
order: 2;
}
.mw-body .mainpage-section-contents-lists div:nth-child(3) {
order: 1;
}
.mw-body .mainpage-section-contents-lists div:nth-child(4) {
order: 3;
}
.mw-body .mainpage-section-contents-lists h3 {
font-weight: bold;
}
@media screen and (min-width: 960px) and (max-width: 1079.9px), screen and (min-width: 1350px) {
.mw-body .mainpage-section-contents-lists {
flex-wrap: nowrap;
}
.mw-body .mainpage-section-contents-lists div {
width: auto;
}
}
@media screen and (min-width: 1080px){
.page-Galaxy_on_Fire_Wiki .mw-parser-output {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.mainpage-left {
width: calc(100% - 350px);
}
.mainpage-right {
width: 300px;
}
}
@media screen and (min-width: 1300px){
.mainpage-header {
font-size: 30px;
}
}
/* [[Template:Infobox]] */
table.infobox {
border-radius: 10px;
font-size: 9.5pt;
width: 200px;
padding: 5px;
margin-left: 5px;
background-color: var(--wiki-navigation-background-color);
color: var(--wiki-navigation-text-color);
border: 1px solid var(--wiki-accent-color);
float: right;
}
table.infobox .infobox-title {
border-radius: 8px;
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
font-size: 12pt;
padding: 0.5em 1em;
}
table.infobox .infobox-image {
font-size: 8.5pt;
width: 200px;
text-align: center;
font-style: italic;
}
table.infobox td:first-child:not(.infobox-image) {
font-weight: bold;
width: 40%;
}
table.infobox .infobox-error {
font-weight: bold;
text-align: center;
}
/* [[Template:Spoiler]] */
.spoiler {
width: calc(100% - (1em + 6px));
border-radius: 15px;
font-family: Verdana, sans-serif;
border: 3px solid var(--wiki-accent-color);
text-align: center;
background: var(--wiki-navigation-background-color);
color: var(--wiki-navigation-text-color);
line-height: 2;
padding: 0.5em;
font-weight: bold;
}