|
|
(4 intermediate revisions not shown) |
Line 17: |
Line 17: |
| <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> | | <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> |
| <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> | | <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> |
- | <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
| |
| | | |
| <style> | | <style> |
Line 130: |
Line 129: |
| | | |
| | | |
- | #cssmenu {
| + | </style> |
- | position: fixed;
| + | |
- | top: 10px;
| + | |
- | left: 10px;
| + | |
- | margin: 0;
| + | |
- | font-family: 'Source Sans Pro';
| + | |
- | line-height: 1;
| + | |
- | width: 180px;
| + | |
- | display: none;
| + | |
- | }
| + | |
- | .align-right {
| + | |
- | float: right;
| + | |
- | }
| + | |
- | #cssmenu ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | display: block;
| + | |
- | }
| + | |
- | #cssmenu ul li {
| + | |
- | position: relative;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | #cssmenu ul li a {
| + | |
- | text-decoration: none;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | #cssmenu > ul > li > a {
| + | |
- | color: #dddddd; /*color of text when closed*/
| + | |
- | text-transform: uppercase;
| + | |
- | display: block;
| + | |
- | padding: 20px;
| + | |
- | border-top: 1px solid #878787;
| + | |
- | border-left: 1px solid #878787;
| + | |
- | border-right: 1px solid #878787;
| + | |
- | background: #878787; /*color of backgroung when closed*/
| + | |
- | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
| + | |
- | letter-spacing: 1px;
| + | |
- | font-size: 16px;
| + | |
- | font-weight: 300;
| + | |
- | -webkit-transition: all 0.25s ease-in;
| + | |
- | -moz-transition: all 0.25s ease-in;
| + | |
- | -ms-transition: all 0.25s ease-in;
| + | |
- | -o-transition: all 0.25s ease-in;
| + | |
- | transition: all 0.25s ease-in;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | #cssmenu > ul > li:first-child > a {
| + | |
- | border-top-left-radius: 3px;
| + | |
- | border-top-right-radius: 3px;
| + | |
- | }
| + | |
- | #cssmenu > ul > li:last-child > a {
| + | |
- | border-bottom-left-radius: 3px;
| + | |
- | border-bottom-right-radius: 3px;
| + | |
- | border-bottom: 1px solid #878787;
| + | |
- | }
| + | |
- | #cssmenu > ul > li:hover > a,
| + | |
- | #cssmenu > ul > li.open > a,
| + | |
- | #cssmenu > ul > li.active > a {
| + | |
- | background-color: rgba(135, 135, 135, 0.70);
| + | |
- | color: #ffffff; /*color of text when main is closed*/
| + | |
- | }
| + | |
- | #cssmenu ul > li.has-sub > a::after {
| + | |
- | content: "";
| + | |
- | position: absolute;
| + | |
- | display: block;
| + | |
- | width: 0;
| + | |
- | height: 0;
| + | |
- | border-top: 12px solid #000000;
| + | |
- | border-botom: 12px solid transparent;
| + | |
- | border-left: 90px solid transparent;
| + | |
- | border-right: 90px solid transparent;
| + | |
- | left: 0;
| + | |
- | bottom: -13px;
| + | |
- | bottom: 0px;
| + | |
- | z-index: 1000001;
| + | |
- | opacity: 0;
| + | |
- | -webkit-transition: all .2s ease;
| + | |
- | -moz-transition: all .2s ease;
| + | |
- | -ms-transition: all .2s ease;
| + | |
- | -o-transition: all .2s ease;
| + | |
- | transition: all .2s ease;
| + | |
- | }
| + | |
- | #cssmenu ul > li.has-sub > a::before {
| + | |
- | content: "";
| + | |
- | position: absolute;
| + | |
- | display: block;
| + | |
- | width: 0;
| + | |
- | height: 0;
| + | |
- | border-top: 12px solid #151515;
| + | |
- | border-botom: 12px solid transparent;
| + | |
- | border-left: 90px solid transparent;
| + | |
- | border-right: 90px solid transparent;
| + | |
- | left: 0;
| + | |
- | bottom: -12px;
| + | |
- | bottom: -1px;
| + | |
- | z-index: 1000003;
| + | |
- | opacity: 0;
| + | |
- | -webkit-transition: all .2s ease;
| + | |
- | -moz-transition: all .2s ease;
| + | |
- | -ms-transition: all .2s ease;
| + | |
- | -o-transition: all .2s ease;
| + | |
- | transition: all .2s ease;
| + | |
- | }
| + | |
- | #cssmenu ul > li.has-sub::after {
| + | |
- | content: "";
| + | |
- | display: block;
| + | |
- | position: absolute;
| + | |
- | width: 0;
| + | |
- | height: 0;
| + | |
- | border: 7px solid transparent;
| + | |
- | border-top-color: #dddddd;
| + | |
- | z-index: 1000002;
| + | |
- | right: 20px;
| + | |
- | top: 24.5px;
| + | |
- | pointer-events: none;
| + | |
- | }
| + | |
- | #cssmenu ul > li:hover::after,
| + | |
- | #cssmenu ul > li.active::after,
| + | |
- | #cssmenu ul > li.open::after {
| + | |
- | border-top-color: #ffffff;
| + | |
- | }
| + | |
- | #cssmenu ul > li.has-sub.open > a::after {
| + | |
- | opacity: 1;
| + | |
- | bottom: -13px;
| + | |
- | }
| + | |
- | #cssmenu ul > li.has-sub.open > a::before {
| + | |
- | opacity: 1;
| + | |
- | bottom: -12px;
| + | |
- | }
| + | |
- | #cssmenu ul ul {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #cssmenu ul ul li {
| + | |
- | border-left: 1px solid #ccc;
| + | |
- | border-right: 1px solid #ccc;
| + | |
- | }
| + | |
- | #cssmenu ul ul li a {
| + | |
- | background: #f1f1f1; /*color of whole menu*/
| + | |
- | display: block;
| + | |
- | position: relative;
| + | |
- | font-size: 15px;
| + | |
- | padding: 8px 20px;
| + | |
- | border-bottom: 1px solid #dddddd;
| + | |
- | color: #777777; /*color of text*/
| + | |
- | font-weight: 300;
| + | |
- | -webkit-transition: all 0.25s ease-in;
| + | |
- | -moz-transition: all 0.25s ease-in;
| + | |
- | -ms-transition: all 0.25s ease-in;
| + | |
- | -o-transition: all 0.25s ease-in;
| + | |
- | transition: all 0.25s ease-in;
| + | |
- | }
| + | |
- | #cssmenu ul ul li:first-child > a {
| + | |
- | padding-top: 18px;
| + | |
- | }
| + | |
- | #cssmenu ul ul ul li {
| + | |
- | border: 0;
| + | |
- | }
| + | |
- | #cssmenu ul ul li:hover > a,
| + | |
- | #cssmenu ul ul li.open > a,
| + | |
- | #cssmenu ul ul li.active > a {
| + | |
- | background: #e4e4e4; /*color when hover*/
| + | |
- | color: #666666;
| + | |
- | }
| + | |
- | #cssmenu ul ul > li.has-sub > a::after {
| + | |
- | border-top: 13px solid #dddddd;
| + | |
- | }
| + | |
- | #cssmenu ul ul > li.has-sub > a::before {
| + | |
- | border-top: 13px solid #e4e4e4;
| + | |
- | }
| + | |
- | #cssmenu ul ul ul li a {
| + | |
- | padding-left: 30px;
| + | |
- | }
| + | |
- | #cssmenu ul ul > li.has-sub::after {
| + | |
- | top: 18.5px;
| + | |
- | border-width: 6px;
| + | |
- | border-top-color: #777777;
| + | |
- | }
| + | |
- | #cssmenu ul ul > li:hover::after,
| + | |
- | #cssmenu ul ul > li.active::after,
| + | |
- | #cssmenu ul ul > li.open::after {
| + | |
- | border-top-color: #666666;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
| <!--/Back to top code bit #1--> | | <!--/Back to top code bit #1--> |
| | | |
Line 730: |
Line 544: |
| </ul> | | </ul> |
| </div> | | </div> |
- |
| |
- | <script>
| |
- | jQuery(document).ready(function() {
| |
- | var offset = 615;
| |
- | var duration = 400;
| |
- | jQuery(window).scroll(function() {
| |
- | if (jQuery(this).scrollTop() > offset) {
| |
- | jQuery('#cssmenu').fadeIn(duration);
| |
- | } else {
| |
- | jQuery('#cssmenu').fadeOut(duration);
| |
- | }
| |
- | });
| |
- |
| |
- | });
| |
- | </script>
| |
- |
| |
- | <script>
| |
- | ( function( $ ) {
| |
- | $( document ).ready(function() {
| |
- | $('#cssmenu li.has-sub>a').on('click', function(){
| |
- | $(this).removeAttr('href');
| |
- | var element = $(this).parent('li');
| |
- | if (element.hasClass('open')) {
| |
- | element.removeClass('open');
| |
- | element.find('li').removeClass('open');
| |
- | element.find('ul').slideUp();
| |
- | }
| |
- | else {
| |
- | element.addClass('open');
| |
- | element.children('ul').slideDown();
| |
- | element.siblings('li').children('ul').slideUp();
| |
- | element.siblings('li').removeClass('open');
| |
- | element.siblings('li').find('li').removeClass('open');
| |
- | element.siblings('li').find('ul').slideUp();
| |
- | }
| |
- | });
| |
- | });
| |
- | } )( jQuery );
| |
- | </script>
| |
- |
| |
- | <div id='cssmenu'>
| |
- | <ul>
| |
- | <li class='active has-sub'><a><span>Main Menu</span></a>
| |
- | <ul>
| |
- | <li class='no-sub'><a href="https://2014.igem.org/Team:Technion-Israel"><span>Home</span></a></li>
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Project"><span>Project</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#idea"><span>The Idea</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#howitworks"><span>How It Works</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#alpha"><span>Alpha System</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#beta"><span>Beta System</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#rna"><span>RNA splint</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#azo"><span>Azobenzene</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#hk"><span>Histidine Kinase</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#newmethod"><span>New Standard</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#protocol"><span>Protocols</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#notebook"><span>Notebook</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Project#safety"><span>Safety</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Modeling"><span>Modeling</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyworks"><span>Why it Should Work</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyfail"><span>Why it Should Fail</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#splint"><span>RNA Splint</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#biofilm"><span>Synthetic Biofilm<br>Formation</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Experiments"><span>Experiments</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#gate1"><span>Gate 1</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#gate2"><span>Gate 2</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#rna"><span>RNA splint</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#pompc"><span>PompC-RFP</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#mcherry"><span>Plux-mcherry-LuxI</span></a>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#amilcp"><span>Plux-amilcp</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Experiments#azo"><span>Azobenzene</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/HP"><span>Policy & Practices</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#3lang"><span>SynBio in 3 Languages</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#highschool"><span>iGEM High-Schools</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#lectures"><span>SynBio Lectures</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#collab"><span>Collaborations</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/HP#art"><span>Art</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Team"><span>The Team</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Team#members"><span>Members</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Team#mentors"><span>Mentors</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Team#gallery"><span>Gallery</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Support"><span>Special Thanks</span></a>
| |
- | <ul>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Support#headstart"><span>Headstart Supporters</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Support#attributions"><span>Attributions</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Support#sponsors"><span>Sponsors</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Judging"><span>Judging</span></a>
| |
- | <ul>
| |
- | <li><a href="https://igem.org/2014_Judging_Form?id=1343" target="_blank"><span>Judging Form</span></a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Technion-Israel/Judging#biobrick"><span>Biobricks</span></a></li>
| |
- | <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Judging#results"><span>Results</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
| | | |
| </body> | | </body> |