MediaWiki:Common.css: Difference between revisions
mNo edit summary Tag: Manual revert |
No edit summary Tag: Manual revert |
||
| (37 intermediate revisions by the same user not shown) | |||
| Line 17: | Line 17: | ||
.mw-logo-icon { | .mw-logo-icon { | ||
width: | width: 160px !important; | ||
height: | height: 160px !important; | ||
} | |||
/* Full-width banner at the absolute top, behind everything */ | |||
body { | |||
background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png'); | |||
background-repeat: no-repeat; | |||
background-position: center top; | |||
background-size: 100% auto; /* Forces image to fit screen width */ | |||
background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */ | |||
} | |||
/* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */ | |||
.mw-page-container, | |||
.mw-header, | |||
.vector-sticky-header { | |||
background-color: transparent !important; | |||
} | |||
.mw-header { | |||
margin-top: 10px; | |||
} | |||
#content { | |||
background-color: #2f2f2f; | |||
} | |||
.vector-user-links { | |||
position: fixed; | |||
top: 10px; | |||
right: 20px; | |||
z-index: 1000; | |||
transform: scale(1.2); | |||
transform-origin: top right; | |||
background: rgba(0, 0, 0, 0.5); | |||
padding: 5px 10px; | |||
border-radius: 8px; | |||
} | |||
.vector-user-links .vector-icon { | |||
width: 24px; | |||
height: 24px; | |||
} | |||
a { | |||
color: #d1d1d1 !important; | |||
} | |||
a:visited { | |||
color: #A8A9AD !important; | |||
} | |||
a:hover { | |||
color: #e0e0e0 !important; | |||
text-decoration: underline; | |||
} | |||
@media screen and (max-width: 1919px) { | |||
.mobile-card-table, | |||
.mobile-card-table tbody, | |||
.mobile-card-table tr, | |||
.mobile-card-table td { | |||
display: block !important; | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
border: none !important; | |||
} | |||
.mobile-card-table tr { | |||
padding: 10px; | |||
background: rgba(255, 255, 255, 0.05); | |||
border: none !important; | |||
} | |||
} | |||
.portable-infobox { | |||
float: right; | |||
clear: right; | |||
margin-top: 1% !important; | |||
margin-right: 2.5% !important; | |||
margin-left: 20px; | |||
margin-bottom: 10px; | |||
border-radius: 1.2%; | |||
border: 6px solid #aaa; | |||
overflow: hidden; | |||
width: 350px !important; | |||
box-shadow: 0 4px 10px rgba(0,0,0,0.15); | |||
background-color: 232323 !important; | |||
} | |||
.portable-infobox .pi-title { | |||
border-top-left-radius: 15px; | |||
border-top-right-radius: 15px; | |||
} | |||
@media screen and (max-width: 1219px) { | |||
.portable-infobox { | |||
float: none !important; | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
margin: 1em 0 !important; | |||
box-sizing: border-box !important; | |||
display: block !important; | |||
} | |||
.portable-infobox .wds-tabs__wrapper { | |||
overflow-x: auto !important; | |||
white-space: nowrap !important; | |||
width: 100% !important; | |||
} | |||
.portable-infobox .pi-image img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
width: auto !important; | |||
} | |||
@media screen and (max-width: 450px) { | |||
.portable-infobox .pi-data { | |||
display: block !important; | |||
} | |||
.portable-infobox .pi-data-label { | |||
width: 100% !important; | |||
text-align: left !important; | |||
padding-bottom: 2px; | |||
} | |||
.portable-infobox .pi-data-value { | |||
width: 100% !important; | |||
text-align: left !important; | |||
padding-left: 10px; | |||
} | |||
} | |||
} | } | ||