Difference between revisions of "Team:IIT Delhi/try"
(41 intermediate revisions by the same user not shown) | |||
Line 29: | Line 29: | ||
margin-top:1.5%; | margin-top:1.5%; | ||
width:7%; | width:7%; | ||
+ | border-radius:3.5% 3.5% 0 0; | ||
padding-left:35px; | padding-left:35px; | ||
-webkit-transition: all 1s ease; | -webkit-transition: all 1s ease; | ||
Line 50: | Line 51: | ||
position:absolute; | position:absolute; | ||
margin-top:1%; | margin-top:1%; | ||
− | margin-left: | + | margin-left:10%; |
width:14%; | width:14%; | ||
} | } | ||
Line 226: | Line 227: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#spanimg{ | #spanimg{ | ||
position:fixed; | position:fixed; | ||
margin-top:0%; | margin-top:0%; | ||
− | margin-left: | + | margin-left:-1%; |
− | height: | + | height:150px; |
− | width: | + | width:150px; |
+ | opacity:1; | ||
z-index:999; | z-index:999; | ||
} | } | ||
ul.ldd_menu a{ | ul.ldd_menu a{ | ||
− | + | text-decoration:none; | |
} | } | ||
ul.ldd_menu > li{ | ul.ldd_menu > li{ | ||
− | + | ||
− | + | position:fixed; | |
− | + | margin-left:-2%; | |
− | + | width:150px; | |
+ | 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 260: | Line 268: | ||
z-index:-1000; | z-index:-1000; | ||
position:absolute; | position:absolute; | ||
− | margin-left: | + | margin-left:0%; |
− | width: | + | width:0%; |
− | font-size: | + | height:100%; |
+ | font-size:100%; | ||
color:green; | color:green; | ||
− | opacity:0 | + | opacity:0; |
− | + | background-color:white; | |
− | + | height:100%; | |
− | + | line-height:100%; | |
− | + | cursor:default; | |
− | + | padding:0px 20px; | |
− | + | border-radius:0 0 190px 0; | |
− | border-radius: | + | text-shadow:0px 0px 1px #CCC; |
− | + | ||
− | + | } | |
Line 286: | Line 295: | ||
display: inline-block; | display: inline-block; | ||
border-left:1px dotted #FFF; | border-left:1px dotted #FFF; | ||
− | |||
− | |||
− | |||
− | |||
padding-top: 10px; | padding-top: 10px; | ||
padding-right: 5px; | padding-right: 5px; | ||
Line 346: | Line 351: | ||
padding:5px 0px 5px 0px; | padding:5px 0px 5px 0px; | ||
} | } | ||
+ | |||
.left_message{ | .left_message{ | ||
Line 542: | Line 548: | ||
</div> | </div> | ||
− | <a href="http://www.igem.org/Main_Page"><img id="igemlogo" style="width: | + | <a href="http://www.igem.org/Main_Page"><img id="igemlogo" style="width:10%;margin-left:84%;position:absolute;margin-top:3%;" src="https://static.igem.org/mediawiki/2015/1/19/Toronto_2015_images_igem.png" /></a> |
</nav> | </nav> | ||
Line 556: | Line 562: | ||
<!---------------TOUR CANCELLED-------------------------> | <!---------------TOUR CANCELLED-------------------------> | ||
− | <!-------------Span sitemap image--------- | + | <!-------------Span sitemap image---------> |
− | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/ | + | <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"> | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png"> | ||
Line 616: | Line 622: | ||
</ul> | </ul> | ||
<ul> | <ul> | ||
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices"> | + | <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 625: | Line 631: | ||
</ul> | </ul> | ||
<ul> | <ul> | ||
− | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics"> | + | <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/ethics#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> | ||
Line 642: | Line 648: | ||
<div id="leftNav"> | <div id="leftNav"> | ||
− | <h1 style="color:white;font-family:Verdana, Geneva, sans-serif;font-size: | + | <h1 style="color:white;font-family:Verdana, Geneva, sans-serif;font-size:170%;text-align:center;">RESULTS</h1> |
<nav class="snav"> | <nav class="snav"> | ||
<ul class="mnmenu"> | <ul class="mnmenu"> | ||
Line 802: | Line 808: | ||
$menu.children('li').each(function(){ | $menu.children('li').each(function(){ | ||
var $this = $(this); | var $this = $(this); | ||
− | + | var $span = $this.children('span'); | |
$span.data('width',$span.width()); | $span.data('width',$span.width()); | ||
+ | |||
$this.bind('mouseenter',function(){ | $this.bind('mouseenter',function(){ | ||
− | + | $menu.find('.ldd_submenu').stop(true,true).hide(); | |
− | $span.stop().animate({ | + | $span.stop().animate({},200,function(){ |
$this.find('.ldd_submenu').slideDown(400); | $this.find('.ldd_submenu').slideDown(400); | ||
}); | }); | ||
}).bind('mouseleave',function(){ | }).bind('mouseleave',function(){ | ||
− | + | ||
− | $span.stop().animate({ | + | /**$this.find('.ldd_submenu').stop(true,true).hide(); */ |
+ | $span.stop().animate({},300); | ||
$this.find('.ldd_submenu').slideUp(400); | $this.find('.ldd_submenu').slideUp(400); | ||
}); | }); |
Latest revision as of 20:58, 18 September 2015
Parts Submitted |
Criteria Fulfilled
|
Acknowledgement
A few months back, it was a dream. Today, it’s a reality. The transition didn't come by our efforts alone. There are people who didn’t hesitate to spend their valuable time on us. And we certainly do owe a lot to them.
|