|
|
Line 1: |
Line 1: |
− | {{NAIT_Edmonton/CSS2}}
| |
− | <html>
| |
| | | |
− | <head>
| |
− |
| |
− |
| |
− | <title>Team NAIT 2015</title>
| |
− |
| |
− | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
| |
− | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
| |
− | <script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
| |
− |
| |
− | <script type="text/javascript" charset="utf-8">
| |
− |
| |
− | var $ = jQuery.noConflict();
| |
− | $(window).load(function() {
| |
− | $('.flexslider').flexslider({
| |
− | animation: "fade"
| |
− | });
| |
− | });
| |
− | </script>
| |
− |
| |
− | </head>
| |
− |
| |
− | <body>
| |
− |
| |
− |
| |
− |
| |
− | <div id="header">
| |
− | <div class="header">
| |
− |
| |
− | <div class="logo">
| |
− |
| |
− | <a href="https://2015.igem.org/Team:NAIT_Edmonton">
| |
− | <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px">
| |
− | </a>
| |
− | </div>
| |
− |
| |
− | <style type="text/css">
| |
− |
| |
− | .navigation {
| |
− | width:600px;
| |
− | }
| |
− | .navigation ul{
| |
− | /* positioning */
| |
− | position:relative;
| |
− | z-index:1000;
| |
− | /* remove the dots next to list items: */
| |
− | list-style:none;
| |
− | /* get rid of any default or inherited margins and padding: */
| |
− | margin:0;
| |
− | padding:0;
| |
− |
| |
− | /* styling: */
| |
− | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
| |
− | font-weight: normal;
| |
− | font-size: 15px;
| |
− | }
| |
− |
| |
− | /* we're using the direct descendant selectors > to ONLY affect the main menu items */
| |
− | .navigation > ul > li {
| |
− | /* positioning */
| |
− | position: relative;
| |
− | float: left;
| |
− | /* styling: */
| |
− | margin-right: 10px;
| |
− | }
| |
− | .navigation > ul > li > a {
| |
− | /* positioning */
| |
− | display:block;
| |
− | /* styling: */
| |
− | background-color: #2c2c2c; /* grey */
| |
− | padding:8px 14px;
| |
− | text-decoration:none;
| |
− | color:#aaaaaa;
| |
− |
| |
− | }
| |
− | .navigation > ul > li > a:hover{
| |
− | /* styling: */
| |
− | background-color:#666666; /* grey */
| |
− | color:#eeeeee; /* light grey */
| |
− |
| |
− | .navigation ul ul{
| |
− |
| |
− | background-color:#e6056f; /* remove. this is for illustration purposes only */
| |
− | width:340px; /* you need a width to accommodate tertiary menus */
| |
− |
| |
− | position:absolute;
| |
− | z-index:100;
| |
− |
| |
− | height: 0;
| |
− | overflow: hidden;
| |
− |
| |
− | -webkit-transition: height 0.3s ease-in;
| |
− | -moz-transition: height 0.3s ease-in;
| |
− | -o-transition: height 0.3s ease-in;
| |
− | -ms-transition: height 0.3s ease-in;
| |
− | transition: height 0.3s ease-in;
| |
− | }
| |
− |
| |
− |
| |
− | /* don't display tertiary box yet */
| |
− | .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
| |
− | height:0;
| |
− |
| |
− | }
| |
− | /* tertiary drop-down box */
| |
− | .navigation ul ul ul{
| |
− | left:170px;
| |
− | width:170px;
| |
− | }
| |
− |
| |
− | .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
| |
− | .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
| |
− | height:220px; /* need a height to accommodate any tertiary menus */
| |
− | }
| |
− |
| |
− | /* drop-down item styles */
| |
− | /* if you want different styling for tertiary menus, just copy the 4 rules below and insert an additional ul: for example: ".navigation ul ul li", becomes: ".navigation ul ul ul li" */
| |
− |
| |
− | .navigation ul ul li{
| |
− | background-color:#eaeaea; /* grey */
| |
− | width:170px;
| |
− | -webkit-transition: background-color 0.3s ease;
| |
− | -moz-transition: background-color 0.3s ease;
| |
− | -o-transition: background-color 0.3s ease;
| |
− | -ms-transition: background-color 0.3s ease;
| |
− | transition: background-color 0.3s ease;
| |
− | }
| |
− |
| |
− | .navigation ul ul li:hover {
| |
− | background-color:#999; /* grey */
| |
− | }
| |
− |
| |
− | .navigation ul ul li a {
| |
− | display:block;
| |
− | text-decoration:none;
| |
− | margin:0 12px;
| |
− | padding:5px 0;
| |
− | color:#4c4c4c; /* grey */
| |
− | }
| |
− | .navigation ul ul li a:hover, .navigation ul ul li:hover > a {
| |
− | color:#ffffff; /* white */
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− |
| |
− | <div class="navigation">
| |
− | <ul>
| |
− |
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
| |
− | <li><a href="https://igem.org/Team.cgi">official team profile</a>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protocols</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="header_right">
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Outreach">community outreach</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <style type="text/css">
| |
− |
| |
− | .header_mobile {
| |
− | display:none;
| |
− | position: absolute;
| |
− | background-color:transparent;
| |
− | width:65px;
| |
− | top: 90px;
| |
− | left:50px;
| |
− | height:65px;
| |
− | z-index:999;
| |
− | position:fixed;}
| |
− |
| |
− | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
| |
− | .header_mobile ul * {margin:0; padding:0;}
| |
− | .header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
| |
− | .header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
| |
− | .header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
| |
− | .header_mobile li.current-menu-item {background:#5AB3E3}
| |
− | .header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
| |
− | .header_mobile ul ul li:hover{background:#159CD8}
| |
− | .header_mobile ul ul li{float:none; width:120px}
| |
− | .header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
| |
− | .header_mobile ul ul ul {top:0; left:200%}
| |
− | .header_mobile ul li.selected a{color:#8BC5EB}
| |
− | .header_mobile ul li:hover > ul{display:block;}
| |
− |
| |
− |
| |
− | @media screen and (max-width:1000px){
| |
− |
| |
− | .header_left{display:none;}
| |
− | .header_right{display:none;}
| |
− | .header_mobile{display:block;}
| |
− |
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− | <div id="wrap2">
| |
− |
| |
− | <div class="slider">
| |
− |
| |
− | <style type="text/css">
| |
− | .slider{width:100%; margin:0; clear:both; position:relative; top:-48px;}
| |
− | .flex-container a:active,
| |
− | .flexslider a:active {outline: none;}
| |
− | .slides,
| |
− | .flex-control-nav,
| |
− | .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
| |
− | .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;}
| |
− | .flexslider .slides > li {display: none;}
| |
− | .flexslider .slides img {width:100%; height:auto; display: block;}
| |
− | .flex-pauseplay span {text-transform: capitalize;}
| |
− | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
| |
− | html[xmlns] .slides {display: block;}
| |
− | * html .slides {height: 1%;}
| |
− | .no-js .slides > li:first-child {display: block;}
| |
− | .flexslider {position: relative; zoom: 1; overflow:hidden;} <!---height:500px--->
| |
− | .flexslider .slides {zoom: 1;}
| |
− | .flexslider .slides > li {position: relative;}
| |
− | .flex-container {zoom: 1; position: relative;}
| |
− | .flex-direction-nav li a {width:65px; height:37px; margin:0; display: block; position: absolute; top:0px; cursor: pointer; text-indent: -9999px;}
| |
− | .flex-direction-nav li a.next {background:url(https://static.igem.org/mediawiki/2015/a/a0/NAIT_Next.png) no-repeat center; right:0px;}
| |
− | .flex-direction-nav li a.prev {background:url(https://static.igem.org/mediawiki/2015/7/73/NAIT_Prev.png) no-repeat center;right:65px;}
| |
− | .flex-direction-nav li a.next:hover {background:url(https://static.igem.org/mediawiki/2015/b/ba/NAIT_Next_a.png) no-repeat center;}
| |
− | .flex-direction-nav li a.prev:hover {background:url(https://static.igem.org/mediawiki/2015/c/c4/NAIT_Prev_a.png) no-repeat center;}
| |
− | .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
| |
− | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
| |
− | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
| |
− | .flex-control-nav li:first-child {margin: 0;}
| |
− | .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
| |
− | .flex-control-nav li a:hover {background-position: 0 -13px;}
| |
− | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
| |
− | .flex-caption{position: absolute;left:auto;right:auto; top:150px; width:100%;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; color:#FFFFFF; text-shadow:2px 2px 2px #000000}
| |
− | .flex-caption h0{font-size:30px; color:#FFFFFF}
| |
− | .flex-caption h2{ font-size:30px; color:#FFFFFF;text-shadow:2px 4px 2px #000000}
| |
− | .flex-caption p{ text-align:center; padding:0 200px;}
| |
− | a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}
| |
− | </style>
| |
− |
| |
− | <div class="flexslider">
| |
− | <ul class="slides">
| |
− | <li><a href=""><img src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Slide_Pedway.jpg" alt="" title="" border="0"/></a>
| |
− | <div class="flex-caption">
| |
− | <h2></h2>
| |
− | <p><strong><a href=""></a></strong></p>
| |
− | </div>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc"><img src="https://static.igem.org/mediawiki/2015/5/56/NAIT_Slide_1_Project.jpg"alt="" title="" border="0"/></a>
| |
− | <div class="flex-caption">
| |
− | <h2></h2>
| |
− | <p></p>
| |
− | </div>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices"><img src="https://static.igem.org/mediawiki/2015/d/db/NAIT_Slide_2_Whiteboard.jpg" alt="" title="" border="0"/></a>
| |
− | <div class="flex-caption">
| |
− | <h2></h2>
| |
− |
| |
− | <p></p>
| |
− | </div>
| |
− | </li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling"><img src="https://static.igem.org/mediawiki/2015/5/57/NAIT_Slide_3_3D.jpg"alt="" title="" border="0"/></a>
| |
− | <div class="flex-caption">
| |
− | <h2></h2>
| |
− | <p></p>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div id="wrap5">
| |
− |
| |
− | <div class="section_one_three">
| |
− | <h2 class="centered_title">Achievements</h2>
| |
− | <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" title=""><img src="https://static.igem.org/mediawiki/2015/5/50/NAIT_Medal_Icon.png" width="125px" alt="" title="" /></a></div>
| |
− | <p class="centered_text">
| |
− | Despite the time constraints, our team achieved a lot this summer and we are proud of what we have accomplished.
| |
− | </p>
| |
− | <a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements" class="more">read more</a>
| |
− | </div>
| |
− |
| |
− | <div class="section_one_three">
| |
− | <h2 class="centered_title">iGEM 2015</h2>
| |
− | <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="" /></a></div>
| |
− | <p class="centered_text">
| |
− | Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!
| |
− | </p>
| |
− | <a href="https://2015.igem.org" class="more">read more</a>
| |
− | </div>
| |
− |
| |
− | <div class="section_one_three">
| |
− | <h2 class="centered_title">Contact Us!</h2>
| |
− | <div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="" /></a></div>
| |
− | <p class="centered_text">
| |
− | Please contact our team if you want more information about our project or have any other questions or concerns.
| |
− | </p>
| |
− | <a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="clear"></div>
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="header_mobile">
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
| |
− | <ul>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | <div class="clear"></div>
| |
− |
| |
− |
| |
− |
| |
− | <div class="footer">
| |
− | <div class="footer_content">
| |
− | <div class="footer_left">
| |
− | <ul class="footer_menu">
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
| |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | <div class="footer_right">
| |
− | <ul class="social_icons">
| |
− | <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
| |
− | <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <style type="text/css">
| |
− |
| |
− | #footer {z-index:15;}
| |
− | .footer {padding:20px 0 40px 0; margin: 0px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
| |
− | .footer_content {margin:auto;width:100%;}
| |
− | .footer_left { float:left; padding:0 0 0 10%;}
| |
− | .footer_right{ float:right; padding:0 10% 0 0;}
| |
− | ul.social_icons { margin:0px; padding:0px; list-style:none;}
| |
− | ul.social_icons li{ float:left;}
| |
− | ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
| |
− | ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
| |
− | ul.social_icons li a:hover{ background-color:#5AB3E3;}
| |
− | ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
| |
− |
| |
− | ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
| |
− | ul.footer_menu li{ float:left; padding:0 15px 0 0;}
| |
− | ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
| |
− |
| |
− |
| |
− | </style>
| |
− |
| |
− | </body>
| |
− |
| |
− | </html>
| |