Difference between revisions of "Team:IIT Delhi/home"

 
(11 intermediate revisions by the same user not shown)
Line 24: Line 24:
  
 
ul.ldd_menu{
 
ul.ldd_menu{
−
margin-top:-10px;
+
  margin-top:-10px;
 
         margin-left:15px;
 
         margin-left:15px;
−
padding:0;
+
  padding:0;
 
         position:absolute;
 
         position:absolute;
−
height:70px;
+
  height:70px;
 
         width:190px;
 
         width:190px;
−
list-style:none;
+
  list-style:none;
−
font-family:Verdana, Geneva, sans-serif;
+
  font-family:Verdana, Geneva, sans-serif;
 
         font-size:100%;
 
         font-size:100%;
−
text-align: center;
+
  text-align: center;
 
}
 
}
  
Line 45: Line 45:
 
}
 
}
 
ul.ldd_menu a{
 
ul.ldd_menu a{
−
text-decoration:none;
+
  text-decoration:none;
 
}
 
}
 
ul.ldd_menu > li{
 
ul.ldd_menu > li{
−
float:left;
+
  float:left;
−
position:fixed;
+
  position:fixed;
−
width: 100%;
+
  width: 100%;
−
z-index: 9999;
+
  z-index: 9999;
 
}
 
}
 
ul.ldd_menu > li > span{
 
ul.ldd_menu > li > span{
Line 62: Line 62:
 
   color:green;
 
   color:green;
 
   opacity:0;
 
   opacity:0;
−
background-color:white;
+
  background-color:white;
−
height:190px;
+
  height:190px;
 
          
 
          
−
line-height:50px;
+
  line-height:50px;
−
cursor:default;
+
  cursor:default;
−
padding:0px 20px;
+
  padding:0px 20px;
 
   border-radius:0 0 0 190px;
 
   border-radius:0 0 0 190px;
−
text-shadow:0px 0px 1px #CCC;
+
  text-shadow:0px 0px 1px #CCC;
−
}
+
  }
  
  
 
.sub_wrap{
 
.sub_wrap{
−
width: 2500px;
+
  width: 2500px;
−
margin: 0 auto 0 auto;
+
  margin: 0 auto 0 auto;
−
background-color: #000;
+
  background-color: #000;
 
}
 
}
  
 
ul.ldd_menu ul{
 
ul.ldd_menu ul{
−
list-style:none;
+
  list-style:none;
−
display: inline-block;
+
  display: inline-block;
−
border-left:1px dotted #FFF;
+
  border-left:1px dotted #FFF;
−
margin-top: 20px;
+
  margin-top: 20px;
−
margin-right: 0px;
+
  margin-right: 0px;
−
margin-bottom: 10px;
+
  margin-bottom: 10px;
−
margin-left: 20px;
+
  margin-left: 20px;
−
padding-top: 10px;
+
  padding-top: 10px;
−
padding-right: 5px;
+
  padding-right: 5px;
−
padding-bottom: 10px;
+
  padding-bottom: 10px;
−
padding-left: 10px;
+
  padding-left: 10px;
 
}
 
}
  
 
ul.ldd_menu .ldd_submenu{
 
ul.ldd_menu .ldd_submenu{
−
position:absolute;
+
  position:absolute;
−
top:50px;
+
  top:50px;
−
width:100%;
+
  width:100%;
−
display:none;
+
  display:none;
−
opacity:0.90;
+
  opacity:0.90;
−
font-size:10px;
+
  font-size:10px;
−
background-color: #fff;
+
  background-color: #fff;
 
}
 
}
 
a.ldd_subfoot{
 
a.ldd_subfoot{
−
background-color:#f0f0f0;
+
  background-color:#f0f0f0;
−
color:#444;
+
  color:#444;
−
display:block;
+
  display:block;
−
clear:both;
+
  clear:both;
−
padding:15px 20px;
+
  padding:15px 20px;
−
font-family: Arial, serif;
+
  font-family: Arial, serif;
−
font-size:10px;
+
  font-size:10px;
−
text-shadow:0px 0px 1px #fff;
+
  text-shadow:0px 0px 1px #fff;
−
-moz-box-shadow:0px 0px 2px #777 inset;
+
  -moz-box-shadow:0px 0px 2px #777 inset;
−
-webkit-box-shadow:0px 0px 2px #777 inset;
+
  -webkit-box-shadow:0px 0px 2px #777 inset;
−
-box-shadow:0px 0px 2px #777 inset;
+
  -box-shadow:0px 0px 2px #777 inset;
 
}
 
}
  
 
ul.ldd_menu ul li a{
 
ul.ldd_menu ul li a{
−
font-family: Arial, serif;
+
  font-family: Arial, serif;
−
font-size:12px;
+
  font-size:12px;
−
line-height:20px;
+
  line-height:20px;
−
color:#000;
+
  color:#000;
−
padding:1px 3px;
+
  padding:1px 3px;
 
}
 
}
 
ul.ldd_menu ul li a:hover{
 
ul.ldd_menu ul li a:hover{
−
background:#FF3300;
+
  background:#FF3300;
 
}
 
}
  
Line 137: Line 137:
 
   color:white !important;
 
   color:white !important;
 
   margin-bottom:5px;
 
   margin-bottom:5px;
−
font-size: 13px;
+
  font-size: 13px;
−
font-style: italic;
+
  font-style: italic;
−
color:#FF3300;
+
  color:#FF3300;
−
text-shadow:0px 0px 1px #B03E23;
+
  text-shadow:0px 0px 1px #B03E23;
−
padding:5px 0px 5px 0px;
+
  padding:5px 0px 5px 0px;
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 182: Line 193:
 
   padding:0;
 
   padding:0;
 
   background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg");
 
   background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg");
−
   background-size:60px 80px;
+
   background-size:100% 100%;
−
   background-repeat:no-repeat;
+
    
 
}
 
}
  
Line 198: Line 209:
 
}
 
}
  
−
#tour{
 
−
  margin-top:40%;
 
−
  z-index:5;
 
−
  margin-left:31.5%;
 
−
}
 
  
 +
</style> <!-- End of CSS -->
 +
<body>
 +
  <div id="homeWrapper">
 +
    <div id="homeContent">
  
  
  
  
−
ul.ldd_menu{
 
−
margin-top:-10px;
 
−
        margin-left:15px;
 
−
padding:0;
 
−
        position:absolute;
 
−
height:70px;
 
−
        width:190px;
 
−
list-style:none;
 
−
font-family:Verdana, Geneva, sans-serif;
 
−
        font-size:100%;
 
−
text-align: center;
 
−
}
 
  
−
#spanimg{
 
−
  position:absolute;
 
−
  margin-top:0%;
 
−
  margin-left:87%;
 
−
  height:15%;
 
−
  width:13%;
 
−
  z-index:999;
 
−
}
 
−
ul.ldd_menu a{
 
−
text-decoration:none;
 
−
}
 
−
ul.ldd_menu > li{
 
−
float:left;
 
−
position:fixed;
 
−
width: 100%;
 
−
z-index: 9999;
 
−
}
 
−
ul.ldd_menu > li > span{
 
−
  float:right;
 
−
  z-index:-1000;
 
−
  position:absolute;
 
−
  margin-left:550px;
 
−
  width:190px;
 
−
  font-size:1px;
 
−
  color:green;
 
−
  opacity:0;
 
−
background-color:white;
 
−
height:190px;
 
−
       
 
−
line-height:50px;
 
−
cursor:default;
 
−
padding:0px 20px;
 
−
  border-radius:0 0 0 190px;
 
−
text-shadow:0px 0px 1px #CCC;
 
−
}
 
  
  
Line 261: Line 224:
  
  
 +
<!--------------------------------code for site map-------------------------------->
 +
<!---------------TOUR CANCELLED------------------------->
  
 +
<div id="tour">
 +
    <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a>
 +
  </div>
  
 +
<!---------------TOUR CANCELLED------------------------->
 +
<!-------------Span sitemap image--------->
 +
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/1/1a/IITDsitemapfinal.png">           
 +
<!------------Span sitemap image---------->
 +
  <div class="box">
 +
    <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 +
      <li>
 +
        <span>SiteMap</span>
 +
        <!---
 +
        <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">         
 +
          -->
 +
          <div class="ldd_submenu">
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/abstract">ABSTRACT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#ourproject">OUR PROJECT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#categories">CATEGORIES</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#sponsors">SPONSORS</a></li>
 +
              <li><a href="#"></a></li>
 +
              <li><a href="#"></a></li>
 +
          </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/project_background">PROJECT</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#research">BACKGROUND</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">SOLUTION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">RESEARCH</a></li>
 +
            </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/notebook_summary">NOTEBOOK</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#summary/">SUMMARY</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#timeline">TIMELINE</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#album">ALBUM</a></li>
 +
              <li><a href=""></a></li>
 +
              <li><a href=""></a></li>
 +
            </ul>
 +
            <ul>
 +
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/results_parts">RESULTS</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/result#parts">PARTS SUBMITTED</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/result#judging">JUDGING CRITERION</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/result#attributions">ATTRIBUTIONS</a></li>
 +
                <li><a href="#"></a></li>
 +
                <li><a href="#"></a></li>
 +
    </ul>
 +
    <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/modelling_introduction">MODELLING</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#introduction">INTRODUCTION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#mathematical">MATHEMATICAL MODEL</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#simulation">SIMULATION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#interpretation">INTERPRETATION</a></li>
 +
              <li><a href="#"></a></li>
 +
    </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/team_ourstory">TEAM<a/></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#ourstory">OUR STORY</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#mentors">MENTORS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#members">MEMBERS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li>
 +
    </ul>
 +
            <ul>
 +
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/collaboration_iiser">COLLABORATION</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_iiser">IISER</a></li>
 +
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_enactus">ENACTUS</a></li>
 +
              <li><a href="https://2015.igem.org/Team:IIT_Delhi/collaboration_outreach">OUTREACH</a></li>
 +
              <li><a href="#"></a></li>
 +
              <li><a href="#"></a></li>
 +
    </ul>
 +
            <ul>
 +
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation">ETHICS</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethic_orientation">ORIENATION</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_openhouse">OPEN HOUSE</a></li>
 +
                <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_tryst">TRYST</a></li>
 +
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_surveys">SURVEYS</a></li>
 +
                <li><a href="#"></a></li>
 +
    </ul>
 +
<a class="ldd_subfoot" href="">Click here for Site-Map image</a>
 +
    </div>
 +
  </li>
 +
</ul>
 +
      </div>
  
  
Line 271: Line 317:
  
  
−
</style> <!-- End of CSS -->
 
−
<body>
 
  
  
Line 295: Line 339:
  
  
−
   <img style="position:absolute;width:100%;height:100%;z-index:-5;" src="https://static.igem.org/mediawiki/2015/6/68/IITDwikihome_background1.jpg">
+
   <img style="position:absolute;width:100%;z-index:-5;" src="https://static.igem.org/mediawiki/2015/6/68/IITDwikihome_background1.jpg">
 
   <nav style="border:solid 1px black;">
 
   <nav style="border:solid 1px black;">
  
Line 314: Line 358:
 
     <a href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation"><img class="iconshome" id="icon8" style="margin-top:36%; margin-left:82%;" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
 
     <a href="https://2015.igem.org/Team:IIT_Delhi/ethics_orientation"><img class="iconshome" id="icon8" style="margin-top:36%; margin-left:82%;" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a>
 
   </nav>
 
   </nav>
−
           
+
    </div>
 +
</div>
 +
     
 
   <script>
 
   <script>
 
     $(document).ready(function(){   
 
     $(document).ready(function(){   
Line 419: Line 465:
 
     });
 
     });
 
   </script>           
 
   </script>           
−
<script>
+
     
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
 
console.log("hi2");
 
console.log("hi2");
Line 458: Line 514:
 
}
 
}
 
</script>
 
</script>
−
   
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 00:31, 17 September 2015