Main Page

Difference between revisions of "MediaWiki:Mobile.css"

From Arks-Visiphone
Jump to navigation Jump to search
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* All CSS here will be loaded for users of the mobile site */
 
/* 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"] {
 
[data-theme="dark"] {
 
color: #aaa!important;
 
color: #aaa!important;
Line 18: Line 88:
 
[data-theme="dark"] .parsoid-body {
 
[data-theme="dark"] .parsoid-body {
 
background-color: #32383e!important;
 
background-color: #32383e!important;
background-clip: border-box;
 
border: 1px solid rgba(0, 0, 0, 0.6);
 
border-radius: 0.25rem;
 
 
color: #aaa!important;
 
color: #aaa!important;
 +
}
 +
 +
 +
[data-theme="dark"] a {
 +
color: #fff!important;
 
}
 
}

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;
}