BoltWire is a content management system developed by Dan Vis.


Popular Posts

Version 5.11 Released
May 26, 2016

Big Changes Coming Soon...
April 28, 2016

Catching Up
April 6, 2016

Other Sites

Here's some other sites by Dan Vis:

Alexa Echoes
Join my adventures developing for Amazons exciting new voice platform.

Firefly Spot
Personal rambling about new gadgets, technology news, and space travel.

FAST Missions
My ministry hub, with news and updates about our online school.

You can follow him at www.danvis.info.

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>


<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; }

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

<(embed specialcss)>