MediaWiki:Vector.css: Difference between revisions
No edit summary |
No edit summary |
||
| (11 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Vector skin */ | /* All CSS here will be loaded for users of the Vector skin */ | ||
/* Theme BG */ | /* Theme BG */ | ||
:root, .wgl-lightmode, .wgl-theme-light { | :root, .wgl-lightmode, .wgl-theme-light { | ||
--body-background-image: url( | --body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg"); | ||
--body-background-image-fallback: lightblue; | --body-background-image-fallback: lightblue; | ||
} | } | ||
:root .wgl-darkmode, :root .wgl-theme-dark { | :root .wgl-darkmode, :root .wgl-theme-dark { | ||
--body-background-image: url( | --body-background-image: url("https://hna.wiki/images/Site-background-dark"); | ||
--body-background-image-fallback: darkblue; | --body-background-image-fallback: darkblue; | ||
} | } | ||
body { | body { | ||
background | background: var(--body-background-image), var(--body-background-image-fallback); | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 44: | Line 18: | ||
background-position: center; | background-position: center; | ||
} | } | ||
#mw-page-base { | |||
background: none; | |||
} | |||
.vector-menu-tabs-legacy li { | |||
background-color: var(--theme-page-background-color--secondary); | |||
} | |||
.vector-menu-tabs-legacy li a { | |||
padding-top: 1em; | |||
} | |||
/* PLACEHOLDER - to be updated later with preferences */ | |||
nav.vector-menu-portal { | |||
background-color: rgba(255, 255, 255, .5); | |||
} | |||
#catlinks { | |||
font-size: small; | |||
} | |||
/* Generic rules */ | |||
.mobileHide, .mobile-only, .no-desktop { display: none; } | .mobileHide, .mobile-only, .no-desktop { display: none; } | ||
| Line 208: | Line 204: | ||
margin-bottom: 0.7em; | margin-bottom: 0.7em; | ||
} | } | ||
/* For [[T:Rubi]] */ | /* For [[T:Rubi]] */ | ||
| Line 243: | Line 214: | ||
.rubi-center > :is(rt, rp) { | .rubi-center > :is(rt, rp) { | ||
ruby-align: center; | ruby-align: center; | ||
} | } | ||
| Line 318: | Line 275: | ||
body.action-view #p-views li#ca-view { | body.action-view #p-views li#ca-view { | ||
display: none !important; | display: none !important; | ||
} | |||
#p-Navigation ul.vector-menu-content-list { | |||
padding-top: 0.1em; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | |||
background: var(--background-color-base-subtle) !important; | |||
padding: 0.3em 0.6em; | |||
font-weight:bold; | |||
color: var(--theme-link-color); | |||
margin: unset !important; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited { | |||
color: var(--alt-link-color) !important; | |||
} | |||
#mw-panel.vector-legacy-sidebar > nav.mw-portlet { | |||
padding: 0.4em 0.3em; | |||
margin: 0 0 0.5em 0; | |||
background-color: var(--background-color-base); | |||
border: 2px solid var(--theme-accent-color); | |||
} | |||
.skin-vector-legacy #pt-uls .uls-trigger::before { | |||
top: 2px; | |||
position: relative; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { | |||
background-image: none !important | |||
} | |||
#p-logo + .mw-portlet .vector-menu-heading { | |||
display: block !important; | |||
} | |||
#p-logo { | |||
margin-bottom: 0; | |||
} | |||
#mw-indicator-protection-moderator { | |||
display: none | |||
} | |||
/* DISCORD NAVIGATION BUTTON */ | |||
/* Primary button appearance */ | |||
#n-Discord a { | |||
display: block; | |||
padding: 6px 10px 5px 32px; | |||
font-size: 12px; | |||
font-weight: bold; | |||
text-align: center; | |||
text-decoration: none; | |||
background-color: #4f5bdb; | |||
border-radius: 5px; | |||
border-width: 1px; | |||
border-style: solid; | |||
border-color: #6e78ea #212666 #212666 #6e78ea; | |||
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.37); | |||
transition: all 0.15s ease; | |||
position: relative; | |||
right: -1px; | |||
margin-bottom: 0.5em; | |||
color:white !important; | |||
&:hover { | |||
background-color:#5a67f5; | |||
} | |||
} | |||
/* Reset default sidebar spacing */ | |||
#mw-panel.vector-legacy-sidebar > nav.mw-portlet#p-Discord, | |||
#n-discord, | |||
#p-Discord .vector-menu-content, | |||
#p-Discord .vector-menu-content-list { | |||
margin: 0; | |||
padding: 0; | |||
border: none; | |||
background: transparent; | |||
box-shadow: none; | |||
} | |||
/* Hide section heading */ | |||
#p-logo + .mw-portlet .vector-menu-heading { | |||
display: none !important; | |||
} | |||
/* Add text prefix */ | |||
#n-Discord a::before { | |||
content: "Join our "; | |||
font-weight: normal; | |||
} | |||
/* Discord icon positioning */ | |||
#n-Discord a::after { | |||
content: ''; | |||
position: absolute; | |||
left: 10px; | |||
width: 17px; | |||
height: 13px; | |||
background-image: url(https://deadlock.wiki/images/4/4c/Discord-Symbol-White.svg); | |||
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); | |||
} | |||
.cdx-button:enabled:hover, | |||
.cdx-button.cdx-button--fake-button--enabled:hover { | |||
background-color: #2b1e18; | |||
border-color: #6e6e6e; | |||
cursor: pointer; | |||
} | |||
#skin-client-prefs-skin-theme { | |||
display: none | |||
} | |||
/* RECENT CHANGES SIDEBAR */ | |||
#p-Recent_Changes{ | |||
height: 192.703px; | |||
display: none; | |||
} | |||
#n-rc-skeleton{ | |||
display:none; | |||
} | } | ||