CSS Styles
These are just some CSS styles you can use in your posts on OJM to change stuff like:
- font size, color, or weight (boldness)
- underline or highlight texts
- create borders, background colors
- add spacing (margins and padding)
- create custom objects (gray boxes, blue underlined email addresses, etc.)
Here Goes: (wow. snap! » let me see some examples.)
[code lang="css"]
/*-- begin quick styles -- */
.smallest { font-size:10px; }
.smaller { font-size:11px; }
.small { font-size:12px; }
.tborder { border-top:1px solid #919191; margin-top:10px; padding-top:10px; }
.bborder { border-bottom:1px solid #919191; margin-bottom:10px; padding-bottom:10px; }
.backtotop { text-align:right; }
.under { text-decoration:underline; }
.bold { font-weight:bold; }
.ital { font-style:italic; }
.white { color:#fff; }
.blue { color:blue; }
.darkblue { color:#000099; }
.purple { color:#BEA1C7; }
.red { color:#bd2e2e; }
.gray { color:#919191; }
.gold {color:#BBB36A; }
.noliststyle { list-style-type:none; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.alignright { float:right; }
.alignleft { float:left; }
.marginleft { margin-left:15px; }
.marginright { margin-right:15px; }
.margintop { margin-top:15px; }
.marginbottom { margin-bottom:15px; }
.topspace { margin-top:40px; }
.bottomspace { margin-bottom:40px; }
.fixed { position:fixed; }
.clear { clear:left; }
.email { color:blue; text-decoration:underline; }
.graybox { float:right; margin:5px 0px 5px 5px; padding:0px 5px 5px 5px; width:132px; border:1px solid #000; background-color:#eee; text-align:center; font-weight:bold; }
.box { border:1px solid #aaa; padding:5px; margin:5px; }
.whitebox { border:1px solid #919191; padding:10px; margin:30px; background-color:#fff; }
/*-- end quick styles --*/
[/code]
adding a bit of code like so:
[code lang="html"]Blah. Blah. Some Awesome Text Here, eh?[/code]
around your “plain” text would produce something like this:
adding something like:
[code lang="html"]
[/code]
around your “plain” text would produce something like this:
