MediaWiki:Common.css: Difference between revisions

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


/* Bildboxen */
.pixelart-box {
.pixelart-box {
  background-color: #241319;
   width: 250px;
   width: 250px;
   height: 250px;
   height: 250px;
Line 17: Line 15:
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   overflow: hidden;
   background-color: #241319;
  box-sizing: border-box;
}
}


/* Själva pixelbilden */
.pixelart-img {
.pixelart-img {
   image-rendering: pixelated;
   image-rendering: pixelated;
   width: 256px;
   image-rendering: crisp-edges;
  height: 256px;
   transform: scale(9);
  display: block;
   transform-origin: top left;
  margin: 0 auto;
   display: block;}
  background: transparent;
  border: none;
}
 
/* Rensa bakgrund och padding från ALLA delar av infobox-tabellen */
.infobox-item,
.infobox-item table,
.infobox-item tr,
.infobox-item td,
.infobox-item th {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
 
.infobox-item tr:first-child td {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
 
.infobox-item .pixelart-box {
   background-color: #241319 !important;
   box-sizing: border-box;
}
 
.infobox-item .pixelart-box img {
  background: transparent !important;
   border: none !important;
  margin: 0 auto;
}

Revision as of 12:59, 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;
  }
}

.pixelart-box {
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #241319;
}

.pixelart-img {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  transform: scale(9);
  transform-origin: top left;
  display: block;}