MediaWiki:Vector.css
Jump to navigation
Jump to search
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
* All CSS here will be loaded for users of the Vector skin */
/* Metallic Table */
table.MetallicTable th{
background-image:url('https://mysterydungeonwiki.com/w/images/5/5c/Polished_Metal_background.png');
}
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
}
/* This governs the page/section title placement */
h1 { text-align:center}
h2 { text-align:center}
h3 { text-align:center}
h4 { text-align:center}
h5 { text-align:center}
h6 { text-align:center}
/* Page/section title background */
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
background: linear-gradient(to bottom,rgba(255, 255, 255, 0), rgba(151, 151, 151, 0.73));
}
/* Background image and color */
body {
background-image: url(https://mysterydungeonwiki.com/w/images/1/1f/Background.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #B1B1B0;
background-repeat: repeat;
}
/* Login settings */
#p-personal {
position: absolute;
top: -9vw;
/* transparent background
background: rgba(255,255,255,.75);*/
/* top bar */
background: #928f95;
border-bottom: 1px solid #000;
font-size: 17px;
height: 24px;
width: 100%;
left: 0;
font-variant-caps: petite-caps;
}
/* top bar buttons */
#p-personal li {
font-size: 0.83em;
background-image: linear-gradient(to top,rgba(255, 255, 255, 0) 0,#c1c1c1);
border-right: 1px solid;
border-left: 1px solid;
}
/* top bar buttons inside */
.vector-menu li, #p-personal li {
padding-left: 5px;
padding-right: 5px;
}
/* format the catlinks itself */
.catlinks {
background-color: #B5B6BB;
}
/* Text input area */
input,textarea {
background-color:#B5B6BB;
border-color:#000; color:#000000
}
/* Edit Options box (below the text input area)*/
.editOptions {
background-color:#AEAEAE;
border-color:#000
}
/* format the catlinks itself */
.catlinks {
background-color: #B5B6BB;
}
/* Sidebar */
#mw-panel.collapsible-nav .portal h3 {
padding: 4px 0 3px 1.5em;
background-color: rgba(255,255,255,.5);
margin-bottom: 0.25em;
}
#mw-panel.collapsible-nav .portal h3 a {
font-variant-caps: petite-caps;
font-weight: bold;
}
#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.25em 0 0.25em 0.5em;
background: rgba(255,255,255,.5);
margin-bottom: 0.25em;
margin-right: 0.75em;
}
#mw-page-base {
background: none;
}
/* Header logo placement */
.mw-body {
position: relative;
top: 9vw;
background: rgba(179,179,179,.80); /* page body foreground color and transparency */
border: 1px solid;
}
#p-logo {
left: 30vw;
position: relative;
/* banner
border: 1px solid #aeaeae;
height: 120px;
width: 510px;
background: url(/w/images/2/2e/Shiren_1_DS_Background_-_Table_Mountain.png);
background-size: 100%;
background-position-x: 50%;
background-position-y: 50%; */
}
#p-logo a {
margin-top: 45px;
background-size: contain;
width: 33em;
height: 100px;
}
#mw-head {
position: absolute;
top: 9vw;
}
.mw-footer {
margin-top: 9vw;
bottom: 0;
position: relative;
background: rgba(179,179,179,.80);
border: 1px solid;
border-top-width: 0px;
}
/* Border around images */
div.thumbinner {
border: 3px solid #454340;
border-radius: 10px;
background-color: #b5b6bb;
}
li.gallerybox div.thumb {
border-radius: 10px;
border: 3px solid #454340;
background-color: #B5B6BB;
}
/* Table of Contents */
.toc {
font-size: 95%;
border-radius: 10px;
border: 3px solid #454340;
background-color: #B5B6BB;
}