ASH Styling


Reference Page


Welcome to the ASH CSS reference page. Enjoy the examples and code for all ASH abilities.


wb-CONTAIN

The above example shows what happens when the .wb-CONTAIN class is used for a div tag. The code would look as follows:


<div class="wb-CONTAIN wb-BCBLACK wb-FCWHITE wb-TEXTCENTER">


wb-CONTAIN Examples


wb-CONTAIN
wb-CONTAINBOX
wb-CONTAINSQUARE
wb-CONTAINSLICE
wb-CONTAINTAB

wb-CONTAINBOX


wb-CONTAINROUND


wb-CONTAINSLICELEFT


wb-CONTAINSLICERIGHT


wb-CONTAINTABDOWN


wb-CONTAINTABUP


wb-CONTAINTABLEFT


wb-CONTAINTABRIGHT


wb-CONTAINFLAGLEFT


wb-CONTAINFLAGRIGHT


wb-CONTAINFLAGTOP


wb-CONTAINFLAGBOTTOM


wb-CONTAINBANNER


wb-CONTAINBANNERSIDE


NOTES:


The containers in ASH all have a hover shadow and automatic heights based off of the contents. These can be changed with other ASH classes which will be discussed later.


wb-BC Examples


wb-BCBLACK
wb-BCGREEN
wb-BCGRADEGREEN

The wb-BC class sets a background color to an element. The following colors are supported:


wb-BCRED

wb-BCBLUE

wb-BCGREEN

wb-BCBLACK

wb-BCWHITE

wb-BCOFFWHITE

wb-BCYELLOW

wb-BCORANGE

wb-BCPURPLE

wb-BCPINK

wb-BCBROWN

wb-BCGRAY

wb-BCDARKRED

wb-BCDARKBLUE

wb-BCDARKGREEN

wb-BCDARKYELLOW

wb-BCDARKORANGE

wb-BCDARKPURPLE

wb-BCDARKPINK

wb-BCDARKBROWN

wb-BCDARKGRAY

wb-BCLIGHTRED

wb-BCLIGHTBLUE

wb-BCLIGHTGREEN

wb-BCLIGHTYELLOW

wb-BCLIGHTORANGE

wb-BCLIGHTPURPLE

wb-BCLIGHTPINK

wb-BCLIGHTBROWN

wb-BCLIGHTGRAY

wb-BCSKYBLUE

wb-BCGRADERED

wb-BCGRADEBLUE

wb-BCGRADEGREEN

wb-BCGRADEYELLOW

wb-BCGRADEORANGE

wb-BCGRADEPURPLE

wb-BCGRADEPINK

wb-BCGRADEBROWN

wb-BCGRADEGRAY

wb-BCGRADEBLACK

wb-BCGRADEREDandGREEN

wb-BCGRADEGREENRED

wb-BCGRADECLOUD


wb-FC Examples


The following list shows font colors supported by ASH:

wb-FCWHITE

wb-FCOFFWHITE

wb-FCBLACK

wb-FCRED

wb-FCBLUE

wb-FCGREEN

wb-FCYELLOW

wb-FCORANGE

wb-FCPURPLE

wb-FCPINK

wb-FCBROWN

wb-FCGRAY

wb-FCDARKRED

wb-FCDARKBLUE

wb-FCDARKGREEN

wb-FCDARKYELLOW

wb-FCDARKORANGE

wb-FCDARKPURPLE

wb-FCDARKPINK

wb-FCDARKBROWN

wb-FCDARKGRAY

wb-FCLIGHTRED

wb-FCLIGHTBLUE

wb-FCLIGHTGREEN

wb-FCLIGHTYELLOW

wb-FCLIGHTORANGE

wb-FCLIGHTPURPLE

wb-FCLIGHTPINK

wb-FCLIGHTBROWN

wb-FCLIGHTGRAY

wb-FS


The follow examples show font sizes supported by ASH:

wb-FS12

wb-FS28

wb-FS70

NOTES:


The wb-FS supports font sizes of EVEN NUMBERS ONLY ranging from 6-70 and then intervals of 10 from 70-100.


wb-FSINHERIT sets the font size to inherit.

Alignment


wb-TEXT
wb-VERT

The wb-TEXT and the wb-VERT classes are used for text alignment and vertical alignment.


EXAMPLES:


Hello world!


Container with out wb-TEXT or wb-VERT.


Hello world!


Container with wb-TEXTCENTER class but no wb-VERTclass.


Hello world!


Container with wb-TEXTCENTER class and wb-VERTTEXTBOTTOM class.