MediaWiki: Tweeki.css: Difference between revisions

From Renoise User Manual
Jump to: navigation, search
(Created page with "→‎CSS placed here will affect users of the Tweeki skin: →‎Scroll left sidebar with the entire screen: @media (min-width: 992px) { .sidebar-left-wrapper { positi...")
 
No edit summary
Line 20: Line 20:
/* Prevent that images in the main content flow into the right sidebar */
/* Prevent that images in the main content flow into the right sidebar */
div#bodyContent img {
div#bodyContent img {
     max-width: -webkit-fill-available;
    max-width: intrinsic;        /* Safari/WebKit */
    max-width: -moz-max-content;  /* Firefox/Gecko */
     max-width: -webkit-fill-available; /* Chrome */
     height: auto;
     height: auto;
}
}

Revision as of 11:44, 31 December 2018

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

/* More condensed site-map tree */
.sidebar-left-wrapper ol, ul {
    padding-left: 1em;
}

/* 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: intrinsic;         /* Safari/WebKit */
    max-width: -moz-max-content;  /* Firefox/Gecko */
    max-width: -webkit-fill-available; /* Chrome */ 
    height: auto;
}