MediaWiki:Vector.css: Difference between revisions
From Ardent Spacers Wiki
Replaced content with "→All CSS here will be loaded for users of the Vector skin: :root { }" Tag: Replaced |
No edit summary |
||
| Line 4: | Line 4: | ||
/* ----------------------------------- | |||
Links | |||
----------------------------------- */ | |||
div#mw-panel .vector-menu-portal .vector-menu-heading { | |||
color: var(--sidebar-heading-text-color); | |||
font-weight: bold; | |||
display: flex; | |||
justify-content: center; | |||
align-content: center; | |||
text-align: center; | |||
background: var(--sidebar-heading-background); | |||
text-transform: uppercase; | |||
margin: 0; | |||
clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0 100%); | |||
text-shadow: 1px 1px 1px var(--transparent-black-less); | |||
} | |||
div#mw-panel .vector-menu-portal .vector-menu-content { | |||
background: var(--sidebar-content-background); | |||
padding: .25em .5em; | |||
margin: 0; | |||
box-shadow: 2px 3px 5px 0px var(--transparent-black-subtle); | |||
} | |||
div#mw-panel .vector-menu-portal .vector-menu-heading .vector-menu-heading-label { | |||
display: inline-block; | |||
position: relative; | |||
right: 10px; | |||
} | |||
div#mw-panel .vector-menu-portal .vector-menu-content ul { | |||
padding-top: 0; | |||
} | |||
div#mw-panel li a, | |||
div#mw-panel li a:visited { | |||
color: var(--sidebar-content-link-color); | |||
} | |||
div#mw-panel li a:hover { | |||
color: var(--sidebar-content-link-color-hover); | |||
} | |||
#p-interaction li, | |||
#p-navigation li, | |||
#p-Navigation ul, | |||
#p-personal, | |||
#p-tb ul { | |||
text-transform: capitalize; | |||
} | |||
Revision as of 23:56, 9 August 2026
/* All CSS here will be loaded for users of the Vector skin */
:root {
/* -----------------------------------
Links
----------------------------------- */
div#mw-panel .vector-menu-portal .vector-menu-heading {
color: var(--sidebar-heading-text-color);
font-weight: bold;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
background: var(--sidebar-heading-background);
text-transform: uppercase;
margin: 0;
clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0 100%);
text-shadow: 1px 1px 1px var(--transparent-black-less);
}
div#mw-panel .vector-menu-portal .vector-menu-content {
background: var(--sidebar-content-background);
padding: .25em .5em;
margin: 0;
box-shadow: 2px 3px 5px 0px var(--transparent-black-subtle);
}
div#mw-panel .vector-menu-portal .vector-menu-heading .vector-menu-heading-label {
display: inline-block;
position: relative;
right: 10px;
}
div#mw-panel .vector-menu-portal .vector-menu-content ul {
padding-top: 0;
}
div#mw-panel li a,
div#mw-panel li a:visited {
color: var(--sidebar-content-link-color);
}
div#mw-panel li a:hover {
color: var(--sidebar-content-link-color-hover);
}
#p-interaction li,
#p-navigation li,
#p-Navigation ul,
#p-personal,
#p-tb ul {
text-transform: capitalize;
}
}
