MediaWiki:Mobile.css

From The Unofficial Isekai:Slow Life Wiki
Revision as of 16:01, 16 October 2023 by Cleo (talk | contribs)
Jump to navigation Jump to search

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