Online
  • Grace Padilla

    On the other hand, we denounce...

  • Carl Gamble

    Dislike men who are so beguiled...

  • Michael Poole

    Of pleasure of the moment, so...

  • Bill Green

    That they cannot foresee the...

  • Cheryl Soucy

    Pain and trouble that are bound...

Idle
  • Jose Kramer

    Equal blame belongs to those...

  • Dan Garcia

    Weakness of will, which is same...

  • Edward Bridges

    These cases are perfectly simple...

Offline
  • Randy Herod

    In a free hour, when our power...

  • Patricia Bagley

    when nothing prevents our being...

Cloud status
Latest transfers
Tasks for today
Pending notifications New

Helper classes

special CSS classes for the most common tweaks & modifications.

Background colors

.bg-white
.bg-azure
.bg-blue-alt
.bg-purple
.bg-yellow
.bg-gray
.bg-gray-alt
.bg-black
.bg-blue
.bg-green
.bg-red
.bg-orange

Font colors

.font-gray
.font-gray-dark
.font-black
.font-blue
.font-blue-alt
.font-azure
.font-purple
.font-yellow
.font-green
.font-red
.font-orange
.font-white

Margins

NameDescription
.mrg5AAdds 5px all margins
.mrg5TAdds 5px top margin
.mrg5RAdds 5px right margin
.mrg5BAdds 5px bottom margin
.mrg5LAdds 5px left margin
.mrg10AAdds 10px all margins
.mrg10TAdds 10px top margin
.mrg10RAdds 10px right margin
.mrg10BAdds 10px bottom margin
.mrg10LAdds 10px left margin
.mrg15AAdds 15px all margins
.mrg15TAdds 15px top margin
.mrg15RAdds 15px right margin
.mrg15BAdds 15px bottom margin
.mrg15LAdds 15px left margin
.mrg20AAdds 20px all margins
NameDescription
.mrg20TAdds 20px top margin
.mrg20RAdds 20px right margin
.mrg20BAdds 20px bottom margin
.mrg20LAdds 20px left margin
.mrg25AAdds 25px all margins
.mrg25TAdds 25px top margin
.mrg25RAdds 25px right margin
.mrg25BAdds 25px bottom margin
.mrg25LAdds 25px left margin
NameDescription
.mrg0ARemoves all margins
.mrg0TRemoves top margin
.mrg0RRemoves right margin
.mrg0BRemoves bottom margin
.mrg0LRemoves left margin

Paddings

NameDescription
.pad5AAdds 5px all mpadding
.pad5TAdds 5px top padding
.pad5RAdds 5px right padding
.pad5BAdds 5px bottom padding
.pad5LAdds 5px left padding
.pad10AAdds 10px all mpadding
.pad10TAdds 10px top padding
.pad10RAdds 10px right padding
.pad10BAdds 10px bottom padding
.pad10LAdds 10px left padding
.pad15AAdds 15px all mpadding
.pad15TAdds 15px top padding
.pad15RAdds 15px right padding
.pad15BAdds 15px bottom padding
.pad15LAdds 15px left padding
.pad20AAdds 20px all mpadding
NameDescription
.pad20TAdds 20px top padding
.pad20RAdds 20px right padding
.pad20BAdds 20px bottom padding
.pad20LAdds 20px left padding
.pad25AAdds 25px all mpadding
.pad25TAdds 25px top padding
.pad25RAdds 25px right padding
.pad25BAdds 25px bottom padding
.pad25LAdds 25px left padding
NameDescription
.pad0ARemoves all mpadding
.pad0TRemoves top padding
.pad0RRemoves right padding
.pad0BRemoves bottom padding
.pad0LRemoves left padding

Font sizes

.font-size-10
.font-size-11
.font-size-12
.font-size-13
.font-size-14
.font-size-15
.font-size-16
.font-size-17
.font-size-18
.font-size-20
.font-size-23
.font-size-28
.font-size-35

Resets

NameDescription
.float-noneRemoves floats
.float-leftFloats element to the left
.float-rightFloats element to the right
.opacity-100Sets the element opacity to 100%
.opacity-80Sets the element opacity to 80%
.opacity-60Sets the element opacity to 60%
.opacity-30Sets the element opacity to 30%
.clearfixClears floats for contained elements
.clearClears floats from elements above
.clear-noneRemoves clear floats
.hideHides element with display: none
.display-blockTransforms non-block to block elements
.display-inlineAdds display: inline-block to elements
.center-marginCenters block elements
.center-divLike .center-margin, but adds float:none & text-align: center
.no-borderChanges the border color to transparent
.border-topAdds a 1px top border that inherits the color from any other class with border color defined.
.remove-borderRemoves the border alltogether from an element
.dividerAdds a 1px gray line between elements and clears floats.
.width-resetResets width to inherited values
.no-shadowRemoves box shadows
.transparentMakes background, border and shadow colors transparent
.disabledMakes the element look disabled.

Text

NameDescription
.text-centerAligns text to center
.text-leftAligns text to left
.text-rightAligns text to right
.text-justifyAligns text to justify
.font-boldMakes text bold
.font-normalRemoves text bold
.text-transform-noneReverts text transform to inherited
.text-transform-uprUppercase text
.text-transform-lowLowercase text
.text-transform-capCapitalizes text
.font-italicMakes text italic
.font-noneRemoves text style