MediaWiki: Tweeki.css: Difference between revisions

Latest revision as of 16:39, 23 October 2026

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

h2 { padding-top: 18px; }

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

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

/* Change the padlock icon used for https links to the regular link icon */

#content a.external[href^="https://"],.link-https {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    background: url(/skins/Tweeki/images/external-link-ltr-icon.png?b0b20) center right no-repeat!ie;