(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | < | + | <head> |
+ | <title>HebrewU HujiGEM 2018</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <script> | ||
+ | var timeout = 500; | ||
+ | var closetimer = 0; | ||
+ | var ddmenuitem = 0; | ||
+ | |||
+ | function ddmenu_open(){ | ||
+ | ddmenu_canceltimer(); | ||
+ | ddmenu_close(); | ||
+ | ddmenuitem = $(this).find('ul').css('visibility', 'visible'); | ||
+ | } | ||
+ | |||
+ | function ddmenu_close(){ | ||
+ | if(ddmenuitem) ddmenuitem.css('visibility', 'hidden'); | ||
+ | } | ||
+ | |||
+ | function ddmenu_timer(){ | ||
+ | closetimer = window.setTimeout(ddmenu_close, timeout); | ||
+ | } | ||
+ | |||
+ | function ddmenu_canceltimer(){ | ||
+ | if(closetimer){ | ||
+ | window.clearTimeout(closetimer); | ||
+ | closetimer = null; | ||
+ | }} | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $('#ddmenu_hebrewu > li').bind('mouseover', ddmenu_open) | ||
+ | $('#ddmenu_hebrewu > li').bind('mouseout', ddmenu_timer) | ||
+ | }); | ||
+ | |||
+ | document.onclick = ddmenu_close; | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <style> | ||
− | + | #sideMenu, #top_title {display:none;} | |
+ | #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;} | ||
+ | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | #ddmenu_hebrewu { | ||
+ | background:#262d2e; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height:35px; | ||
+ | font: 15px Calibri, Calibri;} | ||
+ | |||
+ | #ddmenu_hebrewu li { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | font: 20px Calibri, Calibri;} | ||
+ | |||
+ | #ddmenu_hebrewu li a { | ||
+ | background:#262d2e; | ||
+ | display: block; | ||
+ | padding: 5px 20px; | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
− | + | ||
− | + | #ddmenu_hebrewu li a:hover { | |
− | + | background: #2c3635; | |
− | + | } | |
− | + | ||
− | + | #ddmenu_hebrewu li ul { | |
+ | margin: 3px 0 0 10px; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | #ddmenu_hebrewu li ul li { | ||
+ | display:inline; | ||
+ | } | ||
+ | |||
+ | #ddmenu_hebrewu li ul li a { | ||
+ | width: auto; | ||
+ | background: none; | ||
+ | display: inline; | ||
+ | color: black; | ||
+ | font: 20px Calibri, Calibri; | ||
+ | padding: 2px 10px; | ||
+ | } | ||
+ | |||
+ | #ddmenu_hebrewu li ul li a:hover { | ||
+ | background: none; | ||
+ | color: #106375; | ||
+ | padding: 2px 10px; | ||
+ | } | ||
− | + | /* Homebutton 10% space */ | |
− | + | .huji_homebutton { | |
+ | float: left; | ||
+ | width: 13%; | ||
+ | } | ||
+ | /* Create three unequal columns that floats next to each other */ | ||
+ | .columnhuji { | ||
+ | float: left; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | /* Left and right column */ | ||
+ | .columnhuji.side { | ||
+ | width: 12%; | ||
+ | } | ||
+ | |||
+ | /* Middle column */ | ||
+ | .columnhuji.middle { | ||
+ | width: 70%; | ||
+ | background-color:#edeadc; | ||
+ | padding: 10px; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /* Clear floats after the columns */ | ||
+ | .rowhuji:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ | ||
+ | @media screen and (max-width: 600px) { | ||
+ | .columnhuji.side, .columnhuji.middle { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | h2.ahuji { | ||
+ | font: 30px Calibri, Calibri; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | h2.chuji { | ||
+ | font: 20px Calibri, Calibri; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | p.ahuji { | ||
+ | font: 18px Calibri, Calibri; | ||
+ | margin-left:5%; | ||
+ | margin-right:5%; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | p.bhuji { | ||
+ | font: 18px Calibri, Calibri; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .buttonhuji { | ||
+ | font: 18px Calibri, Calibri; | ||
+ | border: none; | ||
+ | color: white; | ||
+ | padding: 10px 32px; | ||
+ | text-align: center; | ||
+ | display: inline-block; | ||
+ | font-size: 15px; | ||
+ | margin: 2px 2px; | ||
+ | -webkit-transition-duration: 0.4s; /* Safari */ | ||
+ | transition-duration: 0.4s; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .buttonhuji1 { | ||
+ | background-color: #fdfaf2; | ||
+ | color: black; | ||
+ | border: 2px solid #829c8c; | ||
+ | } | ||
+ | |||
+ | .buttonhuji1:hover { | ||
+ | background-color: #829c8c; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .centerhujiimg { | ||
+ | margin: auto; | ||
+ | width: 60%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <body> | ||
+ | |||
+ | <ul id="ddmenu_hebrewu"> | ||
+ | |||
+ | <div class="huji_homebutton" > | ||
+ | <li><a href="#">HebrewU</a></li> | ||
+ | </div> | ||
+ | |||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Motivation</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:HebrewU/description">Description</a></li> | ||
+ | <li><a href="#">Results</a></li> | ||
+ | <li><a href="#">BioBricks</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li> | ||
+ | <li><a href="#">Attribiutions</a></li> | ||
+ | <li><a href="#">Sponsors</a></li> | ||
+ | <li><a href="#">Photo Gallery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Citizen Survey</a></li> | ||
+ | <li><a href="#">Expert Interviews</a></li> | ||
+ | <li><a href="#">Community</a></li> | ||
+ | <li><a href="#">Industry</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Our Lab</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="#">Notebooks</a></li> | ||
+ | <li><a href="#">Inter-lab</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Media Criteria</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | <div><br><br><div> | ||
+ | |||
+ | |||
+ | <div class="rowhuji"> | ||
+ | |||
+ | <div class="columnhuji side"> | ||
+ | </div> | ||
+ | |||
+ | <div class="columnhuji middle"> | ||
+ | <div class="grid-container"> | ||
+ | <h2 class="ahuji">InterLab</h2> | ||
+ | <p class="ahuji"> | ||
+ | <br> | ||
+ | <div align="center"> | ||
+ | |||
+ | Text Here. | ||
+ | <br><br> | ||
+ | |||
+ | Text Here. | ||
+ | |||
+ | <br><br> | ||
+ | <b> We hope this research will help detoxify our planet, creating a safer and cleaner environment for everyone. <b> | ||
+ | <br><br><br> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 09:28, 22 August 2018
InterLab
Text Here.
Text Here.
We hope this research will help detoxify our planet, creating a safer and cleaner environment for everyone.
Text Here.
We hope this research will help detoxify our planet, creating a safer and cleaner environment for everyone.