|
|
| (4 intermediate revisions not shown) |
| Line 139: |
Line 139: |
| | | | |
| | | | |
| - | #cssmenu {
| |
| - | 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> | | </style> |
| | <!--/Back to top code bit #1--> | | <!--/Back to top code bit #1--> |
| Line 416: |
Line 232: |
| | <ul class="sub1"> | | <ul class="sub1"> |
| | <li id="child1"><a href="https://igem.org/2014_Judging_Form?id=1343" target="_blank">Judging Form</a></li> | | <li id="child1"><a href="https://igem.org/2014_Judging_Form?id=1343" target="_blank">Judging Form</a></li> |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#results">Results</a></li>
| |
| | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#biobrick">BioBricks</a></li> | | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#biobrick">BioBricks</a></li> |
| - | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#criteria">Judging Criteria</a></li> | + | <li id="child1"><a href="https://2014.igem.org/Team:Technion-Israel/Judging#results">Results</a></li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| Line 556: |
Line 371: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| - | <script>
| |
| - | jQuery(document).ready(function() {
| |
| - | var offset = 615;
| |
| - | var duration = 600;
| |
| - | 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> |
| | </html> | | </html> |
"
