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;*/
}