MediaWiki:Mobile.css

Revision as of 16:00, 16 October 2023 by Cleo (talk | contribs) (Created page with "→‎All CSS here will be loaded for users of the mobile site: .blur { transition: filter 0.15s ease-in-out; overflow: hidden; position: relative; } .blur img { filter: blur(20px); transition: filter 0.15s ease-in-out; } .blur:hover img { filter: none; transition: filter 0.15s ease-in-out; } .blur:hover figcaption { opacity: 0; display: none; } .blur > figcaption { opacity: 0.5; padding: 10px 15px 10px 15px !important; border-radius: 15px;...")
(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 */


.blur {
  transition: filter 0.15s ease-in-out;
  overflow: hidden;
  position: relative;
}

.blur img {
  filter: blur(20px);
  transition: filter 0.15s ease-in-out;
}

.blur:hover img {
  filter: none;
  transition: filter 0.15s ease-in-out;
}

.blur:hover figcaption {
  opacity: 0;
  display: none;
}

.blur > figcaption {
  opacity: 0.5;
  padding: 10px 15px 10px 15px !important;
  border-radius: 15px;
  background-color: black !important;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blur > figcaption::before {
  margin-left: 0px !important;
  float: unset !important;
}

.blur > figcaption:empty {
  display: none;
}