MediaWiki:Common.css: Difference between revisions
Updated mp-featured color to better match figma. Removed red header border on main page. |
Add desktop ad rail layout |
||
| Line 7,433: | Line 7,433: | ||
* End main page stuff * | * End main page stuff * | ||
***********************/ | ***********************/ | ||
/* BEGIN Gemini Station ad rail */ | |||
@media screen and (min-width: 1180px) { | |||
body.skin-vector { | |||
--gsw-ad-rail-width: 25rem; | |||
--gsw-ad-rail-gap: 1.5rem; | |||
} | |||
body.skin-vector #content.mw-body { | |||
margin-right: calc(var(--gsw-ad-rail-width) + var(--gsw-ad-rail-gap)); | |||
} | |||
body.skin-vector #gsw-ad-rail { | |||
position: fixed; | |||
top: 4rem; | |||
right: 0; | |||
bottom: 0; | |||
width: var(--gsw-ad-rail-width); | |||
box-sizing: border-box; | |||
padding: 1.45rem 1.35rem 2rem; | |||
background: #f8f9fa; | |||
border-left: 1px solid #eaecf0; | |||
z-index: 1; | |||
} | |||
body.skin-vector #gsw-ad-rail .gsw-ad-slot { | |||
position: sticky; | |||
top: 5.45rem; | |||
box-sizing: border-box; | |||
min-height: 30rem; | |||
width: 100%; | |||
background: #fff; | |||
border: 1px solid #c8ccd1; | |||
color: #72777d; | |||
display: flex; | |||
justify-content: center; | |||
align-items: flex-start; | |||
padding: 1rem; | |||
text-align: center; | |||
} | |||
body.skin-vector #gsw-ad-rail .gsw-ad-label { | |||
font-family: sans-serif; | |||
font-size: 0.82rem; | |||
font-weight: 700; | |||
letter-spacing: 0.08em; | |||
line-height: 1.2; | |||
text-transform: uppercase; | |||
} | |||
} | |||
@media screen and (max-width: 1179px) { | |||
body.skin-vector #gsw-ad-rail { | |||
display: none; | |||
} | |||
} | |||
@media print { | |||
#gsw-ad-rail { | |||
display: none !important; | |||
} | |||
} | |||
/* END Gemini Station ad rail */ | |||