MediaWiki:Common.css: Difference between revisions
Applying full Classic Layout Theme and Logo |
Fix banner visibility |
||
| Line 2: | Line 2: | ||
body, .mw-body { | body, .mw-body { | ||
background-color: #e5d8c5 !important; | background-color: #e5d8c5 !important; | ||
} | } | ||
/* | /* Pseudo element for the bleeding background image on body */ | ||
body::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 450px; | |||
background-image: url('/images/valen_banner.png'); | background-image: url('/images/valen_banner.png'); | ||
background-position: top | background-position: center top; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: cover; | background-size: cover; | ||
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); | -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); | ||
mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); | mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); | ||
z-index: -1; | |||
pointer-events: none; | |||
} | } | ||
#mw-page-base { | |||
display: none; | |||
} | |||
#mw-head-base { | #mw-head-base { | ||
background: transparent; | background: transparent; | ||
| Line 47: | Line 56: | ||
/* Content Area */ | /* Content Area */ | ||
#content { | #content { | ||
background-color: | background-color: transparent !important; | ||
border: none; | border: none; | ||
} | |||
.mw-body { | |||
background-color: rgba(229, 216, 197, 0.9) !important; /* Semi-transparent beige to show the fade */ | |||
margin-top: 10px; | |||
border: 1px solid #d1c1a6; | |||
border-radius: 5px; | |||
} | } | ||
/* Sidebar styling */ | /* Sidebar styling */ | ||
#mw-panel { | #mw-panel { | ||
background-color: | background-color: transparent; | ||
padding-top: 1em; | padding-top: 1em; | ||
} | } | ||
| Line 63: | Line 77: | ||
color: #332717; | color: #332717; | ||
font-weight: bold; | font-weight: bold; | ||
text-shadow: 1px 1px 2px rgba(255,255,255,0.5); | |||
} | } | ||
.vector-menu-portal .vector-menu-content li a { | .vector-menu-portal .vector-menu-content li a { | ||