Difference between revisions of "MediaWiki:Common.css"
From Complex Time
WikiWorks3 (talk | contribs) |
WikiWorks3 (talk | contribs) |
||
Line 36: | Line 36: | ||
@media (max-width: 1056px) { | @media (max-width: 1056px) { | ||
.sticky-content, #get-involved { | .sticky-content, #get-involved { | ||
− | top: | + | top: 102px; |
} | } | ||
} | } | ||
Line 42: | Line 42: | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.sticky-content, #get-involved { | .sticky-content, #get-involved { | ||
− | top: | + | top: 51px; |
} | } | ||
} | } |
Revision as of 20:31, February 21, 2019
/* CSS placed here will be applied to all skins */ .sysop-show, .user-show { display: none; } /* .popupform-wrapper .popupform-container .popupform-innercontainer { height: 80%; width: 80%; } */ @supports (-webkit-overflow-scrolling: touch) { .popupform-wrapper .popupform-container div.popupform-innercontainer { overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; } } .sticky-content { position: -webkit-sticky; position: sticky; top: 50px; z-index: 101; /* sticky content should be on top of everything, right ? :) */ } #get-involved { position: -webkit-sticky; position: sticky; top: 52px; background: white; z-index: 101; } /* To workaround for jumping header which increases it in size */ @media (max-width: 1056px) { .sticky-content, #get-involved { top: 102px; } } @media (max-width: 767px) { .sticky-content, #get-involved { top: 51px; } } /* Makes repositioning elements hidden until js moves them into their place */ [data-reposition-target] { display: none; } [data-reposition-target].repositioned { display: block; }