Welcome

BoltWire is a FREE content management system written in PHP.

Its innovative architecture combined with best-in-class forms processing gives surprizing power in the tiniest of footprints.

Our software is ideal for creating complex, interactive, web applications fast...

CSS Tricks

Extensions > Plugins > CSS Tricks

Here are some cool classes and things you may want to consider adding to your style sheet. Remember, classes can be mixed and matched.

To use these, simply add the CSS to your style sheet:


<span class="round pink uppercase">Some Text</span>

Some Text


<span class="reverse">More Text</span>

More Text


<span class=small-caps>Small caps are cool...</span>

Small caps are cool...


<div class="warning">Watch out!</div>

Watch out!


<div class="important round">Important!</div>

Important!


<div class="tip round">A Tip!</div>

A Tip!

Here's the css you need to put in code.embed.specialcss.


<style type='text/css'><!--
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.small-caps { font-variant: small-caps; }
.right { float: right; }
.center { float: center; }
.yellow { background: yellow; }
.pink { background: pink; }
.reverse { background: black; color: white; padding: 5px; font-weight: bold; }
.round { min-height:40px; padding: 15px 20px 15px 20px; border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; }
.tip { margin: 10px; padding: 25px 25px 25px 80px; background: #ddffdd url(files/tip.gif) no-repeat 20px; }
.important { margin: 10px; padding: 25px 25px 25px 80px; background: #ffffcc url(files/important.gif) no-repeat 20px; }
.warning { margin: 10px; padding: 25px 25px 25px 80px; background: #ffdddd url(files/warning.gif) no-repeat 20px; }
--></style>

You can also put the code in code.embed.specialcss and then embed the files, using:

<(embed specialcss)>