MediaWiki:Common.css: Difference between revisions

From Zezenia Online Wiki
Make sure spoilers don't flash before being collapsed
Landing style fixes for new MediaWiki version
 
(2 intermediate revisions by the same user not shown)
Line 3: Line 3:
.wikitable.infobox {
.wikitable.infobox {
   margin: 0 0 0 20px !important;
   margin: 0 0 0 20px !important;
}
.wikitable-sticky th {
  position: sticky;
  top: 50px;
  z-index: 999999;
}
}


Line 48: Line 54:
   margin: 10px;
   margin: 10px;
   padding: 10px 0;
   padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.zezenia-landing-item p {
  margin-bottom: 0;
}
}



Latest revision as of 03:12, 9 August 2024

/* CSS placed here will be applied to all skins */

.wikitable.infobox {
  margin: 0 0 0 20px !important;
}

.wikitable-sticky th {
  position: sticky;
  top: 50px;
  z-index: 999999;
}

.zezenia-spoiler-container .zezenia-spoiler-header {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
}

.zezenia-spoiler-container .mw-collapsible-toggle {
  float: none;
  margin: 0 auto 20px auto;
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.zezenia-spoiler-container .mw-collapsible:not(.mw-made-collapsible) {
  display: none;
  visibility: hidden;
}

/* Landing page */
.zezenia-landing-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 20px;
}

@media(min-width: 500px) {
  .zezenia-landing-grid {
    flex-direction: row;
  }
}

.zezenia-landing-item {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #eee;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  flex: 1 0 25%;
  margin: 10px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.zezenia-landing-item p {
  margin-bottom: 0;
}

.zezenia-landing-item .floatnone {
  min-height: 80px;
  line-height: 80px;
}

.zezenia-image-marker {
  position: absolute;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  padding: 4px;
  color: #fff;
}

.zezenia-image-marker > a {
  color: #fff !important;
}

.zezenia-map-embed iframe {
  border: 1px solid #eee;
}