Site Utilities
Orientation Aid 
- Class name: (k-orientation-aid)
- Version: 1.0
Simple, optional orientation aids to go back to previous page or to go back to top of the current page.
HTML5 Plain Code
-
<div class="k-orientation-aid">
-
<p class="go-back"><a href="#" title="Go back to previous page">Back</a></p>
-
<p class="go-top"><a href="#container" title="Go to the top of the page">Top</a></p>
-
</div>
CSS Code
-
div.k-orientation-aid { -
float: left;
-
width: 100%;
-
margin-top: 1em;
-
}
-
div.k-orientation-aid p { -
font: 0.8em open_sanslight, "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
text-transform: uppercase;
-
}
-
p.go-back {float: left; width: 45%;} -
p.go-top {float: right; width: 45%; text-align: right;} -
p.go-back:before {content: "\21A4 \00A0"; font-size: 120%;} -
p.go-top:after {content: "\00A0 \21A5"; font-size: 120%;} -
div.k-orientation-aid a, div.k-orientation-aid a:link, div.k-orientation-aid a:visited { -
text-decoration: none;
-
}
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:
Navigation
Forms
Tables
Blocks
Site Utilities
Editorial
eCommerce