lime icon

Phosphorus and Lime

A Developer's Broadsheet

This blog has been deprecated. Please visit my new blog at klenwell.com/press.
Monday, August 28, 2006
CSS: .microquote
Used in conjunction with the klenwellsos html quoter, a (visually) compact way to store textual information on a web page:

/* MICROQUOTE STYLE CHIP */

.microquote
{
padding:2px;
font-family:"Lucida Console",Monaco,monospace;
font-size:4px;
font-weight:normal;
background:#999;
border:1px solid #000; color:#000;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
_white-space: pre; word-wrap: break-word; /* Internet Explorer 5.5+ */
}


Example (as textarea -- width: 90%):


Example (as div):
/* MICROQUOTE STYLE CHIP */

.microquote
{
padding:2px;
font-family:"Lucida Console",Monaco,monospace;
font-size:4px;
font-weight:normal;
background:#999;
border:1px solid #000; color:#000;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
_white-space: pre; word-wrap: break-word; /* Internet Explorer 5.5+ */
}
» add your comment