PHP Classes

File: style/style.css

Recommend this page to a friend!
  Classes of Patrick J. Mizer   Simple Tabs   style/style.css   Download  
File: style/style.css
Role: Auxiliary data
Content type: text/plain
Description: style used in the example.
Class: Simple Tabs
Generate navigation bars using links in tabs
Author: By
Last change: changed css for new demo.
Date: 17 years ago
Size: 1,476 bytes
 

Contents

Class file image Download
#navTabs tabArea { font-size: 90%; font-weight: bold; } #navTabs a.roundedTab { background-color: #ffa20c; text-decoration: none; } #navTabs a.roundedActiveTab { background-color: #781351; color: #FFFFFF; text-decoration: none; } #navTabs a.roundedTab, a.roundedTab:visited { color: #ffffff; } #navTabs a span.tabLeft { background: #ffa20c url(http://www.freemarketbooks.com/navl.gif) left top no-repeat; padding-left: 15px; } #navTabs a span.tabRight { background: #ffa20c url(http://www.freemarketbooks.com/navr.gif) right top no-repeat; padding-right: 15px; } #navTabs a span.tabLeftActive { background: #781351 url(http://www.freemarketbooks.com/navlh.gif) left top no-repeat; padding-left: 15px; } #navTabs a span.tabRightActive { background: #781351 url(http://www.freemarketbooks.com/navrh.gif) right top no-repeat; padding-right: 15px; } #subTabs { background: #CCCCCC; } #subTabs a.subTab { color: #FFFFFF; text-decoration: none; padding-left: 20px; } #subTabs a.activeSubTab { color: #FFFFFF; text-decoration: bold; padding-left: 20px; } #subTabs tabArea { font-size: 90%; font-weight: bold; } #accessoryTabs { } #accessoryTabs a.subTab { color: #000000; text-decoration: none; padding-left: 20px; } #accessoryTabs a.activeSubTab { color: #000000; text-decoration: underline; padding-left: 20px; }