MediaWiki:Common.css: Difference between revisions

From He is Coming Official Wiki
mNo edit summary
Tag: Manual revert
mNo edit summary
Line 9: Line 9:
}
}


/* Box för pixelart */
.pixelart-box {
.pixelart-box {
   width: 250px;
   width: 250px;
Line 16: Line 17:
   justify-content: center;
   justify-content: center;
   background-color: #241319;
   background-color: #241319;
  overflow: hidden;
}
}


/* Bild i pixelstil */
.pixelart-img {
.pixelart-img {
   image-rendering: pixelated;
   image-rendering: pixelated;
   width: calc(1em * 9);
   width: calc(1em * 9);   /* Skala 9x baserat på 1em (typ 144px om 16px base) */
   height: calc(1em * 9);
   height: calc(1em * 9);
   display: block;
   display: block;
   margin: auto;
   margin: 0;
  background: transparent;
  border: none;
}
 
/* Neutralisera MediaWikis <a>-tagg runt bilden */
.pixelart-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
 
.pixelart-box a img {
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  display: block;
}
}

Revision as of 13:24, 30 July 2025

/* CSS placed here will be applied to all skins */
@media screen and (max-width: 1279px) {
  .infobox-item {
    float: none !important;
    clear: both !important;
    margin: 0 auto 1em auto !important;
    display: block;
  }
}

/* Box för pixelart */
.pixelart-box {
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #241319;
  overflow: hidden;
}

/* Bild i pixelstil */
.pixelart-img {
  image-rendering: pixelated;
  width: calc(1em * 9);   /* Skala 9x baserat på 1em (typ 144px om 16px base) */
  height: calc(1em * 9);
  display: block;
  margin: 0;
  background: transparent;
  border: none;
}

/* Neutralisera MediaWikis <a>-tagg runt bilden */
.pixelart-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.pixelart-box a img {
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  display: block;
}