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