Danbooru: Small Modo base style

@-moz-document domain("donmai.us") {
/* Danbooru "Small Mode" style sheet */
/* Aim: maximise space for images, keep everything else out of the way */
/* Also add navigation convenience where possible                      */
/* DOES NOT eliminate ads - that's a choice for individual users - but */
/*  aims to work correctly whether ads are displayed or not.           */

/* Originally written by Socialery; it used to have a regular home at          */
/*  http://userstyles.org/styles/35130, but UserStyles purged anything NSFW.   */
/* Adapted, and later extended with CSS3 elements, by kounishin                */
/* Rewritten for Danbooru 2.0 in February 2013 by kounishin, taking some parts */
/*  from the cleanup/page-width style posted by flynch in forum #84531.        */
/* Separated into multiple components in March 2013, to better allow users to  */
/*  get the parts they liked and avoid the ones they didn't.                   */

/* Last updated 2013-03-10 by kounishin                           */
/* May break if/when Danbooru page styles change after that date. */

/* Adapted from flynch: Smaller, more consistent font. */
body {
  font-family: Verdana, Helvetica, sans-serif !important;
  font-size: 0.8em !important;
}

/* remove "Danbooru" header */
#top h1 {
  display: none !important;
}

/* collapse menu bars (but not site news!) into a small favicon */
#top nav {
  /* z-index needs to be >1500 to ensure it's above translation notes, and >1800 to be above pull-out sidebar */
  z-index: 2000;
  background-image: url("http://danbooru.donmai.us/favicon.ico") !important;
  background-repeat: no-repeat !important;
  background-color: rgba(232,232,255,0.8) !important;
  height: 18px !important; width: 18px !important;
  overflow: hidden !important;
  position: fixed !important; top: 0px; left: 0px;
  border-right: 2px solid #006FFA !important;
  border-bottom: 2px solid #006FFA !important;
  opacity: 0.5 !important;
  float: left !important;
  border-bottom-right-radius: 10px !important;
}
#top nav > menu {
  display: none !important;
}

#top nav:hover {
  height: auto !important;
  width: auto !important;
  background-color: transparent !important;  /* set bgcolor on the menu elements only */
  opacity: 1 !important;
}
#top nav:hover > menu {
  display: block !important;
}

/* remove remaining header margins: the negative margin on */
/*  the submenu is ugly with translucent backgrounds.      */
#top, #top menu {
  margin: 0 !important;
}

/* reduce page l/r margins (default is 1em, 0 t/b) */
#page {
  margin: 0 0.5em !important;
}

/* adjust menu colours to account for transparency */
menu.main {
  background: rgba(232,232,255,0.8) !important;
}
/* selected main-menu option should match submenu */
li.current a, menu.main + menu {
  background: rgba(192,192,240,0.9) !important;
}
/* optional: add clear feedback for option under cursor */
nav a:hover {
  background: rgba(160,160,255,0.8) !important;
  color: #f0f0f0 !important;
}

/* Add space on site news div (if shown) for menu icon; also pool/forum topic/etc headers */
#news-updates,
#a-show > h1,
#a-index > h1 {
  padding-left: 22px !important;
}


/* smaller text notices of other kinds */
div[id$="notice"], div.notice {
  font-size: 0.8em !important;
  padding: 0.3em !important;
  margin: 0.5em !important;
}

/* remove headings from sidebar sections */
#sidebar h1, #sidebar h2 {
  display: none;
}
/* shrink sidebar font */
#sidebar {
  font-size: 0.85em !important;
}
/* adjust history link text to account for loss of heading */
#sidebar a[href*="_versions?"]:after {
  content: " History" !important;
}

/* shrink margins between different tag types */
#tag-list ul {
  margin-bottom: 0.3em !important;
}

/* shrink top margins for post-page sections */
div#c-posts div#a-show section {
  margin-top: 0.3em !important;
}

/* compress comments / forum posts */
#comments {
  font-size: 0.9em !important;
}

article.comment, #c-forum-topics article, .prose p, .prose blockquote {
  margin-bottom: 0.5em !important;
}
.prose blockquote {
  padding: 0.75em !important;
}
div.content menu {
  font-size: 0.8em !important;
}

/* remove bottom margin from last paragraph in blockquotes; otherwise */
/*  it adds to the padding already there and creates unwanted space   */
blockquote > p:last-child {
  margin-bottom: 0em !important;
}

/* make post separation a little clearer */
div.list-of-comments > article:nth-child(even),
div.list-of-forum-posts > article:nth-child(even) {
  background: rgba(128,128,128,0.05) !important;
}

/* if you prefer separation lines, you could comment out */
/*  the nth-child bit above and use these instead        */
/* adapted from flynch's Darkbooru style */
/*
div.list-of-comments > article,
div.list-of-forum-posts > article {
  border-bottom: 1px solid rgba(128,128,128,0.2) !important;
  padding-bottom: 0.5em !important;
}
div.list-of-comments > article:last-of-type,
div.list-of-forum-posts article:last-of-type {
  border-bottom: 0px !important;
}
*/

}