MediaWiki:Timeless.css: Difference between revisions

Revision as of 18:50, 27 September 2026

/* All CSS here will be loaded for users of the Timeless skin */

:root {
    --background-primary: #EEE;
    --background-secondary: #EFEFEF;
    --color-primary: #000;
    --color-secondary: #33FFFF;
    --border-primary: #EEFFFF;
    --font-primary: "Quicksand", Helvetica, sans-serif;
}

#mw-content-container {
    background-color: var(--background-secondary);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, var(--background-secondary) 100%), url("https://sourceworlds.wiki/wallhaven1.jpg");
    background-position: top center, top center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 1080px, 100% 1080px;
}

#mw-content {
    background-color: var(--background-primary);
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-weight: 500;
    border: 1px solid var(--border-primary);
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
    background: var(--background-primary);
    color: var(--color-primary);
    border-color: var(--border-primary);
}












/* 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;
  }
  .mw-wiki-logo {
  	display: inline-block;
  }
}

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

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

/* vizzys editpart 2 */

/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation * {
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}

/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
}

/* Triangle position patch */
#personal h2::after {
   position: relative;
   bottom: 0.5em;
}