MediaWiki:Vector.css
Jump to navigation
Jump to search
This page doesn't currently have any documentation, to create one edit this page: MediaWiki:Vector.css/doc.
Style changes not showing up
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.
/* I know this isn't the intended use for vector.css but I'm using it for wiki specific styling as it's currently the only skin */
/* ====================[Main Page]==================== */
/* as a note:
this could also be done with nested styling, e.g.
.rootpage-Survivors_of_Atlantis_Wiki {
.main-page-title {
text-align: center;
}
.main-page-title > span {
font-size: x-large;
padding: 1em;
}
}
but it only has about 80% browser support as of november 2023
*/
.rootpage-Survivors_of_Atlantis_Wiki .main-page-title {
text-align: center;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-title > span {
font-size: x-large;
padding: 1em;
}
.rootpage-Survivors_of_Atlantis_Wiki {
--main-page-section-padding: 5px;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-section-header {
background: var(--primary-color-darkest);
padding: 0 var(--main-page-section-padding);
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-section {
border: solid 1px var(--secondary-color-darker);
border-radius: 8px;
overflow: auto;
padding: var(--main-page-section-padding) 0;
margin: 5px;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-section > p {
margin: var(--main-page-section-padding)
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-links {
text-align: center;
text-wrap: balance;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-quicklink {
display: inline-block;
border-radius: 25px / 40px;
margin: 5px;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-quicklink-inner {
--outline-thickness-a: 3px;
width: 160px;
height: 30px;
background: linear-gradient(#bfffff, #3d62d2);
border-style: solid;
border-width: var(--outline-thickness-a);
border-color: var(--secondary-color);
border-radius: 25px / 40px;
outline: solid black var(--outline-thickness-a);
box-shadow: inset 0 0 0 var(--outline-thickness-a) black;
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-quicklink > a:focus > .main-page-quicklink-inner,
.rootpage-Survivors_of_Atlantis_Wiki .main-page-quicklink:hover .main-page-quicklink-inner {
background: linear-gradient(#ddffff, #5574d3);
}
.rootpage-Survivors_of_Atlantis_Wiki .main-page-quicklink > a {
color: black;
font-size: large;
}