Version 3, last updated by Paco Lule at March 24, 2011 15:23 UTC
Style - Links and buttons
The standard styles used in Assembla are located in the base stylesheet "public/stylesheets/blue_site.css". You may not modify this styles, please read the Style Reference Guide for Assembla's styles usage recommendations.
Default input button, ".button" used for cummon page actions:
<input class="button" name="commit" type="submit" value="Find User" />
Grey button that can be used for secondary page actions. Add ".nbutton" to html links and to input buttons:
<a class="nbutton" href="#" onclick="takeScreenshot(); return false;">Take Screenshot</a>
This is a button that is used as main action on pages. You can look at "/stylesheets/blue_site.css" for more icons for buttons, this is a sample with a cummon "add-icon" image:
<p class="compact-icon-button add-icon">
<a href="#link">New Ticket</a>
</p>
Single link with icon using ".icon" on a div:
<div class="icon"><img src="/images/ico_settings.png" alt="Settings" /></div>
<p><a href="#">Settings</a></p>
The list links with icons are used mostly inside of a box on sidebars (View bos styles in: Style - Basics):
<ul>
<li class="icon-edit"><a href="#">Edit this page</a></li>
<li class="icon-print"><a href="#">Print this page</a> </li>
<li class="icon-delete"><a href="#">Delete this page</a></li>
<li class="icon-settings"><a href="#">Settings</a></li>
</ul>