Danbooru: floating sidebar

@-moz-document domain("donmai.us") {
/* This style changes the Danbooru image sidebar from a regular part of page content */
/*  to a fixed presence, staying put even when you scroll around a large image.      */
/* It has been designed to work with the Small Mode base style; it's mostly untested */
/*  as a standalone style alteration.  In particular, sizes may need adjustment if   */
/*  Small Mode's font reductions are not in effect.                                  */

/* This style works very nicely in conjunction with the "collapsed sidebar" option.  */

/* Last updated 2013-03-19 by kounishin                           */
/* May break if/when Danbooru page styles change after that date. */
/* 2013-03-19: section#content now uses primarily margin, only a little */
/*   padding; this style and the collapsed sidebar updated accordingly. */

/* fixed height is a hack to be able to scroll for posts with many tags, and means   */
/*  that visible news or notices will push part of it off the visible page; however, */
/*  that's okay, since most users will close the notices.                            */
aside#sidebar {
  position: fixed !important;
  z-index: 1800 !important;  /* Danbooru 2.1 has translation notes at z-index: 1500; this needs to be above that. */
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* background colour is overridable by collapsed-sidebar style or the like, so less specific */
#sidebar {
  background-color: rgba(255,255,255,0.3) !important;
}

/* ensure that the search form doesn't wrap if a scrollbar appears */
#search-box {
  white-space: nowrap !important;
}

/* Adjust content area on pages with sidebar to allow for it.    */
/* Default sidebar width is 15, but there are both margins and   */
/*  padding involved, which makes things trickier.               */
/* For me, padding by 14.7em leaves the page content in exactly  */
/*  same place it was before, but 13.5em with reduced padding    */
/*  gets rid of some extra whitespace and overall looks better.  */
#sidebar + #content {
  margin-left: 13.5em !important;
  padding-left: 0.3em !important;
}

}