Chris.isaac (Talk | contribs) |
Chris.isaac (Talk | contribs) |
||
(54 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <!-- HTML CONTENT BEGINS --> | |
− | <! | + | <!-- LETHBRIDGE IGEM 2016 --> |
<html> | <html> | ||
− | + | <head> | |
− | <!--Import Google Icon Font--> | + | <!-- Wiki Style Reset (From U of C)--> |
+ | <style type="text/css"> | ||
+ | /* Reset the wiki style by overriding with a reset stylesheet. | ||
+ | The relevant wiki css rules are reset by using rules with higher priority. | ||
+ | (Written by Florian Albrecht) | ||
+ | Shoutout to the 2016 U of C wiki */ | ||
+ | |||
+ | /* Start general reset ================================================== */ | ||
+ | html body {font-size: inherit;font-family: inherit;background-color: #b0bec5;color: inherit;padding: 0;} | ||
+ | div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;} | ||
+ | /* Start top-section reset ============================================== */ | ||
+ | div#top-section {border: 0;height: auto;margin: 0;position: static;width: auto;} | ||
+ | div#p-logo {height: auto;position: static;width: auto;z-index: auto;} | ||
+ | div#p-logo a, div#p-logo a:hover {text-decoration: none; font-family: 'Roboto', sans-serif;} | ||
+ | div#menubar {font-family: inherit;font-size: inherit;line-height: inherit;position: static;top: 0px;white-space: normal;width: auto;z-index: auto;} | ||
+ | div.left-menu, div.left-menu a {color: inherit;left: 0;text-align: left;text-transform: none;font-family: 'Roboto', sans-serif;} | ||
+ | div#menubar ul {color: inherit;list-style: disc outside none;margin: 0;padding: 0; font-family: 'Roboto', sans-serif;} | ||
+ | div#menubar li {cursor: auto;display: list-item;padding: 0;margin: 0;position: static; font-family: 'Roboto', sans-serif;} | ||
+ | div.left-menu li a {padding: 0; font-family: 'Roboto', sans-serif;} | ||
+ | div.left-menu:hover {color: inherit;background-color: transparent;} | ||
+ | div.left-menu:hover a {color: inherit;font-family: 'Roboto', sans-serif;} | ||
+ | div.right-menu, div.right-menu a {color: inherit;right: 0;text-align: left;font-family: 'Roboto', sans-serif;} | ||
+ | div.right-menu li a {background-color: transparent;color: inherit;padding: 0;font-family: 'Roboto', sans-serif;} | ||
+ | div.right-menu li a:hover {color: inherit;text-decoration: none;font-family: 'Roboto', sans-serif;} | ||
+ | div#search-controls {background-color: transparent;height: auto;position: static;right: 0;text-align: left;top: 0;width: auto;z-index: auto;} | ||
+ | /* Start content reset ================================================== */ | ||
+ | div#content {background: transparent;border: 0;color: inherit;line-height: inherit;margin: 0;padding: 0;position: static;width: auto;z-index: auto;} | ||
+ | a:link, a:hover, a:active, a:visited{color: white; text-decoration: none;font-family: 'Roboto', sans-serif;} | ||
+ | body li {margin: 0; font-family: 'Roboto', sans-serif;} | ||
+ | body h1, body h2, body h3, body h4, body h5, body h6 {background: transparent;border: 0;color: inherit;padding: 0; font-family: 'Roboto', sans-serif;} | ||
+ | body .firstHeading {margin: 0;} | ||
+ | div#contentSub {color: inherit;font-size: inherit;line-height: inherit;margin: 0;width: auto;} | ||
+ | div#catlinks {background-color: transparent;border: 0;clear: both;margin: 0;padding: 0;} | ||
+ | /* Start footer reset =================================================== */ | ||
+ | div#footer-box {background-color: transparent;border: 0;margin: 0;padding: 0;width: auto;} | ||
+ | div#footer {color: inherit;font-size: inherit;text-align: left;} | ||
+ | div#f-poweredbyico, div#f-copyrightico {float: none;} | ||
+ | div#footer li {margin: 0;display: list-item; font-family: 'Roboto', sans-serif;} | ||
+ | </style> | ||
+ | |||
+ | <!-- SideMenu for iGEM Stuff --> | ||
+ | <style type="text/css"> | ||
+ | #sideMenu{width: 200px;position: absolute;top: 20px;left: 1020px;z-index: 10;padding-top: 0px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;background-color: white;text-align: left;display: none;z-index: 9996;} | ||
+ | #content{width: 100%;padding: 0px;margin-left: 0px;} | ||
+ | #top_title{overflow: hidden;display: none;} | ||
+ | #top_menu_14{height: 20px;} | ||
+ | #top_menu_under{height: 0px;} | ||
+ | #globalWrapper{padding-bottom: 200px;} | ||
+ | </style> | ||
+ | |||
+ | <!-- Custom Styling --> | ||
+ | <style> | ||
+ | a {list-style-image: none;} | ||
+ | ul {list-style-image: none;} | ||
+ | ol {list-style-image: none;} | ||
+ | li {list-style-image: none;} | ||
+ | .waves-effect.waves-blue .waves-ripple { | ||
+ | background-color: rgba(51, 153, 255, 0.65); | ||
+ | } | ||
+ | html { | ||
+ | line-height: 1.5; | ||
+ | font-family: "Roboto" !important, sans-serif; | ||
+ | font-weight: normal; | ||
+ | color: rgba(0, 0, 0, 0.87); | ||
+ | } | ||
+ | #HQ_page h1 {font-family: "Roboto", sans-sefif;} | ||
+ | #HQ_page h2 {font-family: "Roboto", sans-sefif;} | ||
+ | #HQ_page h3 {font-family: "Roboto", sans-sefif;} | ||
+ | #HQ_page h4 {font-family: "Roboto", sans-sefif;} | ||
+ | #HQ_page h5 {font-family: "Roboto", sans-sefif;} | ||
+ | #HQ_page p {font-family: "Roboto", sans-sefif;} | ||
+ | </style> | ||
+ | |||
+ | <!--More Custom Style for Carousel--> | ||
+ | <style> /*All of the images linked out to are 400x1920*/ | ||
+ | div.CB1 { | ||
+ | background: url(http://bark-inn.com/wp-content/uploads/2015/11/WATERBALLS-001.jpg) no-repeat center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | div.CB2 { | ||
+ | background: url(https://cdna2.artstation.com/p/assets/images/images/003/290/554/large/adrian-dudak-ny-night.jpg?1472063960) no-repeat center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | div.CB3 { | ||
+ | background: url(http://www.uktoursandvacations.com/media/61605/london-eye-night.jpg?mode=crop&width=1920&height=400¢er=0,0&quality=70&bgcolor=fff) no-repeat center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | div.CB4 { | ||
+ | background: url(http://www.hatfieldswimmingclub.org/wp-content/uploads/2016/02/banner1.jpg) no-repeat center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!-- Import Google Icon Font --> | ||
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||
+ | <!-- Roboto Font --> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
<!--Import materialize.css--> | <!--Import materialize.css--> | ||
− | <link type="text/css" rel="stylesheet" href=" | + | <link type="text/css" rel="stylesheet" href="https://2016.igem.org/Template:Lethbridge/MaterializeCSS?action=raw&ctype=text/css" media="screen,projection"/> |
− | + | ||
<!--Let browser know website is optimized for mobile--> | <!--Let browser know website is optimized for mobile--> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> | <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | ||
− | + | <!-- Page Title --> | |
<title>Lethbridge iGEM 2016</title> | <title>Lethbridge iGEM 2016</title> | ||
− | |||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
+ | <body> | ||
− | + | <div id="content"> | |
− | <nav class=" | + | <nav class="blue-grey darken-4" role="navigation" style="margin-top: 15px;"> |
<div class="nav-wrapper"> | <div class="nav-wrapper"> | ||
− | <a href=" | + | <a href="https://2016.igem.org/Team:Lethbridge" class="brand-logo left" style="width:auto; left:40px;"> Lethbridge iGEM</a> |
− | <a href="#" data-activates=" | + | <ul class="right hide-on-med-and-down" style="list-style-image: none;"><!--For the top bar--> |
− | + | <li><a class="dropdown-button" href="#!" data-activates="dropdown1" style="display: block; padding-top: 19px; padding-bottom: 19px">Project</a></li> | |
− | <li><a href="#"> | + | <ul id='dropdown1' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;"> |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Description" style="color:#616161;">Description</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li> | |
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiments</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Safety" style="color:#616161;">Safety</a></li> | ||
+ | </ul> | ||
+ | <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li> | ||
+ | <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;"> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro" style="color:#616161;">Intro</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF--> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF--> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong" style="color:#616161;">Ridealongs</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol" style="color:#616161;">Protocol</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling" style="color:#616161;">Sampling</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li> | ||
+ | </ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="display: block; padding-top: 19px; padding-bottom: 19px">Results</a></li> | ||
+ | <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li> | ||
+ | <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;"> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Team" style="color:#616161;">Members</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations" style="color:#616161;">Collaboration</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions" style="color:#616161;">Attribution</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors" style="color:#616161;">Sponsors</a></li> | ||
+ | </ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Achievements" style="display: block; padding-top: 19px; padding-bottom: 19px">Achievements</a></li> | ||
</ul> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a> | |
− | + | <ul id="nav-mobile" class="side-nav" style="margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px;"> | |
− | < | + | <li class="no-padding"> |
− | + | <ul class="collapsible collapsible-accordion"> | |
− | + | <li class="bold"><a class="collapsible-header waves-effect waves-blue">Project</a> | |
− | + | <div class="collapsible-body"> | |
− | + | <ul> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Description">Description</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:Lethbridge/Safety">Safety</a></li> | |
− | + | </ul> | |
− | + | </div> | |
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="no-padding"> | ||
+ | <ul class="collapsible collapsible-accordion"> | ||
+ | <li class="bold"><a class="collapsible-header waves-effect waves-red">Practices</a> | ||
+ | <div class="collapsible-body"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro">Intro</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews">Interviews</a></li><!--NEEDS STUFF--> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" >Literature Review</a></li><!--NEEDS STUFF--> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">Ridealongs</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol">Protocol</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling">Sampling</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li> </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Results">Results</a></li> | ||
+ | <li class="no-padding"> | ||
+ | <ul class="collapsible collapsible-accordion"> | ||
+ | <li class="bold"><a class="collapsible-header waves-effect">Team</a> | ||
+ | <div class="collapsible-body"> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Team">Members</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations">Collaboration</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions">Attribution</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <!-- Wiki Content Begins - Edit Here --> | ||
− | + | <div class="container" style="padding-top:100px; padding-bottom:100px;"> | |
− | + | <div class="row"> | |
− | + | <div class="col s12 purple darken-1"> | |
− | + | <div class="container"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
<div class="row"> | <div class="row"> | ||
− | <div class="col s12 | + | <div class="col s12"> |
− | < | + | <h1 class="white-text center">Magic carpets?</h1> |
− | + | <h5 class="thin grey-text text-lighten-4" style="padding-bottom:20px;">Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.</h5> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a class="waves-effect white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">A whole new world?</a> | |
− | + | <div style="padding-bottom:20px;"></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </main> | |
− | + | </div> | |
− | + | <!-- Scripts --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <script src="https://2016.igem.org/Template:Team:Lethbridge/jQuery2-1-1?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Template:Lethbridge/MaterializeJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Template:Lethbridge/InitJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:14, 17 October 2016