Team:IIT Madras/Template:new home

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>bar</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- html { overflow: -moz-scrollbars-vertical ...")
 
(44 intermediate revisions not shown)
Line 3: Line 3:
<title>bar</title>
<title>bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 +
 +
<!--[if IE 6]>
 +
<style>
 +
body {behavior: url("http://peterned.home.xs4all.nl/htc/csshover3.htc);}
 +
</style>
 +
<![endif]-->
 +
<style type="text/css">
<style type="text/css">
 +
 +
 +
<!--
<!--
Line 354: Line 364:
#menu ul li{float:left; width:75px; text-align:center; background:url('https://static.igem.org/mediawiki/2011/1/1c/Test_menu.gif') repeat-x;margin:10px; height:34px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
#menu ul li{float:left; width:75px; text-align:center; background:url('https://static.igem.org/mediawiki/2011/1/1c/Test_menu.gif') repeat-x;margin:10px; height:34px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
#menu a {position : relative; top:7px; text-decoration:none; color:black;}  
#menu a {position : relative; top:7px; text-decoration:none; color:black;}  
 +
 +
 +
 +
#iitm_content{
 +
  position:relative;
 +
  top:-50px;
 +
  width:95%;
 +
  left : 2.5%;
 +
}
 +
 +
/* Navigation Bar */
 +
 +
#iitm_menu {
 +
  position:relative;
 +
  top:-60px;
 +
  list-style:none;
 +
  width:940px;
 +
  margin:10px auto 0px auto;
 +
  height:43px;
 +
  padding:0px 20px 0px 20px;
 +
  z-index : 100;
 +
 +
 +
  /* 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;ii
 +
  margin:0px 0px 4px 0px;
 +
}
 +
 +
#iitm_menu .menu_right {
 +
float:right;
 +
margin-right:0px;
 +
}
 +
 +
#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;
 +
}
 +
 +
#menu li:hover .align_right {
 +
left:auto;
 +
right:-1px;
 +
top:auto;
 +
}
 +
 +
#iitm_header{
 +
background : url("https://static.igem.org/mediawiki/2012/3/3d/HeaderLogo.jpg") no-repeat;
 +
height:86px;
 +
width:100%;
 +
position:relative;
 +
top:-60px;
 +
display:block;
 +
}
 +
-->
-->
 +
</style>
</style>
<!-- End Save for Web Styles -->
<!-- End Save for Web Styles -->
</head>
</head>
<body>
<body>
 +
<div id = "iitm_header"></div>
 +
 +
<div id = "iitm_nav" >
 +
<ul id="iitm_menu">
 +
<li><a href="https://2012.igem.org/Team:IIT_Madras" class = "drop">Home</a>
 +
<div class = "dropdown_2columns">
 +
<a href="https://2012.igem.org/Team:IIT_Madras">Go back to the home page</a>
 +
</div>
 +
</li>
 +
 +
<li><a href="https://2012.igem.org/Team:IIT_Madras/Safety" class="drop">Safety</a>
 +
<div class="dropdown_5columns">
 +
<ul>
 +
  <ol>
 +
    <a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1">1. Would any of your project ideas raise safety issues in terms of:</a>
 +
    <ul>
 +
      <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1_1">1.1 Reseacher Safety</a>
 +
        <ul>
 +
          <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1_1_1">1.1.1 Personal Protective Equipment</a></ol>
 +
          <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1_1_2">1.1.2 Safe work practises</a></ol>
 +
        </ul>
 +
      </ol>
 +
      <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1_2">1.2 Public Safety</a></a></ol>
 +
      <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q1_3">1.3 Enviornmental Safety</a></ol>
 +
    </ul>
 +
  </ol>
 +
  <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q2">
 +
    2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues?
 +
  </a></ol>
 +
  <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q3">
 +
    3. Is there a local biosafety group, committee, or review board at your institution?
 +
  </a></ol>
 +
  <ol><a href = "https://2012.igem.org/Team:IIT_Madras/Safety#q4">
 +
    4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?
 +
  </a></ol>
 +
</ul>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:IIT_Madras/Project" class="drop">Project</a>
 +
<div class="dropdown_2columns">
 +
<a href = "https://2012.igem.org/Team:IIT_Madras/Project">Check out our project</a>
 +
</div>
 +
</li>
 +
<li><a href="https://2012.igem.org/Team:IIT_Madras/Team" class="drop">Team</a>
 +
<div class="dropdown_1column">
 +
<a href="https://2012.igem.org/Team:IIT_Madras/Team#Faculty">Faculty</a>
 +
                <a href="https://2012.igem.org/Team:IIT_Madras/Team#Advisors">Advisors</a>
 +
                <a href="https://2012.igem.org/Team:IIT_Madras/Team#Students">Students</a>
 +
</div>
 +
</li>
 +
<li  class="menu_right"><a href="https://www.facebook.com/pages/IIT-Madras-at-iGEM/165823263493788" target = "_blank" class="drop">Facebook</a>
 +
<div class="dropdown_2columns align_right"">
 +
<a href = "https://www.facebook.com/pages/IIT-Madras-at-iGEM/165823263493788" target="_blank">Visit Our facebook page</a>
 +
</div>
 +
</li>
 +
<li class="menu_right"><a href="https://2012.igem.org" class="drop">Igem</a>
 +
<div class="dropdown_2columns align_right" >
 +
<a href = "https://2012.igem.org">Go to the Igem home page</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 01:11, 11 September 2012

bar

Retrieved from "http://2012.igem.org/Team:IIT_Madras/Template:new_home"