Difference between revisions of "MediaWiki:Common.css"
From Origins
*>Wikiworks |
|||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
.sysop-show, .user-show { | .sysop-show, .user-show { | ||
display: none; | 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body.page-Special_RunQuery_Attendee_note_query .pf-runquery-formcontent, | ||
+ | body.page-Special_RunQuery_Attendee_note_query h1#firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .alert.alert-thermocomp { | ||
+ | background-color: #2a6773; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .alert.alert-thermocomp a, .alert.alert-thermocomp a:visited { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .ve-area-wrapper .oo-ui-toolGroup-tools { | ||
+ | border-collapse: initial; | ||
+ | } | ||
+ | |||
+ | /* DivTable.com */ | ||
+ | .divTable{ | ||
+ | display: table; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .divTableRow { | ||
+ | display: table-row; | ||
+ | } | ||
+ | .divTableHeading { | ||
+ | background-color: #EEE; | ||
+ | display: table-header-group; | ||
+ | } | ||
+ | .divTableCell, .divTableHead { | ||
+ | border: 1px solid #999999; | ||
+ | display: table-cell; | ||
+ | padding: 3px 10px; | ||
+ | } | ||
+ | .divTableHeading { | ||
+ | background-color: #EEE; | ||
+ | display: table-header-group; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .divTableFoot { | ||
+ | background-color: #EEE; | ||
+ | display: table-footer-group; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .divTableBody { | ||
+ | display: table-row-group; | ||
} | } |
Latest revision as of 01:56, September 25, 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; } } body.page-Special_RunQuery_Attendee_note_query .pf-runquery-formcontent, body.page-Special_RunQuery_Attendee_note_query h1#firstHeading { display: none; } .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; } .alert.alert-thermocomp { background-color: #2a6773; color: #fff; } .alert.alert-thermocomp a, .alert.alert-thermocomp a:visited { color: #fff; } .ve-area-wrapper .oo-ui-toolGroup-tools { border-collapse: initial; } /* DivTable.com */ .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; }