MediaWiki:Vector.css
From Pizza Tower Wiki
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.
/* All CSS here will be loaded for users of the Vector skin */
/** Background area **/
body {
background-image: var(--bgImg);
background-attachment: fixed;
background-size: 15%;
background-position: 200px 170px;
font-size: 16px;
}
#mw-page-base {
background-color: transparent;
background-image: none;
}
/** Logo **/
#p-logo {
margin-top: 1rem;
}
/** + Margin above article area **/
#mw-head-base {
height: 89px; /*5.3em*/
}
#left-navigation, #right-navigation {
margin-top: 3rem;
}
/** Sidebar **/
/* General */
.vector-menu-portal {
margin:0; }
#mw-panel a, #mw-panel a:visited, #mw-panel a:active, #p-personal a, #p-personal a:visited, #p-personal a:active, #footer-places a, #footer-places a:visited, #footer-info-copyright a, #footer-info-copyright a:visited { /* Links color */
color: var(--sidebarColor);
}
.vector-menu-heading { /* Headings + affects "More" button */
color: white !important;
}
/* COLLASPIBLE SIBEBARS */
.collaspibleSidebarHeader:before {
left: 0.66666667em !important;
top: 0.55em !important;
}
/* Navigation */
.vector-legacy-sidebar .vector-menu-heading {
color: white;
font-weight: bold !important;
margin-top: 0 !important;
}
#mw-panel>nav, #p-personal{
background-color: var(--sidebarBg);
background-clip: padding-box;
border: 5px solid black;
padding: 5px;
}
#mw-panel>nav {
margin: 0 0.6em 10px 0.7em;
border-image: var(--sidebarImg1) 5 / 5px round round;
}
#mw-panel>nav:nth-of-type(2n) {
border-image: var(--sidebarImg2) 5 / 5px round round !important;
}
#mw-panel>nav:nth-of-type(3n) {
border-image: var(--sidebarImg3) 5 / 5px round round !important;
}
#mw-panel>nav>.vector-menu-heading {
border-bottom: solid 2px black;
border-image: url(https://static.miraheze.org/pizzatowerwiki/9/93/PTWiki-underlineborder.png) 0 0 2 0 / 0 0 2px 0 round round;
}
#p-personal {
border-image: var(--sidebarImg1) 5 / 0 0 5px 5px round round;
}
/** User toolbar **/
#p-personal {
position: absolute;
padding: 1px 3px !important;
top: -2px;
right: 0;
border-top: none;
border-right: none;
}
#p-personal ul {
padding: 5px 20px 0 5px;
}
/* Personal Toolbar Icons*/
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before {
content: '';
display: inline-block;
margin-top: -0.5rem;
position: relative;
top: 0.4rem;
right: 0.3rem;
background-clip: content-box;
}
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before, .oo-ui-icon-bell, .mew-ui-icon-bell:before, .oo-ui-icon-tray, .mw-ui-icon-tray:before {
height: 20px;
width: 20px;
background-image: url(https://static.miraheze.org/pizzatowerwiki/c/c3/PT-WikiImage-UserIcons.png?20230922190041);
}
.oo-ui-icon-bell, .mew-ui-icon-bell:before { /*bell*/
background-position: -20px 0;
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before { /*alert*/
background-position: -40px 0;
}
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-tmpuserpage, .vector-user-menu-legacy #pt-userpage a {
padding: 0;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { /* Full color for other bell and alert */
opacity: unset;
}
/** Page toolbar **/
/* "Inactive" tabs */
.vector-menu-tabs li {
background-image:none;
background-color: var(--inactiveTabBg);
background-clip: padding-box !important;
border: 5px solid transparent;
height: 37px;
border-image: var(--inactiveTabImg1) 5 round round;
margin: 0 5px -1px 0;
}
.vector-menu-tabs li:hover {
background-color: var(--inactiveTabHoverBg);
border-image: var(--inactiveTabImg2) 5 round round;
}
.vector-menu-tabs li a {
color: var(--tabColor);
padding-top: 10px;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color:#FF6D6D !important;
}
/* "Active" tabs */
.vector-menu-tabs .selected, .vector-menu-tabs .selected:hover {
background-image: none;
background-color: var(--contentBg);
border-image: var(--activeTabImg) 5 5 7 / 5px 5px 7px round round;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: inherit;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: var(--discussTabColor) !important;
}
/* Borders */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: none;
}
/* Watch icon (star) */
#ca-watch, #ca-unwatch {
margin-top: 8px;
height: 28px;
}
.vector-menu-tabs .mw-watchlink.icon a {
margin-top: -8px;
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.icon a:before, .vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus:before, .vector-menu-tabs #ca-watch.icon a:before {
background-image: url(https://static.miraheze.org/pizzatowerwiki/2/2b/PT-WikiImage-WatchStars.png?20230922185403);
height: 16px;
width: 16px;
object-fit: cover;
background-position: 0 0;
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before {
background-position: -32px 0;
}
.vector-menu-tabs #ca-unwatch.icon a:before, .vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus:before {
background-position: -16px 0;
}
/* "More" */
#p-cactions {
background-color: var(--inactiveTabBg);
background-clip: padding-box;
height: 37px;
border: 5px solid transparent;
border-image: var(--moreTabImg) 5 / 5px round round;
}
.vector-menu-dropdown .vector-menu-heading::after { /* Dropdown icon */
filter: invert(1);
}
.vector-menu-dropdown .vector-menu-content { /* Dropdown menu */
background-color: var(--inactiveTabBg);
background-clip: padding-box;
border: 5px solid transparent;
border-image: var(--moreTabListImg) 5 round round;
}
.vector-menu-dropdown .vector-menu-content a {
color: var(--sidebarColor);
}
.vector-menu-dropdown .vector-menu-content li:hover {
background-color: var(--inactiveTabHoverBg);
}
.vector-menu-heading { /* Removes orphan border */
background-image: none !important;
}
.vector-menu-dropdown .vector-menu-heading {
padding: 10px 8px 8px;
}
/** Searchbar **/
#p-search {
background-color: var(--inactiveTabBg);
background-clip: padding-box;
padding: 0 10px 8px;
margin: 0 0 0 1rem;
border: 5px solid transparent;
border-image: var(--searchbarImg) 5 5 7 / 5px 5px 7px round round;
}
#p-search #searchform {
margin: 2px 0;
}
#searchInput {
border-radius: 0 !important;
}
.vector-search-box-input {
background-color: var(--searchInputBg);
border: 1px solid #2F2336;
}
.vector-search-box-input:hover, .vector-search-box-input:focus {
border-color: #4D3A59;
}
.vector-search-box-input:focus {
box-shadow: none;
}
#searchButton {
background-color: var(--searchBtnBg);
opacity: inherit;
}
#searchButton:hover {
background-color: var(--searchBtnHoverBg);
}
/* SIDE IMAGES */
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a.mw-file-description:after {
bottom: -15px;
}
/** Footer **/
#footer {
margin-bottom: 2rem;
padding-bottom: 3rem;
border: 5px solid transparent;
border-right: none;
border-top: none;
border-image: var(--sidebarImg2) 5 / 0 0 5px 5px round round;
background-color: var(--sidebarBg);
background-clip: padding-box;
}
#footer-info-lastmod, #footer-info-copyright {
color: white;
}
/** Content area **/
.mw-body {
background-clip: padding-box;
border: 5px solid transparent;
border-right: none;
border-image: var(--bodyImg) 5 / 5px 0 5px 5px round round;
background-color: var(--contentBg);
}
/** Headers **/
h1, h2 {
border-image: url(https://static.miraheze.org/pizzatowerwiki/9/93/PTWiki-underlineborder.png) 0 0 2 0 / 0 0 2px 0 round round;
}
/** Bullet list point fix **/
ul {
list-style-image: none;
}
/** Blockquote **/
.vector-body blockquote {
border-color: #ac6ca8;
}
/** Categories block **/
.catlinks {
background-color: transparent;
border-color: #614261;
}
/** Smaller screens **/
@media only screen and (max-width: 1050px) {
#footer { /* Footer fix */
padding-bottom: 5rem;
}
}
/* [[Category:Styling pages]] */