.divbox {
margin: 6px;
border-width: 1px;
border-style: solid;
padding: 0.3em 0.6em;
line-height: normal;
}
.divbox > div:first-child {
text-align: center;
font-weight: bold;
}
.divbox-small { /* For demo */
display: inline-block;
margin: 6px;
padding: 6px;
width: 5em;
}
.divbox-small > div:last-child { /* For demo */
display: none;
}
.divbox-style-aqua {
border-color: #0AA;
background: #AEE;
color: #000;
}
.divbox-style-black {
border-color: #555;
background: #000;
color: #FFF;
}
.divbox-style-bloodred {
border-color: #A00;
background: #F00;
color: #FFF;
}
.divbox-style-blue {
border-color: #55A;
background: #AAF;
color: #000;
}
.divbox-style-brown {
border-color: #AA5;
background: #660;
color: #FFF;
}
.divbox-style-forest {
border-color: #5A5;
background: #080;
color: #FFF;
}
.divbox-style-gold {
border-color: #A94;
background: #EE5;
color: inherit;
}
.divbox-style-gray {
border-color: #999;
background: #DDD;
color: #000;
}
.divbox-style-green {
border-color: #0A0;
background: #CFC;
color: #000;
}
.divbox-style-navy {
border-color: #55A;
background: #00C;
color: #FFF;
}
.divbox-style-none {
border-color: transparent;
background: none;
color: inherit;
}
.divbox-style-orange {
border-color: #A82;
background: #FD4;
color: #000;
}
.divbox-style-plain {
border-color: initial;
background: none;
color: inherit;
}
.divbox-style-purple {
border-color: #A5A;
background: #FAF;
color: inherit;
}
.divbox-style-red {
border-color: #A00;
background: #FAA;
color: inherit;
}
.divbox-style-white {
border-color: #AAA;
background: #FFF;
color: #000;
}
.divbox-style-yellow {
border-color: #AA5;
background: #FFA;
color: #000;
}