User:Pyrrhus/pivot.css

/* CODE TESTED BY NOTJUSTTIRED */ /* Make Echo extension more mobile friendly on small widths including mobiles in landscape view */

@media only screen and (max-width: 750px) { .oo-ui-popupWidget-popup { width: auto !important; position: relative !important; margin-left: 10rem !important; margin-right: 0!important; left: auto; right: 0.9rem; font-size: 75% !important; } .oo-ui-clippableElement-clippable.oo-ui-popupWidget-body { width: 100% !important; right: 1.5rem; } }

/* make donate look like button */ margin-left: 0.25em; } display:inline-block; }
 * 1) n-donate {
 * 1) n-donate a {

/* pre tag must wrap, also break crazily long words in lists and tables */ pre, td { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

/* break long citation urls */ .citation { word-wrap: break-word; }

/* mobiles: break crazily long words in lists and tables, using hyphens and keep broken items in same column, put columns closer together */ @media screen and (max-width: 500px) { td, #mw-content-text li { margin-left: 2px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }  }

/* Headings centered on other skins eg for home page contents */ table.wikitable > tr > th, table.wikitable > * > tr > th { text-align: left; }

padding-right: 2rem; display: inline; text-align: center; }  display: inline; text-align: center; } /* removed powered by mediawiki - which has several different names oddly */ .poweredby { display:none; } /* center block - won't overlap sidebar */ display: inline-block; width: 100%!important; text-align: center; padding-right:8px; }
 * 1) footer-developers,
 * 2) footer-cookiestatement {
 * 1) footer-left,
 * 2) footer-places,
 * 3) footer-disclaimers,
 * 4) footer-privacypolicy,
 * 5) footer-about {
 * 1) footer-poweredbyico,
 * 2) footer-poweredby,
 * 1) footer-left {

/* fix footer bleed by fixing negative margin */ footer { margin-left: 0!important; margin-right: 0!important; padding-right: 8px;}

/* Color code snippets incl for errors */ code { background: #999; background: rgba(204,204,204,0.9); color: #000; font-weight:bold; } .error code { color: #FF4444 !important; color: #fff !important; }

/* allow scroll on tables */ table { max-width: none; overflow-x: auto; display: block; } max-width: none; } /* end of tested code May 23 2019 */
 * 1) p-cactions {

/* UNTESTED CODE */

/* center donate button in sidebar */ text-align: center; }
 * 1) n-donate {

/* expand footer-left and hide footer-right */ display: none; } width: 100%; }
 * 1) footer-right-icons {
 * 1) div-footer-left {

/* make footer text lines into a paragraph */ li#footer-lastmod, li#footer-viewcount { float: left; margin-right: 0.5em; }

/* make footer links all in a row */ li#footer-privacy, li#footer-about, li#footer-disclaimer, li#footer-developers, li#footer-cookiestatement { float: left; margin-right: 2em; }

/* hide developers link in footer */ li#footer-developers { display: none; }

/* END UNTESTED CODE */