Dropdown text for subreddit stylesheets.

/* This is a short bit of CSS for reddit subreddit styling that imitates the dropdown content used in the /r/asoiaf sidebar */
/* You can see an example of this at the following link: http://www.reddit.com/r/rtheone/comments/22gv3z/sandbox_1/cjwn2tl */

/* Whipped together by /u/rtheone || /u/temp9123 for /r/TrueAnime */

/* You'll see the text "h5+h6+h4+blockquote". I use this selector to insure the comment's intent. */
/* In order to create this type of formatting, you'll have to format your comment like the following: */

/*

#####	
######	
####	
> * The title, or the hoverable text, would go in the first line.
> * The following lines contain following paragraphs.
> * You can add as many paragraphs as you want into the body of the content.

*/

/* This system works by identifying a sequence of tags created by #####	 ######	 and ####	 */
/* Once it detects that sequence, it checks for a blockquote containing a list, and modifies it from there. */

/* This removes the vertical line that reddit creates for blockquotes. */
.usertext-body h5+h6+h4+blockquote {
    border: none;
}

/* This sets up the entire blockquote, creating a border around the entire object. */
.usertext-body h5+h6+h4+blockquote ul {
    margin: 0px;
    border: 2px solid #369;
}

/* This hides every element on the list and gets rid of the bullet points. */
.usertext-body h5+h6+h4+blockquote ul li {
    display: none;
    padding: 2px 4px;
    list-style-type: none;
    background-color: white; /* Remove this line if you want the background to be transparent. */
}

/* This generates the title box and its formatting.  */
.usertext-body h5+h6+h4+blockquote ul li:first-child {
    display: block;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    background-color: #369;
}

/* This displays the content on mouseover.  */
.usertext-body h5+h6+h4+blockquote ul:hover li {
    display: block;
}