001: Marc’s Experimental Work with Quote Box CSS Class

Here’s a test of a CSS style Marc created, designated as “bigQuote.” This automatically formats a rounded, bordered box and inserts a large quote mark before the text. In other words, you should not insert an opening quote mark—it will be inserted automatically.

For the curious: here’s the CSS script residing in the css.style file:

.bigQuote {

box-shadow: 3px 3px 8px rgba(51,51,51,.6);
float: right;
border: solid 6px rgba(13,110,153,.4);
border-radius: 12px;
margin: 8px 0 8px 8px;
padding: 12px; width: 45%;
font-style: italic;
font-size: 90%;
background-color: rgba(255,255,255,.5);

}

.bigQuote:before {

font-size: 500%;
font-family: ‘serif’;
vertical-align: text-bottom;
line-height: 0;
color: rgba(13,110,153,.4);
font-weight: bold;
content:”“ “;

}

Here’s the text I’m tagging as bigQuote:
Now is the time for all good men to come to the aid of their party.”

Unfortunately, I’m not getting the tag itself to work, but here it is formatted using the CSS styling right in the page code rather than referring to the style.css file:

Now is the time for all good men to come to the aid of their party.”