MediaWiki: Tweeki.css: Difference between revisions

Revision as of 16:47, 22 October 2026

/* CSS placed here will affect users of the Tweeki skin */

/* Scroll left sidebar with the entire screen */
@media (min-width: 992px) {
  .sidebar-left-wrapper {
      position: absolute;
  }
}

/* Move left & right sidebars down and hide TOC (fix for IE) */
@media (max-width: 992px) {
  .sidebar-left-wrapper {
      position: static;
  }
  .sidebar-right-wrapper {
      position: static;
      display: none;
  }
}

.sidebar-left-wrapper {
      position: fixed;
      overflow-y: scroll;
      top: 0;
      bottom: 0;
      width: auto;
}

/* More condensed lists (deliberately all lists) */
ul, li {
    padding-left: 1em;
}

#sidebar-left ul, li {
    padding-left: 0;
}

/* Bootstrap 5 underlines all links. Tweeki undoes this for the page content only,
   so do the same for the sidebars (site map and TOC) */
#sidebar-left a,
#sidebar-right a {
    text-decoration: none;
}
#sidebar-left a:hover,
#sidebar-right a:hover {
    text-decoration: underline;
}

/* Hide footer - it overflows the left, fixed side-bar */
#footer.footer {
    display: none;
}

/* Prevent that images in the main content flow into the right sidebar */
div#bodyContent img {
    max-width: 100%;
    height: auto;
}

/* Navbar brand cosmetics */
.navbar-brand {
    padding: 0;
    margin-right: 4px;
    margin-left: -8px;
}
.navbar-brand img {
    height: 36px;
    margin-top: -8px;
}