Difference between revisions of "Team:IIT Delhi"

 
(2 intermediate revisions by the same user not shown)
Line 21: Line 21:
 
   position:absolute;
 
   position:absolute;
 
   z-index:9999;
 
   z-index:9999;
−
}
 
−
 
−
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{
 
#spanimg{
−
   position:absolute;
+
   position:fixed;
 
   margin-top:0%;
 
   margin-top:0%;
−
   margin-left:88%;
+
   margin-left:-1%;
−
   width:12%;
+
  height:150px;
−
   z-index:99;
+
   width:150px;
 +
  opacity:1;
 +
   z-index:999;
 
}
 
}
 
ul.ldd_menu a{
 
ul.ldd_menu a{
Line 47: Line 36:
 
}
 
}
 
ul.ldd_menu > li{
 
ul.ldd_menu > li{
−
  float:left;
+
 
   position:fixed;
 
   position:fixed;
−
   width: 100%;
+
   margin-left:-2%;
 +
  width:150px;
 
   z-index: 9999;
 
   z-index: 9999;
 +
  height:150px;
 +
  border-radius:0 0 190px 0;
 +
  transition-delay: 300ms;
 +
 +
}
 +
 +
ul.ldd_menu > li:hover{
 +
  width:100%;
 +
    transition-delay: 0ms;
 +
 +
}
 +
.ldd_submenu ul{
 +
  margin-left:4%;
 +
}
 +
.ldd_submenu ul li{
 +
  padding-bottom:3%;
 
}
 
}
 
ul.ldd_menu > li > span{
 
ul.ldd_menu > li > span{
Line 56: Line 62:
 
   z-index:-1000;
 
   z-index:-1000;
 
   position:absolute;
 
   position:absolute;
−
   margin-left:550px;
+
   margin-left:0%;
−
   width:190px;
+
   width:0%;
−
   font-size:50px;
+
  height:100%;
 +
   font-size:100%;
 
   color:green;
 
   color:green;
 
   opacity:0;
 
   opacity:0;
 
   background-color:white;
 
   background-color:white;
−
   height:190px;
+
   height:100%;    
−
       
+
   line-height:100%;
−
   line-height:50px;
+
 
   cursor:default;
 
   cursor:default;
 
   padding:0px 20px;
 
   padding:0px 20px;
−
   border-radius:0 0 0 190px;
+
   border-radius:0 0 190px 0;
 
   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;
+
padding-top: 10px;
−
  margin-right: 0px;
+
padding-right: 5px;
−
  margin-bottom: 10px;
+
padding-bottom: 10px;
−
  margin-left: 20px;
+
padding-left: 10px;
−
  padding-top: 10px;
+
−
  padding-right: 5px;
+
−
  padding-bottom: 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 136: Line 139:
 
   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 224: Line 224:
  
 
<!--------------------------------code for site map-------------------------------->
 
<!--------------------------------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------------------------->
 
<!---------------TOUR CANCELLED------------------------->
  
Line 232: Line 239:
 
<!---------------TOUR CANCELLED------------------------->
 
<!---------------TOUR CANCELLED------------------------->
 
<!-------------Span sitemap image--------->
 
<!-------------Span sitemap image--------->
−
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/1/1a/IITDsitemapfinal.png">             
+
<img id="spanimg" src="https://static.igem.org/mediawiki/2015/d/de/IITDSitemap1.png">             
 
<!------------Span sitemap image---------->
 
<!------------Span sitemap image---------->
 
   <div class="box">
 
   <div class="box">
 
     <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 
     <ul id="ldd_menu" class="ldd_menu" style="position:absolute;">
 
       <li>
 
       <li>
−
         <span>SiteMap</span>
+
         <span id="site">SiteMap</span>
 +
        <!---
 +
        <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png">         
 +
          -->
 
           <div class="ldd_submenu">
 
           <div class="ldd_submenu">
 
             <ul>
 
             <ul>
Line 252: Line 262:
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">PROTOTYPE</a></li>
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">PROTOTYPE</a></li>
 
               <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">CONCLUSION</a></li>
 
               <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">CONCLUSION</a></li>
−
<li><a href="#"></a></li>
+
            <li><a href="#"></a></li>
−
<li><a href="#"></a></li>
+
                <li><a href="#"></a></li>
 
             </ul>
 
             </ul>
 
             <ul>
 
             <ul>
Line 285: Line 295:
 
               <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#members">MEMBERS</a></li>
 
               <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li>
 
               <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li>
−
<li><a href="#"></a></li>
+
            <li><a href="#"></a></li>
 
    </ul>
 
    </ul>
 
             <ul>
 
             <ul>
−
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">HUMAN PRACTICES</a></li>
+
      <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">ETHICS</a></li>
 
   
 
   
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
 
      <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li>
Line 297: Line 307:
 
    </ul>
 
    </ul>
 
             <ul>
 
             <ul>
−
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">ETHICS</a></li>
+
<li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">HUMAN PRACTICES</a></li>
−
                 <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethic_orientation">ORIENTATION</a></li>
+
                 <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENTATION</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#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#tryst">TRYST</a></li>
−
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics_surveys">SURVEYS</a></li>
+
<li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#surveys">SURVEYS</a></li>
 
                 <li><a href="#"></a></li>
 
                 <li><a href="#"></a></li>
 
    </ul>
 
    </ul>
−
<a class="ldd_subfoot" href="">Click here for Site-Map image</a>
 
 
    </div>
 
    </div>
 
  </li>
 
  </li>
 
  </ul>
 
  </ul>
 
       </div>
 
       </div>
−
 
+
  
  
Line 477: Line 486:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
console.log("hi2");
+
alert("Any page in one click:Use Sitemap");
 
/**
 
/**
 
* the menu
 
* the menu

Latest revision as of 23:27, 18 September 2015