Click here to Skip to main content
15,886,071 members
Articles / Web Development / HTML

Another XP style panel bar for Web

Rate me:
Please Sign up or sign in to vote.
4.67/5 (58 votes)
16 Aug 2005CPOL3 min read 162.4K   2.4K   125  
XP style panel bar for Web applications.
body
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: normal;
	background-color: #B7CA97;
}

#panelBar
{
	background-color: #B7CA97;
	height: 100%;
	width: 100%;
	vertical-align: top;
}

.menuHeaderExpanded
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	background-image: url('../Images/OliveExpand.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: #56662D;
	height: 23px;
}

.menuHeaderExpandedOver
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	background-image: url('../Images/OliveExpand.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: #56662D;
	height: 23px;
}

.menuHeaderExpanded td
{
	color: #56662D;
	font-size: 8pt;
	font-weight: normal;
}

.menuHeaderExpandedOver td
{
	color: #56662D;
	font-size: 8pt;
	font-weight: bold;
}

.menuHeaderCollapsed
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	background-image: url('../Images/OliveCollapse.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: #56662D;
	height: 23px;
}

.menuHeaderCollapsedOver
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
	background-image: url('../Images/OliveCollapse.gif');
	background-position: right center;
	background-repeat: no-repeat;
	color: #56662D;
	height: 23px;
}

.menuHeaderCollapsed td
{
	color: #56662D;
	font-size: 8pt;
	font-weight: normal;
}

.menuHeaderCollapsedOver td
{
	color: #56662D;
	font-size: 8pt;
	font-weight: bold;;
}

.menuItems
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	color: #56662D;
	position: relative;
}

.menuItems table
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	color: #56662D;
	border-top: 1px solid #F6F6EC;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.menuItems a
{
	color: #56662D;
	text-decoration: none;
}

.menuItems a:hover
{
	color: #56662D;
	font-weight: bold;
	text-decoration: none;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior) Freelancer
India India
I am a software professional with over 20 years of commercial business applications design and development experience.

My programming experience includes Java, Spring, .NET, Classic VB & ASP, Scripting, Power Builder, PHP, Magic & far far ago FoxPro, C, Assembly and COBOL.

From last 11 years I am mostly working with Java Technology. I am currently available to take up new assignments.

Comments and Discussions