MediaWiki:Mobile.css

Revision as of 22:23, 13 April 2022 by Emmateapot (talk | contribs) (Testing updated spoiler UX: mobile css updates)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the mobile site */
.searchresults .mw-search-createlink{
    display: block;
}

.mw-search-createlink{
    display: block;
}

.spoilers-body {
	border: 1px dashed #000;
	background-color: #EEE;
	padding: 3px;
	display: none;
	color: #000;
}

.spoilers-body h1,
.spoilers-body h2,
.spoilers-body h3,
.spoilers-body h4,
.spoilers-body h5,
.spoilers-body h6 {
	color: #000;
}

.spoilers-button {
	background: #AAA;
	background: -moz-linear-gradient(top, #EEE, #AAA);
	background: -webkit-linear-gradient(top, #EEE, #AAA);
	background: -o-linear-gradient(top, #EEE, #AAA);
	background: linear-gradient(to bottom, #EEE, #AAA);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#AAA', GradientType=0);
	border: 1px solid #999;
	border-radius: 5px;
	padding: 3px 10px;
	transition: 0.1s background-position linear;
	color: #000;
}

.spoilers-button:hover {
	background: #D2D2D2;
	cursor: pointer;
}

.spoilerblur {
  display: flow-root;
  filter: blur(.2em);
  opacity: 0.40;
  transition: filter .5s linear, opacity .5s linear, text-shadow .5s linear;
}
 
.spoilerblur:hover {
  filter: blur(0px);
  opacity: 1;
  text-shadow: 0 0 0 transparent;
  transition-delay: 250ms;
}