Difference between revisions of "MediaWiki:Mobile.css"

Latest revision as of 17:42, 8 December 2021

/* All CSS here will be loaded for users of the mobile site */
/*
 * Please do not add any CSS rules here that impact the positioning of the element
 *  e.g. padding, margin, position or float.
 * These instead should live in jquery.makeCollapsible.styles
*/
/* See also jquery.makeCollapsible.js */
.mw-collapsible-toggle {
	float: right;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mw-collapsible-toggle-default:before {
	content: '[';
}
.mw-collapsible-toggle-default:after {
	content: ']';
}
.mw-customtoggle,
.mw-collapsible-toggle {
	cursor: pointer;
}
/* Collapse links in captions should be inline */
caption .mw-collapsible-toggle,
.mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-rtl caption .mw-collapsible-toggle,
.mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle,
.mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle {
	float: none;
}


.search-test-div {
  display: inline!important;
}

.panel {
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

[data-theme="dark"] {
	color: #aaa!important;
	background-color: #272b30!important;
}

[data-theme="dark"] #mw-head, 
[data-theme="dark"] #mw-head-base {
	color: #aaa!important;
	background-color: #272b30!important;
}

[data-theme="dark"] .jumbotron {
	background-color: #1c1e22!important;
}

[data-theme="dark"] .mw-body, 
[data-theme="dark"] .parsoid-body {
	background-color: #32383e!important;
	color: #aaa!important;
}


[data-theme="dark"] a {
	color: #fff!important;
}