These CSS classes can be used as easy shortcuts to solve common layout needs within the framework of the MSU website template. Apply these instead of XHTML attributes, deprecated HTML and inline styles.
Single class: class='floatright'
Multiple classes: class='floatright margin-top clearboth border'
class='floatright' : CSS rule: float: rightclass='floatnone' : CSS rule: float: noneclass='floatleft' : CSS rule: float: leftclass='clearright' : CSS rule: clear: rightclass='clearleft' : CSS rule: clear: leftclass='clearboth' : CSS rule: clear: bothclass='clearnone' : CSS rule: clear: noneclass='displayblock' : CSS rule: display: blockclass='displayinline' : CSS rule: display: inlineclass='displaynone' : CSS rule: display: noneclass='margin' : CSS rule: margin: 16pxclass='margin-top' : CSS rule: margin-top: 14pxclass='margin-right' : CSS rule: margin-right: 16pxclass='margin-bottom' : CSS rule: margin-bottom: 14pxclass='margin-left' : CSS rule: margin-left: 16pxclass='nomargin' : CSS rule: margin: 0class='nomargin-top' : CSS rule: margin-top: 0class='nomargin-right' : CSS rule: margin-right: 0class='nomargin-bottom' : CSS rule: margin-bottom: 0class='nomargin-left' : CSS rule: margin-left: 0class='padding' : CSS rule: padding: 16pxclass='padding-top' : CSS rule: padding-top: 16pxclass='padding-right' : CSS rule: padding-right: 16pxclass='padding-bottom' : CSS rule: padding-bottom: 16pxclass='padding-left' : CSS rule: padding-left: 16pxclass='nopadding' : CSS rule: padding: 0class='nopadding-top' : CSS rule: padding-top: 0class='nopadding-right' : CSS rule: padding-right: 0class='nopadding-bottom' : CSS rule: padding-bottom: 0class='nopadding-left' : CSS rule: padding-left: 0This class applies a 1 pixel black border or removes borders.
class='noborder' : CSS rule: border: noneclass='noborder-top' : CSS rule: border-top: noneclass='noborder-right' : CSS rule: border-right: noneclass='noborder-bottom' : CSS rule: border-bottom: noneclass='noborder-left' : CSS rule: border-left: noneclass='border' : CSS rule: border: 1px solid #000class='border-top' : CSS rule: border-top: 1px solid #000class='border-right' : CSS rule: border-right: 1px solid #000class='border-bottom' : CSS rule: border-bottom: 1px solid #000class='border-left' : CSS rule: border-left: 1px solid #000These classes should only be used to align text in table cells.
class='alignleft' : CSS rule: text-align: leftclass='aligncenter' : CSS rule: text-align: centerclass='alignright' : CSS rule: text-align: rightclass='alignjustify' : CSS rule: text-align: justifyThese classes should be used to identify special text. These classes should be used to classify by type not by look. In other words; classify something as dangerous not red. Red doesn't mean anything. Dangerous does, even to the color blind.
class='error' : Indicate an error state has occurredclass='info' : Indicate an state with a note has occurredclass='eleven' : Indicate smaller text is in orderclass='thirteen' : Indicate smaller text is in orderclass='aligncenter' : Center the textclass='burgundy' : deprecated Indicate the text is important.