Difference between revisions of "MediaWiki:Timeless.css"

From Drawn to Life Wiki
Line 10: Line 10:
 
}
 
}
 
*/
 
*/
 +
/* Max content size
 +
.ts-inner {
 +
    max-width: 145em;
 +
}
 +
*/
 +
/******************/
 +
/* One-sided navigation menu */
 +
@media (min-width: 1340px) {
 +
  #mw-content-block {
 +
    display: block;
 +
  }
 +
  #mw-content,
 +
  #content-bottom-stuff {
 +
    margin-left: 14em;
 +
  }
 +
  #mw-content-wrapper {
 +
    float: right;
 +
    margin-left: -14em;
 +
    width: 100%;
 +
  }
 +
  #mw-related-navigation {
 +
    width: 14em;
 +
    padding: 0 1em 0 0;
 +
  }
 +
  div.color-middle {
 +
    margin-right: 0;
 +
  }
 +
}
  
 +
/* Align top colour bar with page columns */
 
.ts-inner {
 
.ts-inner {
−
    max-width: 145em;
+
  padding: 0 0 0 1em;
 
}
 
}
 +
 +
/* Re-aligning bottom logos */
 +
#footer { padding-right: 1em; }

Revision as of 20:45, 8 April 2021

/* All CSS here will be loaded for users of the Timeless skin */
/* https://www.mediawiki.org/wiki/Skin:Timeless */

/* Pseudo-official Snippets */
/* Indefinite content width */
/*
@media screen and (min-width: 851px) {
    .color-middle-container,
    .ts-inner { max-width: none; }
}
*/
/* Max content size 
.ts-inner {
    max-width: 145em;
}
*/
/******************/
/* One-sided navigation menu */
@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content,
  #content-bottom-stuff {
    margin-left: 14em;
  }
  #mw-content-wrapper {
    float: right;
    margin-left: -14em;
    width: 100%;
  }
  #mw-related-navigation {
    width: 14em;
    padding: 0 1em 0 0;
  }
  div.color-middle {
    margin-right: 0;
  }
}

/* Align top colour bar with page columns */
.ts-inner {
  padding: 0 0 0 1em;
}

/* Re-aligning bottom logos */
#footer { padding-right: 1em; }