MediaWiki:Vector-2022.css: Difference between revisions
m CSS test |
m CSS test |
||
Line 2: | Line 2: | ||
/* This one changes CSS for the link buttons */ | /* This one changes CSS for the link buttons */ | ||
#n-Access-Discord a:link, | #n-Access-Discord a:link, | ||
#n-Access-Discord a:visited, | #n-Access-Discord a:visited, | ||
Line 9: | Line 9: | ||
#n-View-DynMap a:link, | #n-View-DynMap a:link, | ||
#n-View-DynMap a:visited { | #n-View-DynMap a:visited { | ||
font-weight: bold; | font-weight: bold; | ||
color: #ffffff; | color: #ffffff; | ||
text-decoration: none; | |||
/* | |||
vertical-align: sub; | |||
/* | |||
} | } | ||
#n-Access-Discord { | #n-Access-Discord { | ||
background: #7289da; | background: #7289da; | ||
Line 23: | Line 25: | ||
padding-left: 1.8em; | padding-left: 1.8em; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-radius: 4px; | |||
/* | /* | ||
border-width: 0px 6px 0px 6px; | border-width: 0px 6px 0px 6px; | ||
Line 28: | Line 31: | ||
border-radius: 4px; | border-radius: 4px; | ||
border-color: #7289da; | border-color: #7289da; | ||
transition: background-color .4s, border-color .4s; | transition: background-color .4s, border-color .4s; | ||
*/ | */ | ||
} | } | ||
Line 42: | Line 43: | ||
padding-left: 1.8em; | padding-left: 1.8em; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border-radius: 4px; | |||
/* | /* | ||
border-width: 0px 6px 0px 6px; | border-width: 0px 6px 0px 6px; | ||
Line 47: | Line 49: | ||
border-radius: 4px; | border-radius: 4px; | ||
border-color: #e60000; | border-color: #e60000; | ||
transition: background-color .4s, border-color .4s; | transition: background-color .4s, border-color .4s; | ||
*/ | */ | ||
} | } | ||
Line 61: | Line 61: | ||
background-position: center left; | background-position: center left; | ||
padding-left: 1.8em; | padding-left: 1.8em; | ||
border-radius: 4px; | |||
/* | /* | ||
border-width: 0px 6px 0px 6px; | border-width: 0px 6px 0px 6px; | ||
Line 66: | Line 67: | ||
border-radius: 4px; | border-radius: 4px; | ||
border-color: #ad9c6f; | border-color: #ad9c6f; | ||
transition: background-color .4s, border-color .4s; | transition: background-color .4s, border-color .4s; | ||
*/ | */ |
Revision as of 00:17, 1 June 2025
/* All CSS here will be loaded for users of the Vector skin */
/* This one changes CSS for the link buttons */
#n-Access-Discord a:link,
#n-Access-Discord a:visited,
#n-View-YouTube a:link,
#n-View-YouTube a:visited,
#n-View-DynMap a:link,
#n-View-DynMap a:visited {
font-weight: bold;
color: #ffffff;
text-decoration: none;
/*
vertical-align: sub;
/*
}
#n-Access-Discord {
background: #7289da;
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: center left;
padding-left: 1.8em;
margin-bottom: 5px;
border-radius: 4px;
/*
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;
padding-left: 1.8em;
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;
padding-left: 1.8em;
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-Access-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;
}
*/