MediaWiki:Common.css: Difference between revisions

From He is Coming Official Wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.mw-parser-output > .borderline {
.mw-parser-output .borderline-flex {
   /* Gör att raden aldrig överlappar infobox eller sidebar */
  display: flex;
  align-items: center;
   /* Gör så att raden fyller utrymmet men wraps om infobox finns */
}
 
.mw-parser-output .borderline-flex > .borderline {
  flex: 1 1 0;
   max-width: 100%;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
  margin-right: 370px; /* Testa först, justera ner till vad som passar din infobox */
}
  margin-left: 0;
 
.mw-parser-output .borderline-flex {
   margin-top: 2em;
   margin-top: 2em;
   margin-bottom: 2em;
   margin-bottom: 2em;
}
}


/* På mindre skärmar låt allt gå 100% */
@media (max-width: 1200px) {
@media (max-width: 1200px) {
   .mw-parser-output > .borderline {
   .mw-parser-output .borderline-flex {
     margin-right: 0 !important; /* Låt linjen bli fullbredd när infobox flyttas ner */
    display: block;
  }
  .mw-parser-output .borderline-flex > .borderline {
     width: 100% !important;
     max-width: 100% !important;
     max-width: 100% !important;
   }
   }
}
}

Revision as of 13:18, 2 August 2025

/* CSS placed here will be applied to all skins */
.mw-parser-output .borderline-flex {
  display: flex;
  align-items: center;
  /* Gör så att raden fyller utrymmet men wraps om infobox finns */
}

.mw-parser-output .borderline-flex > .borderline {
  flex: 1 1 0;
  max-width: 100%;
  margin: 0;
}

.mw-parser-output .borderline-flex {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* På mindre skärmar låt allt gå 100% */
@media (max-width: 1200px) {
  .mw-parser-output .borderline-flex {
    display: block;
  }
  .mw-parser-output .borderline-flex > .borderline {
    width: 100% !important;
    max-width: 100% !important;
  }
}