Difference between revisions of "MediaWiki:Common.css"
From Complex Time
WikiWorks3 (talk | contribs) |
WikiWorks3 (talk | contribs) |
||
Line 36: | Line 36: | ||
top: 50px; | top: 50px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | /* Makes repositioning elements hidden until js moves them into their place */ | ||
+ | |||
+ | [data-reposition-target] { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | [data-reposition-target].repositioned { | ||
+ | display: block; | ||
} | } |
Revision as of 18:42, 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 ? :) */ } /* To workaround for jumping header which increases it in size */ @media (max-width: 1056px) { .sticky-content { top: 100px; } } @media (max-width: 767px) { .sticky-content { top: 50px; } } /* Makes repositioning elements hidden until js moves them into their place */ [data-reposition-target] { display: none; } [data-reposition-target].repositioned { display: block; }