Danbooru: full-width text posts

@-moz-document domain("donmai.us") {
/* Designed to work with the Small Mode style, but should be mostly fine on its own.  */
/* Expands various parts of the Danbooru design to use the full (or nearly full) page */
/*  width, rather than being restricted to a specific (small) amount.                 */
/* The greatest effect can be seen on forum posts and longer image comments.          */
/* 2013-03-19: no longer needed for forum posts; those are full-width by default now. */
/*  Still applies to pool descriptions and post comments; also avoids the case where  */
/*  where posts with a very long tag list (eg, post #896521) may (will?) have all but */
/*  the first comment pushed down to only appear after the tag list.                  */

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

/* There is a small risk of the right-hand JList ad (in the iframe) running over the */
/*  end of long post comments, particularly if you're using a floating sidebar.      */
/* If that happens and you don't want to block the ad, reduce the #content max-width */
/*  a bit; you my need to do this in the sidebar-specific style fragment.            */

/* pool descriptions; restricted at an annoyingly specific level */
#c-pools p {
  width: auto !important;
}

/*
#a-show { display: table-row !important; width: 100% !important; }
#sidebar { display: table-cell !important; float: none !important; }
#content {
  display: table-cell !important;
  width: auto !important;
  float: none !important;
  padding-left: 4px !important;
}
*/

/* general content: allow full width */
#content {
  width: auto !important;
  max-width: 100% !important;
}

/* content on posts pages: constrain to 80%, which is a kludge to allow for the sidebar */
#c-posts #content {
  max-width: 80% !important;
}

/* enable comments / forum posts to be full-width, by making them act like a table. */
/* CAVEAT: padding and margins don't do anything for table rows...                  */
div.list-of-comments,
div.list-of-forum-posts {
  display: table !important;
  width: 100% !important;
}
div.list-of-comments > article,
div.list-of-forum-posts > article
{
  display: table-row !important;
  float: none !important;
}
article > div.author,
article > div.content {
  display: table-cell !important;
  float: none !important;
  padding: 3px !important;
}
/* don't need the clear fix - we're not floating things - so remove it to avoid padding issues */
article > div.clearfix {
  display: none !important;
}

/* allow pseudo-columns to autosize */
div.author {
  width: 10.5em !important;
}
div.content {
  width: auto !important;
}
div.prose {
  max-width: none !important;
}

/* same for preview areas */
.dtext-preview {
  width: auto !important;
}
/* the edit areas are trickier, but this works okay so far...  */
/*  (it's 98% of the container element, not the whole page; we */
/*  don't use 100%, because textareas butting right up against */
/*  the right page margin look kind of weird.                  */
.dtext-previewable textarea {
  width: 98% !important;
}

}