Button

3 buttons

regular button flat button aqua button
<a href="#" class="acms-btn">regular button</a>
<a href="#" class="acms-btn-flat">flat button</a>
<a href="#" class="acms-btn-aqua">aqua button</a>

Button for Management Screen

defualt button primary button info button danger button small button save button
<a href="#" class="acms-btn-admin">default button</a>
<a href="#" class="acms-btn-admin acms-btn-admin-primary">primaryなbutton</a>
<a href="#" class="acms-btn-admin acms-btn-admin-info">infoなbutton</a>
<a href="#" class="acms-btn-admin acms-btn-admin-danger">dangerなbutton</a>
<a href="#" class="acms-btn-admin acms-btn-small">smallなbutton</a>
<a href="#" class="acms-btn-admin acms-btn-admin-primary acms-btn-admin-save">save用</a>

button for every HTML element

link
<a class="acms-btn" href="#">link</a>
<button class="acms-btn" type="submit">button</button>
<input class="acms-btn" type="button" value="input">
<input class="acms-btn" type="submit" value="submit">

button's behavior

regular button hover button active button
<a href="#" class="acms-btn">regularなbutton</a>
<a href="#" class="acms-btn acms-btn-hover">hover button</a>
<a href="#" class="acms-btn acms-btn-active">active button</a>

button color

prepared 6 buttons

Primary button Info button Success button Warning button Danger button Link button
<a href="#" class="acms-btn acms-btn-primary">Primary button</a>
<a href="#" class="acms-btn acms-btn-info">Info button</a>
<a href="#" class="acms-btn acms-btn-success">Success button</a>
<a href="#" class="acms-btn acms-btn-warning">Warning button</a>
<a href="#" class="acms-btn acms-btn-danger">Danger button</a>
<a href="#" class="acms-btn acms-btn-link">Link button</a>

button size

prepared 4 button size

small button regular button large button
<a href="#" class="acms-btn acms-btn-small">small button</a>
<a href="#" class="acms-btn">normal button</a>
<a href="#" class="acms-btn acms-btn-large">large button</a>
<button type="button" class="acms-btn block-level">Block Level button</button>

disabled button

disabled classname button
<button type="button" class="acms-btn" disabled="disabled">disabled button</button>
<a href="#" class="acms-btn acms-btn-disabled">classnameがdisabled button</a>