Login   Register  
PHP Classes
elePHPant
Icontem

File: style/style.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 2006-06-06 21:03
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;
}