menu
» Web style guide » Action bars Action bars
Action bars can be used to group actions that readers can perform such as edit, logout and others.
These bars should not be used as a substitute for page tabs.
There are three types of bar - tools-uni (the university colour), tools-grey and tools-college (defaults to the college colour on the site or to platinum on non-college sites). To see the bar in college colours, refer to the style sampler.
Action bars can be implemented with the following code:
<div class="doublewide noprint nopadbottom tools-uni (or tools-grey or tools-college)">
<ul class="left">
<li><a title="Option1" href="#">Option1</a></li>
<li><a title="Option2" href="#">Option2</a></li>
<li><a title="Option3" href="#">Option3</a></li>
</ul>
<ul class="right">
<li><a title="Option4" href="#">Option4</a></li>
<li><a title="Option5" href="#">Option5</a></li>
</ul>
</div>
<ul class="left">
<li><a title="Option1" href="#">Option1</a></li>
<li><a title="Option2" href="#">Option2</a></li>
<li><a title="Option3" href="#">Option3</a></li>
</ul>
<ul class="right">
<li><a title="Option4" href="#">Option4</a></li>
<li><a title="Option5" href="#">Option5</a></li>
</ul>
</div>
