|
|
(6 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 405: |
Line 219: |
| <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 559: |
Line 372: |
| <div class="6u"> | | <div class="6u"> |
| <section> | | <section> |
- | <h3 class="icon fa-language">SynBio in 3 languages</h3> | + | <h3 class="icon fa-language">SynBio in 3 Languages</h3> |
| <p><br>All of our Policy & Practices activities are related to our main concept of SynBio in 3 languages. Each activity was designed to include all members of Israeli society.</p> | | <p><br>All of our Policy & Practices activities are related to our main concept of SynBio in 3 languages. Each activity was designed to include all members of Israeli society.</p> |
| <ul class="actions actions-centered"> | | <ul class="actions actions-centered"> |
Line 568: |
Line 381: |
| <div class="6u"> | | <div class="6u"> |
| <section> | | <section> |
- | <h3 class="icon fa-graduation-cap">iGEM high-schools</h3> | + | <h3 class="icon fa-graduation-cap">iGEM High Schools</h3> |
| <p>We have launched the first iGEM High School team in Israel! We designed detaild lesson plans and found facilities for the project. The first group will start working for the 2015 competition.<br></p> | | <p>We have launched the first iGEM High School team in Israel! We designed detaild lesson plans and found facilities for the project. The first group will start working for the 2015 competition.<br></p> |
| <ul class="actions actions-centered"> | | <ul class="actions actions-centered"> |
Line 731: |
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#results"><span>Results</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#criteria"><span>Judging Criteria</span></a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
| | | |
| </body> | | </body> |