MediaWiki:Common.css: Difference between revisions

Revision as of 17:24, 28 June 2023

/* CSS placed here will be applied to all skins */
@media (max-width: 580px) {
  #main_page_ham_symbol {
    display: none
  }
}

.editCheckboxes {
   display: none;
}

#ccbox {
  display: block  !important;
}

#p-logo-text a { white-space: nowrap; font-variant: normal; }

* {font-family: sans-serif !important}

#p-logo, #user-tools, #p-views, #mw-site-navigation, #mw-related-navigation, #mw-header-nav-hack, #p-namespaces, #ca-more {
	display: none;
}

#mw-content-container {
    background-image: none;
}

h4 {
    font-size: 1.3em !important;
}

h5 {
    font-size: 1.2em !important;
}

h6 {
    font-size: 1.1em !important;
}

/* BEGIN MobileEcho CSS */

@media screen and (max-width: 600px) {
	.oo-ui-popupWidget-anchor {
		display: none !important;;
	}

	.oo-ui-popupWidget {
		position: fixed;
		top: 0px !important;
		left: 0px !important;
		margin: 0px !important;
		width: 100vw !important;
		height: 100vh !important;
	}

	.oo-ui-popupWidget-popup {
		width: auto !important;
		height: 100% !important;
		padding: 1em;
		overflow-y: scroll;
	}

	.oo-ui-popupWidget-body {
		height:	max-content !important;
		width: 100% !important;
	}

	.oo-ui-popupWidget-footer {
		padding-bottom: 3em;
	}

	.oo-ui-popupWidget-head > .oo-ui-buttonWidget {
		right: 30px !important;
	}

	.mw-echo-ui-toggleReadCircleButtonWidget-circle {
		width: 30px !important;
		height: 30px !important;
	}

	.mobileecho-hide-overflow {
		overflow: hidden;
	}

	.mobileecho-close-button {
		display: inline-block;
		background-color: white;
		float: right !important;
	}
}

@media screen and (min-width: 601px) {
	.mobileecho-close-button {
		display: none;
	}
}

/* END MobileEcho CSS */