Advertising:

MediaWiki:Timeless.css: Difference between revisions

From MS4X Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin */
/* One-sided navigation menu */
 
@media (min-width: 1340px) {
/* Color bars */
  #mw-content-block {
@media screen and (min-width: 851px) {
    display: block;
.color-left {
  }
height: @color-height;
  #mw-content,
background: @blue-dark;
  #content-bottom-stuff {
width: 50%;
    margin-left: 14em;
float: left;
  }
  #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;
  }
}
}


.color-right {
/* Align top colour bar with page columns */
display: inline-block;
.ts-inner {
height: @color-height;
  padding: 0 0 0 1em;
background: @blue-dark;
width: 50%;
float: right;
}
}


 
/* Re-aligning bottom logos */
.color-middle {
#footer { padding-right: 1em; }
height: @color-height;
background: @blue-dark;
margin-left: @column-left-size + 1em;
margin-right: @column-right-size + 1em;
}
}

Revision as of 14:02, 7 July 2021

/* 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; }
Retrieved from "https://www.ms4x.net/index.php?title=MediaWiki:Timeless.css&oldid=3842"