Danbooru: floating navigation panel

@-moz-document domain("donmai.us") {
/* This style changes the Danbooru pool/search navigation element from a bar below the */
/*  image (and subject to scrolling) to a small panel fixed in the upper right of the  */
/*  window, which stays there even when you scroll around a large image.               */
/* It has been designed to work with the Small Mode base style, but should work fine   */
/*  as a standalone style alteration.  All Danbooru navigation keys remain intact.     */

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

/* float pool/search list to top right */
#nav-links {
  position: fixed !important;
  top: 0 !important; right: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1700 !important;   /* translation notes are z-index: 1500 under Danbooru 2 */
  background: rgba(232,232,255,0.8);
  opacity: 0.5 !important;
  border: 2px solid #006ffa !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 10px !important;
}
#nav-links:hover {
  opacity: 0.9 !important;
  border-width: 2px !important;
}

/* ...and hide the remainder of the nav-links div ("keyboard shortcuts available" link) */
/* Ugly kludge, but required prior to rearrangement in 2013-03-09 site design           */
/*
#nav-links {
  height: 0 !important; padding: 0 !important; border: 0 !important;
}
#nav-links > * {
  display: none !important;
}
#nav-links > #pool-nav {
  display: block !important;
}
*/

/* reorder things so the pool/search name is left of the «/» links   */
#nav-links span.pool-name,
#nav-links span.search-name {
  float: left !important;
  margin: 0 0.5em !important;
}
#nav-links .next,
#nav-links .prev {
  position: static !important;
  font-weight: normal !important;  /* bold for active row throws off columns */
}
#nav-links li {
  text-align: right !important;
}
#nav-links span.next,
#nav-links span.prev {
  color: gray !important;          /* so any end-of-pool links appear faded */
}

/* highlight active pool */
/* 2013-03-10 02:41 +1300: styling changed again; now search tags put .active on the li, */
/*  but pools only put it on the links.  Hopefully this is just a temporary bug.          */
/*
#nav-links li.active {
  background: rgba(103,103,145,0.4) !important;
}
*/

#nav-links > div:first-child li:first-child {
  background: rgba(128,128,160,0.5);
}

/* curve corner of last pool to match nav div        */
/* also override gray background if there's only one */
#nav-links > div:last-child li:last-child {
  background: rgba(232,232,255,0.8);
  border-bottom-left-radius: 9px !important;
}

#nav-links li:hover {
  background: #aae !important;
}
#nav-links a:hover {
  color: white !important;
}

}