MediaWiki:Vector-2022.css: Difference between revisions
m CSS test |
m CSS test |
||
Line 36: | Line 36: | ||
#n-View-DynMap a:visited | #n-View-DynMap a:visited | ||
*/ | */ | ||
#n-Join-Discord a:link, | #n-Join-the-Discord a:link, | ||
#n-Join-Discord a:visited { | #n-Join-the-Discord a:visited { | ||
font-weight: bold; | font-weight: bold; | ||
color: #ffffff; | color: #ffffff; | ||
Line 46: | Line 46: | ||
} | } | ||
#n-Join-Discord { | #n-Join-the-Discord { | ||
background: #677bc4; | background: #677bc4; | ||
background-image: url('https://static.wikitide.net/alathramcwiki/8/82/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg'); | background-image: url('https://static.wikitide.net/alathramcwiki/8/82/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg'); | ||
Line 104: | Line 104: | ||
*/ | */ | ||
/* | /* | ||
#n-Join-Discord:hover { | #n-Join-the-Discord:hover { | ||
border-color: #8699df; | border-color: #8699df; | ||
background-color: #8699df; | background-color: #8699df; |
Revision as of 08:20, 14 June 2025
/* 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;
}