Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Timeless.css: Difference between revisions

MediaWiki interface page
Content added Content deleted
(fix previous failed attempt at article max width; fix selectors (and reformat comments))
(fix "logo" text sizing breakage from last change...)
 
Line 49: Line 49:
#mw-site-navigation, #mw-related-navigation {
#mw-site-navigation, #mw-related-navigation {
top: -5.5em;
top: -5.5em;
}
}

@media screen and (max-width:1099px) {
#p-logo-text a.long {
font-size: 1.25em;
padding-bottom: 0.375em;
padding-top: 0.375em;
}
}
}
}

Latest revision as of 16:52, 17 June 2020

/* CSS placed here will affect users of the Timeless skin */

#mw-content-container {
  background-image: none;
  border-bottom-color: #999;
}

.color-left {
  background-color: #36C;
}

.color-middle {
  background-color: #555;
}

#mw-header-container, #mw-header-hack {
  position: initial;
}

#p-logo-text .mw-wiki-title {
  font-family: 'Helvetica', 'Arial', sans;
  font-variant: none;
}

#personal h2 {
  font-family: 'Helvetica', 'Arial', sans;
}

#personal .dropdown {
  z-index: 101;
}

body {
  font-size: 1em;
  line-height: 1.25;
}

@media screen and (max-width:850px) {
  .color-left, .color-right {
    background-color: #555;
  }
}

@media screen and (min-width:851px) and (max-width:1099px) {
  .color-left, .color-right {
    background-color: #555;
  }

  #mw-site-navigation, #mw-related-navigation {
    top: -5.5em;
  }
}

@media screen and (max-width:1099px) {
  #p-logo-text a.long {
    font-size: 1.25em;
    padding-bottom: 0.375em;
    padding-top: 0.375em;
  }
}

@media screen and (min-width:1099px) {
  /* NB: child selectors, not descendent; only want article content affected */
  #mw-content-text > .mw-parser-output > p,
  #mw-content-text > .mw-parser-output > ul {
    /* NB: legacy UAs may not support 'ch' unit. */
    max-width: 61.875em; /* 99ch × 0.625, assuming 5/8 width-to-height ratio */
    max-width: 99ch; /* override the above, for modern UAs */
  }
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.