MediaWiki:Mobile.css

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

.blur > a {
  pointer-events: none;
}

.content .thumbcaption, .content figure[typeof~='mw:File/Thumb'] > figcaption, .content figure[typeof~='mw:File/Frame'] > figcaption {
  padding: 5px 10px 5px 10px !important;
}