MediaWiki:Timeless.css: Difference between revisions

From Protochroma Wiki
No edit summary
No edit summary
Line 42: Line 42:
}
}


@media screen and (max-width: 850px)
@media screen and (max-width: 850px) {
 
#site-navigation .sidebar-inner {
#site-navigation .sidebar-inner {
     border-left: 3px solid var(--ac-border);
     border-left: 3px solid var(--ac-border);
     background-image: linear-gradient(to right, var(--bg-darkest), var(--bg-dark));
     background-image: linear-gradient(to right, var(--bg-darkest), var(--bg-dark));
}
}
}



Revision as of 03:00, 29 January 2023

:root {
  --bg-darkest: #202020;
  --bg-dark: #585858;
  --bg-middle: #A9A9A9;
  --bg-light: #D0D0D0;
  --bg-lightest: #FFFFFF;

  --ac-border: #1E90FF;
  --ac-link: #00FFFF;
  --ac-text: #FFFFFF;

  --g-text: #000000;
  --g-link: #000080;
  --g-link-hover: #0000CD;
  --g-bwtag-hover: #00FFFF;
  --g-highlight: #B0C4DE;
  --g-border: #000000;
  --g-overlay: rgba(140, 140, 140, 0.5);

  --svg-sm: #000000;
}

#mw-content-container {
    background: var(--bg-darkest);
}

#mw-content {
    background: var(--bg-light);
}

#mw-content-wrapper {
    background: var(--bg-light);
}

#mw-header-container {
    background: var(--bg-middle);
}

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, .dropdown {
    border-left: 3px solid var(--ac-border);
    background-image: linear-gradient(to right, var(--bg-darkest), var(--bg-dark));
}

@media screen and (max-width: 850px) {

#site-navigation .sidebar-inner {
    border-left: 3px solid var(--ac-border);
    background-image: linear-gradient(to right, var(--bg-darkest), var(--bg-dark));
}

}

.mw-footer-container {
    color: var(--g-text);
}

.mw-footer-container a:visited {
    color: var(--g-link);
}

.mw-footer-container a:hover {
    color: var(--g-link-hover);
}

/* Snippets */

/* 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
}