MediaWiki:Vector-2022.css

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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */

/* This one changes CSS for the link buttons */

.mw-body {
	margin-top: 0;
	border-color: transparent;
	box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15);
    padding: 1.25em 1.5em 1.5em 1.5em;
}

/* CSS for left vertical navigation */

.vector-menu-content li {
	margin: 0;
	padding: 0.25em 0;
	font-size: 0.8em;
	line-height: 1.125em;
	word-wrap: break-word;
}

#mw-panel .vector-menu-heading {
	font-weight: bold;
}

@media screen {
	.skin-theme-clientpref-night .mw-body {
	  box-shadow: none;
	}
  }
 
 
/* #n-View-YouTube a:link,
#n-View-YouTube a:visited,
#n-View-DynMap a:link,
#n-View-DynMap a:visited
*/ 
#n-Join-the-Discord a:link,
#n-Join-the-Discord a:visited {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	/*
	vertical-align: sub;
	*/
}

#n-Join-the-Discord {
	background: #677bc4;
	background-image: url('https://static.wikitide.net/alathramcwiki/8/82/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: top 52% left 7%;
	padding-left: 2.5em;
	margin-bottom: 5px;
	border-radius: 4px;
	border-width: 1px;
	border-style: groove;
	border-color: #485689;
	/*
	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #7289da;
	transition: background-color .4s, border-color .4s;
	*/
}
/*
#n-View-YouTube {
	background: #e60000;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/42/YouTube_light_icon_%282017%29.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center left 4%;
	padding-left: 2.2em;
	margin-bottom: 5px;
	border-radius: 4px;

	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #e60000;
	transition: background-color .4s, border-color .4s;

}

/*
#n-View-DynMap {
	background: #ad9c6f;
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/86/Map_icon.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center left 4%;
	padding-left: 2.2em;
	border-radius: 4px;

	border-width: 0px 6px 0px 6px;
	border-style: solid;
	border-radius: 4px;
	border-color: #ad9c6f;
	transition: background-color .4s, border-color .4s;

}
*/
/*
#n-Join-the-Discord:hover {
	border-color: #8699df;
	background-color: #8699df;
}

#n-View-DynMap:hover {
	border-color: #b5a67d;
	background-color: #b5a67d;
}

#n-View-Youtube:hover {
	border-color: #ff4d4d;
	background-color: #ff4d4d;
}
	*/

.vector-feature-main-menu-pinned-disabled .mw-body {
	max-width: 1160px;
	margin: auto;
}

.vector-main-menu .vector-main-menu-action-opt-out a, .vector-main-menu .vector-main-menu-action-lang-alert .vector-main-menu-action-content {
	display: none;
}

.mw-body {
	background-color: #fbfbfb;
}

@media screen and (min-width: 1120px) {
    .mw-page-container-inner {
        display: grid;
        column-gap: 12px;
        grid-template: min-content 1fr min-content / 11.25rem minmax(0, 1fr);
        grid-template-areas:
        'siteNotice siteNotice'
        'columnStart pageContent'
        'footer footer';
    }
    
    .mw-body {
    	grid-template-columns: minmax(0, 1fr) min-content;
    }
    
    .vector-feature-page-tools-pinned-enabled .vector-column-end, .vector-feature-appearance-pinned-clientpref-1 .vector-column-end {
    	width: 10.25rem;
    }
}

#mw-panel {
	top: 0;
	width: 11em;
	left: 0;
}

.vector-pinnable-element .vector-menu-heading {
	border: none;
	margin: 12px 0 0 0;
}