MediaWiki: Tweeki.css: Difference between revisions

From Renoise User Manual
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Tweeki skin */
/* CSS placed here will affect users of the Tweeki skin */


/* Scroll left sidebar with the entire screen */
/* More condensed lists (deliberately all lists) */
@media (min-width: 992px) {
ul {
  .sidebar-left-wrapper {
    padding-left: 1em;
      position: absolute;
  }
}
}


/* Move left & right sidebars down and hide TOC (fix for IE) */
/* Bootstrap 5 underlines all links. Tweeki undoes this for the page content only,
@media (max-width: 992px) {
  so do the same for the sidebars (site map and TOC) */
  #sidebar-left {
#sidebar-left a,
      position: static;
#sidebar-right a {
  }
    text-decoration: none;
  #sidebar-right {
      position: static;
      display: none;
  }
}
}
 
#sidebar-left a:hover,
 
#sidebar-right a:hover {
/* More condensed site-map tree */
     text-decoration: underline;
#sidebar-left ol, ul {
     padding-left: 1em;
}
}


Line 34: Line 27:
     max-width: 100%;
     max-width: 100%;
     height: auto;
     height: auto;
}
/* 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;
}
}


/* Navbar brand cosmetics */
/* Navbar brand cosmetics */
.navbar-brand {
.navbar-brand {
     padding: 0;
     padding: 0;
Line 50: Line 35:
     margin-left: -8px;
     margin-left: -8px;
}
}
.navbar-brand img {
.navbar-brand img {
     height: 36px;
     height: 36px;
     margin-top: -8px;
     margin-top: -8px;
}
:root {
    --bs-link-color-rgb: 0, 123, 255;
    --bs-link-hover-color-rgb: 0, 86, 179;
}
}

Revision as of 21:54, 21 October 2026


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

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

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

:root {
    --bs-link-color-rgb: 0, 123, 255;
    --bs-link-hover-color-rgb: 0, 86, 179;
}