MediaWiki:Timeless.css: Difference between revisions

From Protochroma Wiki
No edit summary
No edit summary
Line 23: Line 23:
#mw-content-container {
#mw-content-container {
     background: var(--bg-darkest);
     background: var(--bg-darkest);
    border-bottom: none;
}
}


Line 40: Line 41:
     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));
}
li.mw-list-item > a:link, li.mw-list-item > a:visited {
    color: var(--ac-link);
}
li.mw-list-item > a:hover, li.mw-list-item > a:focus {
    color: var(--ac-link-hover);
}
}


Line 53: Line 62:
.mw-footer-container {
.mw-footer-container {
     color: var(--g-text);
     color: var(--g-text);
    background: var(--bg-middle);
}
}


Line 61: Line 71:
.mw-footer-container a:hover {
.mw-footer-container a:hover {
     color: var(--g-link-hover);
     color: var(--g-link-hover);
}
.color-middle, .color-right, .color-left, {
    background: var(--bg-dark);
}
}



Revision as of 00:38, 5 February 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);
    border-bottom: none;
}

#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));
}

li.mw-list-item > a:link, li.mw-list-item > a:visited {
    color: var(--ac-link);
}

li.mw-list-item > a:hover, li.mw-list-item > a:focus {
    color: var(--ac-link-hover);
}

@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);
    background: var(--bg-middle);
}

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

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

.color-middle, .color-right, .color-left, {
    background: var(--bg-dark);
}

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