MediaWiki:Mobile.css: Difference between revisions

From The Unofficial Isekai:Slow Life Wiki
Jump to navigation Jump to search
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 25: Line 25:
.blur > figcaption {
.blur > figcaption {
   opacity: 0.5;
   opacity: 0.5;
  padding: 10px 15px 10px 15px !important;
   border-radius: 15px;
   border-radius: 15px;
   background-color: black !important;
   background-color: black !important;
Line 42: Line 41:
.blur > figcaption:empty {
.blur > figcaption:empty {
   display: none;
   display: none;
}
.content .thumbcaption, .content figure[typeof~='mw:File/Thumb'] > figcaption, .content figure[typeof~='mw:File/Frame'] > figcaption {
  padding: 5px 10px 5px 10px !important;
}
}

Revision as of 16:03, 16 October 2023

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

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