|
|
| Line 8: |
Line 8: |
| | | | |
| | </script> | | </script> |
| - |
| |
| - | <!--<style>
| |
| - |
| |
| - |
| |
| - | /* Navigation Bar */
| |
| - |
| |
| - | #iitm_menu {
| |
| - | list-style:none;
| |
| - | width:940px;
| |
| - | margin:30px auto 0px auto;
| |
| - | height:43px;
| |
| - | padding:0px 20px 0px 20px;
| |
| - |
| |
| - | /* Rounded Corners */
| |
| - |
| |
| - | -moz-border-radius: 10px;
| |
| - | -webkit-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - |
| |
| - | /* Background color and gradients */
| |
| - |
| |
| - | background: #014464;
| |
| - | background: -moz-linear-gradient(top, #0272a7, #013953);
| |
| - | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
| |
| - |
| |
| - | /* Borders */
| |
| - |
| |
| - | border: 1px solid #002232;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 0px 1px #edf9ff;
| |
| - | -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
| |
| - | box-shadow:inset 0px 0px 1px #edf9ff;
| |
| - | }
| |
| - |
| |
| - | #iitm_menu li {
| |
| - | float:left;
| |
| - | text-align:center;
| |
| - | position:relative;
| |
| - | padding: 4px 10px 4px 10px;
| |
| - | margin-right:30px;
| |
| - | margin-top:7px;
| |
| - | border:none;
| |
| - | }
| |
| - |
| |
| - | #iitm_menu li:hover {
| |
| - | border: 1px solid #777777;
| |
| - | padding: 4px 9px 4px 9px;
| |
| - |
| |
| - | /* Background color and gradients */
| |
| - |
| |
| - | background: #F4F4F4;
| |
| - | background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
| |
| - | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
| |
| - |
| |
| - | /* Rounded corners */
| |
| - |
| |
| - | -moz-border-radius: 5px 5px 0px 0px;
| |
| - | -webkit-border-radius: 5px 5px 0px 0px;
| |
| - | border-radius: 5px 5px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | #iitm_menu li a {
| |
| - | font-family:Arial, Helvetica, sans-serif;
| |
| - | font-size:14px;
| |
| - | color: #EEEEEE;
| |
| - | display:block;
| |
| - | outline:0;
| |
| - | text-decoration:none;
| |
| - | text-shadow: 1px 1px 1px #000;
| |
| - | }
| |
| - |
| |
| - | #iitm_menu li:hover a {
| |
| - | color:#161616;
| |
| - | text-shadow: 1px 1px 1px #FFFFFF;
| |
| - | }
| |
| - | #iitm_menu li .drop {
| |
| - | padding-right:21px;
| |
| - | background:url("img/drop.png") no-repeat right 8px;
| |
| - | }
| |
| - | #iitm_menu li:hover .drop {
| |
| - | background:url("img/drop.png") no-repeat right 7px;
| |
| - | }
| |
| - |
| |
| - | /* Drop Down */
| |
| - |
| |
| - | .dropdown_1column,
| |
| - | .dropdown_2columns,
| |
| - | .dropdown_3columns,
| |
| - | .dropdown_4columns,
| |
| - | .dropdown_5columns {
| |
| - | margin:4px auto;
| |
| - | float:left;
| |
| - | position:absolute;
| |
| - | left:-999em; /* Hides the drop down */
| |
| - | text-align:left;
| |
| - | padding:10px 5px 10px 5px;
| |
| - | border:1px solid #777777;
| |
| - | border-top:none;
| |
| - |
| |
| - | /* Gradient background */
| |
| - | background:#F4F4F4;
| |
| - | background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
| |
| - | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
| |
| - |
| |
| - | /* Rounded Corners */
| |
| - | -moz-border-radius: 0px 5px 5px 5px;
| |
| - | -webkit-border-radius: 0px 5px 5px 5px;
| |
| - | border-radius: 0px 5px 5px 5px;
| |
| - | }
| |
| - |
| |
| - | .dropdown_1column {width: 140px;}
| |
| - | .dropdown_2columns {width: 280px;}
| |
| - | .dropdown_3columns {width: 420px;}
| |
| - | .dropdown_4columns {width: 560px;}
| |
| - | .dropdown_5columns {width: 700px;}
| |
| - |
| |
| - | #iitm_menu li:hover .dropdown_1column,
| |
| - | #iitm_menu li:hover .dropdown_2columns,
| |
| - | #iitm_menu li:hover .dropdown_3columns,
| |
| - | #iitm_menu li:hover .dropdown_4columns,
| |
| - | #iitm_menu li:hover .dropdown_5columns {
| |
| - | left:-1px;
| |
| - | top:auto;
| |
| - | }
| |
| - |
| |
| - | /* Columns */
| |
| - |
| |
| - | .col_1,
| |
| - | .col_2,
| |
| - | .col_3,
| |
| - | .col_4,
| |
| - | .col_5 {
| |
| - | display:inline;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | margin-left: 5px;
| |
| - | margin-right: 5px;
| |
| - | }
| |
| - | .col_1 {width:130px;}
| |
| - | .col_2 {width:270px;}
| |
| - | .col_3 {width:410px;}
| |
| - | .col_4 {width:550px;}
| |
| - | .col_5 {width:690px;}
| |
| - |
| |
| - | /* Right alignment */
| |
| - |
| |
| - | #iitm_menu .menu_right {
| |
| - | float:right;
| |
| - | margin-right:0px;
| |
| - | }
| |
| - | #iitm_menu li .align_right {
| |
| - | /* Rounded Corners */
| |
| - | -moz-border-radius: 5px 0px 5px 5px;
| |
| - | -webkit-border-radius: 5px 0px 5px 5px;
| |
| - | border-radius: 5px 0px 5px 5px;
| |
| - | }
| |
| - | #iitm_menu li:hover .align_right {
| |
| - | left:auto;
| |
| - | right:-1px;
| |
| - | top:auto;
| |
| - | }
| |
| - |
| |
| - | /* Drop Down Content Stylings */
| |
| - |
| |
| - | #iitm_menu p, #iitm_menu h2, #iitm_menu h3, #iitm_menu ul li {
| |
| - | font-family:Arial, Helvetica, sans-serif;
| |
| - | line-height:21px;
| |
| - | font-size:12px;
| |
| - | text-align:left;
| |
| - | text-shadow: 1px 1px 1px #FFFFFF;
| |
| - | }
| |
| - | #iitm_menu h2 {
| |
| - | font-size:21px;
| |
| - | font-weight:400;
| |
| - | letter-spacing:-1px;
| |
| - | margin:7px 0 14px 0;
| |
| - | padding-bottom:14px;
| |
| - | border-bottom:1px solid #666666;
| |
| - | }
| |
| - | #iitm_menu h3 {
| |
| - | font-size:14px;
| |
| - | margin:7px 0 14px 0;
| |
| - | padding-bottom:7px;
| |
| - | border-bottom:1px solid #888888;
| |
| - | }
| |
| - | #iitm_menu p {
| |
| - | line-height:18px;
| |
| - | margin:0 0 10px 0;
| |
| - | }
| |
| - |
| |
| - | #iitm_menu li:hover div a {
| |
| - | font-size:12px;
| |
| - | color:#015b86;
| |
| - | }
| |
| - | #iitm_menu li:hover div a:hover {
| |
| - | color:#029feb;
| |
| - | }
| |
| - | .strong {
| |
| - | font-weight:bold;
| |
| - | }
| |
| - | .italic {
| |
| - | font-style:italic;
| |
| - | }
| |
| - | .imgshadow {
| |
| - | background:#FFFFFF;
| |
| - | padding:4px;
| |
| - | border:1px solid #777777;
| |
| - | margin-top:5px;
| |
| - | -moz-box-shadow:0px 0px 5px #666666;
| |
| - | -webkit-box-shadow:0px 0px 5px #666666;
| |
| - | box-shadow:0px 0px 5px #666666;
| |
| - | }
| |
| - | .img_left { /* Image sticks to the left */
| |
| - | width:auto;
| |
| - | float:left;
| |
| - | margin:5px 15px 5px 5px;
| |
| - | }
| |
| - | #iitm_menu li .black_box {
| |
| - | background-color:#333333;
| |
| - | color: #eeeeee;
| |
| - | text-shadow: 1px 1px 1px #000;
| |
| - | padding:4px 6px 4px 6px;
| |
| - |
| |
| - | /* Rounded Corners */
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - |
| |
| - | /* Shadow */
| |
| - | -webkit-box-shadow:inset 0 0 3px #000000;
| |
| - | -moz-box-shadow:inset 0 0 3px #000000;
| |
| - | box-shadow:inset 0 0 3px #000000;
| |
| - | }
| |
| - | #iitm_menu li ul {
| |
| - | list-style:none;
| |
| - | padding:0;
| |
| - | margin:0 0 12px 0;
| |
| - | }
| |
| - | #iitm_menu li ul li {
| |
| - | font-size:12px;
| |
| - | line-height:24px;
| |
| - | position:relative;
| |
| - | text-shadow: 1px 1px 1px #ffffff;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | float:none;
| |
| - | text-align:left;
| |
| - | width:130px;
| |
| - | }
| |
| - | #iitm_menu li ul li:hover {
| |
| - | background:none;
| |
| - | border:none;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | }
| |
| - | #iitm_menu li .greybox li {
| |
| - | background:#F4F4F4;
| |
| - | border:1px solid #bbbbbb;
| |
| - | margin:0px 0px 4px 0px;
| |
| - | padding:4px 6px 4px 6px;
| |
| - | width:116px;
| |
| - |
| |
| - | /* Rounded Corners */
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - | #iitm_menu li .greybox li:hover {
| |
| - | background:#ffffff;
| |
| - | border:1px solid #aaaaaa;
| |
| - | padding:4px 6px 4px 6px;
| |
| - | margin:0px 0px 4px 0px;
| |
| - | }
| |
| - |
| |
| - | </style>-->
| |
| - |
| |
| | </head> | | </head> |
| | <body> | | <body> |
"
