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 */
/* Site Background */
body {
background: url(https://captainforever.wiki.gg/images/8/80/Site-background.jpg) no-repeat center center fixed;
background-size: cover;
background-color: #000000;
font-family: monospace;
line-height: 1.15;
}
#mw-page-base {
background: none;
}
/* Reposition Logo */
#p-logo {
left: 50%;
position: absolute;
top: 35px;
transform: translate(-50%, 0);
}
/* Resize Logo */
#p-logo,
#p-logo a {
background-size: 100%;
width: 800px;
}
#p-navigation {
position: relative;
z-index: 1;
}
/* Top Navigation Offset */
#left-navigation,
#right-navigation {
margin-top: 190px;
}
/* Content Area */
#content {
margin-top: 9.34em;
border-color: #ffffff;
border-width: 1px;
background-color: rgba(0,0,0,0.8);
border-radius: 2px;
color: #888;
}
/* Text */
#footer ul li,
#mw-panel .portal .vector-menu-heading,
h1,
h2,
h3,
h4,
h5,
h6,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6
{
color: #ffffff;
font-family: monospace;
font-weight: bold;
border-bottom: 1px solid #3f3f3f;
}
/* Link Color */
a,
#mw-panel .portal .body li a:visited,
#mw-panel .portal .body li a,
.toctogglelabel,
#footer a,
a:visited,
.mw-parser-output a.external:visited {
color: #ffffff;
}
/* Vector Tabs */
.vectorTabs,
.vectorTabs li,
.vectorTabs li.selected,
.vectorTabs li span,
.vectorTabs ul,
#mw-head .vectorMenu #p-cactions-label {
background: none;
}
#mw-head .vectorTabs li:not(.new) a,
#mw-head .vectorTabs li.selected a,
#mw-head .vectorMenu #p-cactions-label span {
color: #fff;
font-weight: 700;
text-shadow: 0 0 10px #000;
}
#p-cactions-label span:after {
filter: invert(1);
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}
/* Footer/Sidebar background/catlinks/toc */
.toc,
#footer,
#mw-panel,
#catlinks {
background-color: rgba(255,255,255,0.1);
border: 1px solid #ffffff;
border-radius: 2px;
}
/* Footer */
#footer {
margin-top:0.5em;
}
/* Main page layout */
#fp-2column.fp-container {
display: grid;
grid-template-areas: "a" "b" "c";
grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
#fp-2column.fp-container {
grid-template-areas: "a b" "c c";
grid-template-columns: 50% 50%;
}
}
@media screen and (min-width:1350px) {
#fp-2column.fp-container {
grid-template-areas: "a b" "c b";
grid-template-columns: auto 520px;
}
}
#fp-top {
grid-area: a;
}
#fp-flex {
grid-area: b;
}
#fp-bottom {
grid-area: c;
}
/* Main page structure */
.fpbox {
margin: 5px;
padding: 5px;
overflow: auto;
width: calc(100% - 2px);
}
.fpbox.plain {
background: transparent;
border: none;
box-shadow: none;
}
.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
margin: 0 0 10px;
padding: 0 0 5px;
overflow: auto;
}
.fpbox .mainheading,
.fpbox .welcome {
font-size: 150%;
font-weight: bold;
}
.fpbox .heading {
text-align: center;
font-size: 132%;
font-weight: bold;
}
.linkslabel {
margin: 15px 5px 5px;
padding: 0 0 5px;
}
/* Template:FP links styles */
.fplinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
text-align: center;
}
.fplink-outer {
padding: 5px;
flex-basis: calc(25% - 10px);
width: calc(25% - 15px);
min-width: 115px;
display: inline-block;
vertical-align: middle;
}
.fplink-wide {
flex-basis: calc(33% - 10px);
width: calc(33% - 15px);
}
.fplink-fullwidth {
flex-basis: 100%;
width: calc(100% - 15px);
font-weight: bold;
}
.fplink {
padding: 0.5em;
box-sizing: border-box;
width: 100%;
height: 100%;
display: table;
font-size: 17px;
}
.fplink-plain {
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none;
}
.fplink-inner {
display: table-row;
}
.fplink a {
display: table-cell;
vertical-align: middle;
}
.fplink img {
max-width: 150px;
width: 100%;
height: auto;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
width: 100% !important;
max-width: 480px;
margin: 0 auto;
}
.fpbox .embedvideowrap iframe {
width: 100%!important;
}
/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
width: 100%;
margin: 0;
padding: 0;
}
@media (min-width: 990px) {
.fp-container .columns .leftcol {
float: left;
width: 50%;
}
.fp-container .columns .rightcol {
float: right;
width: 50%;
}
}
.fp-section {
display: flex;
flex-wrap: wrap;
}
.vector-body
{
line-height: 1.15;
}
.content-wrapper
{
margin-left: 1em;
margin-right: 1em;
}
#footer
{
margin-left: 12em;
margin-right: 1em;
}
#left-navigation
{
margin-left: 12em;
}
#right-navigation
{
margin-right: 1em;
}
.content-wrapper a::before
{
content: "[";
}
.content-wrapper a::after
{
content: "]";
}
.content-wrapper a:empty::before,
.content-wrapper a:empty::after,
a.image::before,
a.image::after
{
content: "";
}
.content-body
{
margin-top: 10px;
}