ProZone ~ Abhi's Web World

Choose a Skin

My fav : Winter(Default)

CSS

CSS listing

@charset "iso-8859-1";
/* author: hnabhi482@rediffmail.com */
/* Creation date: 12/10/04 */
/*
style1 == skin1 == country side
style2 == skin2 == Blue Rose
style3 == skin3 == Sky high
style4 == skin4 == classic
style5 == skin5 == Droplets
style6 == skin6 == vibrant green
style7 == skin7 == winter
style8 == skin8 == flowers
style9 == skin9 == outdoors
style10 == skin10 == Autmn scape
style11 == skin11 == Autmn foliage
style12 == skin12 == Autmn night
*/
body
{
	background-color:#4a4a4a;
	margin: 15px 15px 15px 15px;
	/*margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;*/


}


div#outer_frame
{
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	background-color:#fefefe;
	position:relative;

	padding-top:7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	/*margin-left:20px;*/
	/*margin-right:20px;*/
	/*margin-top:20px;*/
	/*margin-bottom:20px;*/
}

div#banner
{
	/*background-color:#5176A3;*/
	border:solid #e3e3e3 1px;
	position:relative;
	height:173px;
	/*padding-top:45px;*/
	margin-top:5px;
	BACKGROUND-IMAGE:
		url(../images/banner5.jpg);
}

p.banner_text   /*Text inside banner*/
{
	text-align:center;
	color:white;
	font-size:40pt;
	font-weight:bold;
	/*font-style:italic;*/
	font-family:trebuchet ms,arial 
	black,verdana,sans-serif;
}
.headerfooter /*bar above the banner*/
{
	position:relative;
	border:solid #e3e3e3 1px;
	padding-top:5px;
	padding-left: 1px;
	padding-right:5px;
	padding-bottom: 1px;
	/*background-color:#E4EBF0;*/
	background-color:#f4f4f4;
	height:27px;
	margin-top:5px;
}

.footer_only	/*footer include the */
		/*copyright and other deatails*/
{
	position:relative;
	border-top: solid #e3e3e3 1px;
	border-right: solid #bbbbbb 0px;
	border-bottom: solid #bbbbbb 0px;
	border-left: solid #bbbbbb 0px;
	/*border:solid #e3e3e3 1px;*/
	padding-top:5px;
	padding-left: 1px;
	padding-right:5px;
	padding-bottom: 1px;
	
	height:80px;
	margin-top:5px;
}


p.header_text /*text inside header*/
{
	text-align:right;
	color:#444444;
	font-size:8pt;
	font-weight:normal;
	font-family:verdana,arial,sans-serif;
}

p.footer_text
{
	text-align:right;
	color:black;
	font-size:10pt;
	font-family:verdana,arial,sans-serif;
}

#rightpanel /*right coloumn*/
{
	FLOAT: right; 
	POSITION: relative;
	background-color:#f9f9f9;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	/*padding-left:18;*/
	/*BORDER-LEFT: dashed #cccccc 1px;
	padding:0px 0px 0px 10px;
	width:115px*/
	
}

#leftpanel /*left column*/
{
	POSITION: relative;
	float:left;
	background-color:#f9f9f9;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	/*padding-right:25px;*/
	/*BORDER-right: dashed #cccccc 1px;
	padding:3px 3px 3px 3px;
	width:115px	*/
}

#centerpanel /*center contentbox holder*/
{
	border:solid #e9e9e9 1px;/*cccccc*/
	position:relative;

	width:424px;
	/*padding-top:10px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;*/
	margin-left:4px;
	margin-top:1px;
	/*margin-left:153px;*/
	background-color:white;
	margin-bottom:3px;

}

.menubox 	/*menubox-borderonly */
{
	/*border: #000000 solid 1px;*/
	BORDER-RIGHT: #e3e3e3 1px solid; 
	BORDER-TOP: #e3e3e3 1px solid; 
	BORDER-LEFT: #e3e3e3 1px solid; 
	BORDER-BOTTOM: #e3e3e3 1px solid;

	WIDTH: 150px; 
	POSITION: relative; 
	BACKGROUND-COLOR: white;
	margin-bottom:5px;
}

.menutitlebox /*highlighted 
		menutitle*/
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	font-weight:bold;
	FONT-SIZE: 8pt; 
	BORDER-LEFT: medium none; 
	WIDTH: 150px; 
	height:27px;
	COLOR: #666666; 
	FONT-FAMILY: verdana,arial,sans-serif; 
	BACKGROUND-COLOR: #f5f5f5; 
	TEXT-ALIGN: center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}


.linkholder1  /*linkholder-*/
			/*-inside menubox*/
{
	border-top: solid #e9e9e9 1px;
	background-color:#ffffff;
	height:27px;
	font-size:10pt;
	text-decoration:none;
	width:150px;
	display:block;
	

}

 a.linkholder_link 
{
	border-top: solid #e9e9e9 1px;
	background-color:#ffffff;
	height:27px;
	font-size:8pt;
	text-decoration:none;
	width:150px;
	display:block;
	padding-top:5px;
	font-family:verdana,arial,
		tahaoma,sans-serif;
	color:#333333;
	text-align:center;
}

 a:hover.linkholder_link
{
	border-top: solid #e9e9e9 1px;
	background-color:#f5f5f5;
	text-decoration:none;
	width:150px;
	height:27px;
	color:#333333;
	text-align:center;
	display:block;
	padding-top:5px;
}

a:visited.linkholder_link
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR:#333333; 
	FONT-FAMILY: verdana,arial,serif; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
	
}

a:active.linkholder_link 
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR:#333333; 
	FONT-FAMILY: verdana,arial, serif; 
	TEXT-DECORATION: none;
	background-color:#f5f5f5;
}


.contentbox  /*content box*/
{
	border-top: solid #e9e9e9 0px;
	border-bottom:solid #e9e9e9 0px;
	border-left:solid #e9e9e9 0px;
	border-right:solid #e9e9e9 0px;
	
	position:relative;
	/*float:left;*/
	/*left:10px;*/
	width:424px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	/*margin-left:4px;*/
	margin-top:0px;
	/*margin-left:153px;*/
	background-color:white;
	margin-bottom:5px;

	
}

.contentbox_text  /*text matter 
inside content box*/
{
	position:relative;
	float:left;
	FONT-SIZE: 8pt; 
	COLOR:#444444; 
	FONT-FAMILY:verdana,arial,sans-serif;
	line-height:0.5cm;
	line-height:15pt;
	text-align:left;
	margin-left:6px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:0px;
	background-color:white;
}

.contentboxtitle /*a small box below banner--home,*/
/*projects etc..title of the page*/
{
	border: solid #e3e3e3 1px;/*cccccc*/
	position:relative;
	/*left:10px;*/
	width:425px;
	height:31px;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	/*margin-left:118;*/
	margin-top:5px;
	margin-left:153px;
	background-color:#ffffff;
	margin-bottom:5px;
	
	
}

p.contentboxtitle_text
{
	FONT-SIZE: 10pt; 
	font-weight:bold;
	COLOR: #333333; 
	font-family:arial,verdana,tahoma,
	Times New Roman,sans-serif;
	line-height:0.5cm;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	text-align:center;

	/*line-height:1.25px*/
}

div#footnote  /*last updated+copyright*/
{
	text-align:center;
	position:relative;
	font-family:arial,verdana,sans-serif;
	color:#555555;
	font-size:8pt;
	margin-top:10px;
	font-weight:normal;
	
}

div#logospace /*webstandads - xhtml,css....holder*/
{
	margin-top:8px;
	/*padding-bottom:5px;*/
	position:relative;
	text-align:center;
	color:#555555;
	font-family:arial,verdana,
	trebuchet ms,sans-serif;
	font-size:8pt;
	font-weight:normal;
	/*padding:5px 5px 5px 5px;*/
}

div#searchbox  /*google search*/
{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid;
	border-color:#e3e3e3;
	WIDTH: 152px; 
	POSITION: relative; 
	BACKGROUND-COLOR: white;
	padding-top:8px;
	padding-bottom:3px;
	padding-right:5px;
	padding-left:5px;
	margin-bottom:5px;
	font-family:arial,verdana,sans-serif;
	color:black;
	font-size:8pt;
}

.textbox  /*textbox inside search*/
{
	border:solid 1px #e9e9e9;
	width:90px;
	text-align:left;
	/*margin-bottom:5px;*/
}

.button1 /*go button inside serach*/
{
	border:solid 1px #cccccc;
	background-color:#e9e9e9;
	color:#444444;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	font-family:verdana,arial,
	tahoma,sans-serif;
	
	
}

.message /*welcome message*/
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	font-weight:bold;
	FONT-SIZE: 10pt; 
	BORDER-LEFT: medium none; 
	WIDTH: 150px; 
	height:29px;
	COLOR:#5176A3; 
	/*BORDER-BOTTOM: solid #cccccc 1px; */
	/*border-color:#e9e9e9;*/
	FONT-FAMILY: arial,verdana,
	Tahoma,sans-serif; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}

.custombox  /*current loc + datebox*/
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	font-weight:bold;
	FONT-SIZE: 8pt; 
	BORDER-LEFT: medium none; 
	WIDTH: 150px; 
	height:27px;
	COLOR: #666666; 
	FONT-FAMILY: arial,verdana,
	Tahoma, sans-serif; 
	BACKGROUND-COLOR: white; 
	TEXT-ALIGN: center;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	line-height:0.60cm;
}

.subtitlebox  /*title for each contentbox*/
{
	border-bottom:none 0px #bbbbbb;
	border-right:solid 0px #e3e3e3;
	border-left:solid 0px #e3e3e3;
	border-top:solid 0px #e3e3e3;
	background-color:#f4f4f4;
	position:relative;
	width:424px;
	height:20px;
	font-family:arial,verdana,sans-serif;
	color:#555555;
	font-size:8pt;
	font-weight:bold;
	/*margin-left:155px;*/
	padding-top:3px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:10px;
	text-align:left;
	
}

a.bodylink
{
	color:#003399;
	text-decoration:none;
}

a:hover.bodylink
{
	color:#003399;
	text-decoration:underline;
}

.icons  /*icons within contentbox*/
{
	position:relative;
	float:left;
	/*border-bottom:solid 1px #e9e9e9;*/
	border-right:none 1px #bbbbbb;
	border-left:none 1px #bbbbbb;
	margin-right:0px;
	font-family:verdana,arial,sans-serif;
	color:#555555;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	/*width:56px;
	height:100px;*/
	/*padding-top:20px;*/
	/*border-top:solid 1px #bbbbbb;*/
	
}

.logobox  /*small sqaures inside skin chooser*/
{
	position:relative;
	float:right;
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 1px #e3e3e3;
	border-left:solid 1px #e3e3e3;
	border-top:solid 1px #e3e3e3;
	background-color:white;
	
	margin-right:2px;
	margin-bottom:4px;
	margin-top:0px;
	padding-top:4px;
	padding-bottom:0px;
	padding-right:4px;
	padding-left:4px;
	/*border-top:solid 1px #bbbbbb;*/
}

.outerlogobox  /*skin chooser containing logoboxes*/
{
	/*position:relative;*/
	WIDTH: 150px; 
	border-bottom:solid 1px #e3e3e3;
	border-right:solid 0px #dddddd;
	border-left:solid 0px #dddddd;
	border-top:solid 1px #e3e3e3;
	margin-bottom:6px;
	background-color:white;
	padding-top:4px;
	/*padding-bottom:4px;*/
}

.outerlogobox_text
{
	width: 150px; 
	border-bottom:dotted 0px #dddddd;
	border-right:solid 0px #dddddd;
	border-left:solid 0px #dddddd;
	border-top:solid 1px #e3e3e3;
	text-align:center;
	font-family:arial,verdana,sans-serif;
	color:#333333;
	font-size:8pt;
	font-weight:normal;
	background-color:#f5f5f5;
}

a.proj_link
{
	text-align:right;
	color:#6A83B2;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
}
a:hover.proj_link
{
color:#003399;
text-decoration:none;
font-size:8pt;
font-weight:normal;
text-align:right;
}

.proj_subpoints
{
	font-size:8pt;
	color:#5a5a5a;
	font-weight:bold;
	text-decoration:none;
	font-family:arial,verdana,tahoma,sans-serif;
}

.tagbox 	/*tagbox-borderonly */
{
	/*border: #000000 solid 1px;*/
	BORDER-RIGHT: #b5b5b5 1px solid; 
	BORDER-TOP: #b5b5b5 1px solid; 
	BORDER-LEFT: #b5b5b5 1px solid; 
	BORDER-BOTTOM: #b5b5b5 1px solid;
	WIDTH: 150px; 
	POSITION: relative; 
	BACKGROUND-COLOR:#f5f5f5;
	margin-bottom:5px;
	padding-top:4px;
	padding-bottom:0px;
	padding-right:4px;
	padding-left:5px;
	
}
.tagbox_title
{
	BORDER-top: #666666 1px solid;
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-bottom: #666666 1px solid; 
	BORDER-LEFT: #666666 1px solid; 
	WIDTH: 142px; 
	height:18px;
	POSITION: relative; 
	BACKGROUND-COLOR:#dedede;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#444444;
	text-align:center;
	margin-bottom:2px;
	margin-top:2px;	
	padding-top:1px;
}
.textinput
{
	border:1px solid #b5b5b5;
	width:140px;
	font-family:verdana,aria,tahoma,sans-serif;
	font-size:8pt;
	color:#555555;
	margin-bottom:5px;
	
}

p.tag_text
{
	font-family:verdana,aria,tahoma,sans-serif;
	font-size:8pt;
	color:#555555;
	text-align:left;
}

.tag_iframe
{
	border:1px solid #666666;
	/*BORDER-top: #bebebe 1px solid;*/
	/*BORDER-RIGHT: #bebebe 1px solid; 
	BORDER-bottom: #bebebe 1px solid; */
	/*BORDER-LEFT: #bebebe 1px solid; */
	width:140px;
	height:170px;
	
	/*font-family:verdana,aria,tahoma,sans-serif;
	font-size:8pt;
	color:#555555;*/
	
}