Difference between revisions of "MediaWiki:Timeless.css"

From Drawn to Life Wiki
Line 2: Line 2:
 
/* https://www.mediawiki.org/wiki/Skin:Timeless */
 
/* https://www.mediawiki.org/wiki/Skin:Timeless */
  
−
/* Pseudo-official Snippets */
+
  /********/
−
/* Indefinite content width */
+
/* Body */
−
/*
+
/********/
−
@media screen and (min-width: 851px) {
+
#mw-content-container {
−
     .color-middle-container,
+
    background: #71bdf7;
−
     .ts-inner { max-width: none; }
+
    background-image: url("https://drawntolife.wiki/w/images/0/0b/WikiBackground.png");
 +
     background-attachment: fixed;
 +
     background-size: cover;
 
}
 
}
−
*/
+
body {
 +
    background: #353c49;
 +
}
 +
 
 +
 
  
−
/* Max content size
+
/* Content width
 
.ts-inner {
 
.ts-inner {
 
     max-width: 145em;
 
     max-width: 145em;
Line 49: Line 55:
 
*/
 
*/
  
 +
/* TOC Highlight */
 
.mw-headline:target {
 
.mw-headline:target {
 
     background-color: #ffef008a;
 
     background-color: #ffef008a;
Line 55: Line 62:
 
     padding: 0 3px 0 3px;
 
     padding: 0 3px 0 3px;
 
}
 
}
 +
 +
/* Page Background */

Revision as of 05:54, 9 April 2021

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

  /********/
 /* Body */
/********/
#mw-content-container {
    background: #71bdf7;
    background-image: url("https://drawntolife.wiki/w/images/0/0b/WikiBackground.png");
    background-attachment: fixed;
    background-size: cover;
}
body {
    background: #353c49;
}



/* Content width 
.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; }
*/

/* TOC Highlight */
.mw-headline:target {
    background-color: #ffef008a;
    transition: 0.8s;
    border-radius: 10px;
    padding: 0 3px 0 3px;
}

/* Page Background */