Difference between revisions of "MediaWiki:Timeless.css"

From Drawn to Life Wiki
(organizing)
(Reinsert code for side nav)
Line 63: Line 63:
 
  display: inline-flex;
 
  display: inline-flex;
 
}
 
}
 +
 +
 +
/******************/
 +
/* 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%;
 +
    margin-top: 1em;
 +
  }
 +
  #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; }
 +
*/

Revision as of 17:56, 28 May 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;
    background-position: bottom;
}
/* Footer color */
body {
    background: #353c49;
}

/* Logo */
.mw-wiki-logo {
    background-image: url(https://drawntolife.wiki/w/images/0/0b/DTLWIKIBig.png);
    background-size: 100%;
}
.mw-wiki-logo:hover {
    background-image: url(https://drawntolife.wiki/w/images/1/1d/DTLWikiAnimated.png);
    background-size: 100%;
}

/* Content width 
.ts-inner {
    max-width: 145em;
}
*/

/* Toc */
/* Left borders */
.mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul {
    border-left: 2px solid #c8ccd1;
    padding-left: 0.5em;
}
.tocnumber {
    display: none;
}
/* Highlight */
.mw-headline:target {
    background-color: #ffef008a;
    transition: 0.8s;
    border-radius: 10px;
    padding: 0 3px 0 3px;
}


/* Header H3 */
.mw-body h3 {
border-bottom: solid 2px #c8ccd1;
font-size: 1.4em;
}

/* Experimental and inefficient edit button text remover */
span.mw-editsection a {
 color: transparent;
 width: 1px;
 display: inline-flex;
}


/******************/
/* 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%;
    margin-top: 1em;
  }
  #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; }
*/