MediaWiki:Common.css: Difference between revisions

From He is Coming Official Wiki
mNo edit summary
Now the trick is to divide the full width of the screen evenly to the table's left and right margins.
Line 20: Line 20:
    
    
   .challenge .infobox-neutral {
   .challenge .infobox-neutral {
     margin-left: 450px !important;
    float: none !important;
     margin-right: 450px !important;
     margin-left: auto !important;
     margin-right: auto !important;
    display: flex;
    justify-content: center;
   }
   }
}
}

Revision as of 21:10, 2 September 2025

/* CSS placed here will be applied to all skins */
/* Wrapper och border */
.borderline-wrapper {
  overflow: auto;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.borderline {
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@media (max-width: 900px) {
  .borderline-wrapper {
    margin-right: 0 !important;
  }
  
  .challenge .infobox-neutral {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
  }
}

.infobox-neutral {
  border: 4px solid #fff;
  border-collapse: collapse;
  background: #241319;
  width: 324px;
  margin: 2em auto;
  box-sizing: border-box;
}

.infobox-neutral td, .infobox-neutral th {
  border: none;
  background: #241319;
  padding: 0;
}

/* Top left corner */
.infobox-corner-topleft {
  margin-top: -10px !important;
  margin-left: -4px !important;
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
}

/* Bottom left corner (JUSTERA värden nedan för finjustering) */
.infobox-corner-bottomleft {
  margin-bottom: -4px !important;
  margin-left: -4px !important;
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
}

.infobox-corner-topright {
  margin-top: -10px !important;
  margin-right: -4px !important;
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
}

.infobox-corner-bottomright {
  margin-bottom: -4px !important;
  margin-right: -4px !important;
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
}

.challenge .borderline-wrapper p {
  text-align: right;
}