MediaWiki:Mobile.css: Difference between revisions

From The Unofficial Isekai:Slow Life Wiki
Jump to navigation Jump to search
(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;...")
 
No edit summary
Tags: Mobile edit Mobile web edit
Line 28: Line 28:
   border-radius: 15px;
   border-radius: 15px;
   background-color: black !important;
   background-color: black !important;
   color: white;
   color: white !important;
   position: absolute;
   position: absolute;
   top: 50%;
   top: 50%;

Revision as of 16:01, 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;
  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;
}