Difference between revisions of "Team:NAIT Edmonton/Trial6"

 
(5 intermediate revisions by the same user not shown)
Line 3: Line 3:
  
 
<head>
 
<head>
−
<!---
 
−
            _..--""-.                  .-""--.._
 
−
          _.-'        \ __...----...__ /        '-._
 
−
        .'      .:::...,'              ',...:::.      '.
 
−
        (    .'``'''::;                  ;::'''``'.    )
 
−
        \            '-)              (-'            /
 
−
          \            /                \            /
 
−
          \          .'.-.            .-.'.          /
 
−
            \        | \0|            |0/ |        /
 
−
            |          \  |  .-==-.  |  /          |
 
−
            \          `/`;          ;`\`          /
 
−
              '.._      (_ |  .-==-.  | _)      _..'
 
−
                  `"`"-`/ `/'        '\` \`-"`"`
 
−
                      / /`;  .==.  ;`\ \
 
−
                .---./_/  \  .==.  /  \ \
 
−
                / '.    `-.__)      |    `"
 
−
              | =(`-.        '==.  ;
 
−
                \  '. `-.          /
 
−
                \_:_)  `"--.....-'
 
−
--->
 
  
 
<title>Team NAIT 2015</title>
 
<title>Team NAIT 2015</title>
Line 60: Line 40:
  
 
<div class="nav">
 
<div class="nav">
 +
 +
 +
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <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="navigation">
 
<div class="navigation">
Line 106: Line 98:
  
  
−
<div tabindex="0" class="onclick-menu">
 
−
    <ul class="onclick-menu-content">
 
−
        <li><button onclick="alert('click 1')">Look, mom</button></li>
 
−
        <li><button onclick="alert('click 2')">no JavaScript!</button></li>
 
−
        <li><button onclick="alert('click 3')">Pretty nice, right?</button></li>
 
−
    </ul>
 
−
</div>
 
−
 
−
 
−
<style type="text/css">
 
−
 
−
.onclick-menu {
 
−
    position: relative;
 
−
    display: inline-block;
 
−
}
 
−
.onclick-menu:before {
 
−
    content: "click me!";
 
−
}
 
−
.onclick-menu:focus {
 
−
    /* clicking on label should toggle the menu */
 
−
    pointer-events: none;
 
−
}
 
−
.onclick-menu:focus .onclick-menu-content {
 
−
    /*  opacity is 1 in opened state (see below) */
 
−
    opacity: 1;
 
−
    visibility: visible;
 
−
 
−
    /* don't let pointer-events affect descendant elements */
 
−
    pointer-events: auto;
 
−
}
 
−
.onclick-menu-content {
 
−
    position: absolute;
 
−
    z-index: 1;
 
−
 
−
    /* use opacity to fake immediate toggle */
 
−
    opacity: 0;
 
−
    visibility: hidden;
 
−
    transition: visibility 0.5s;
 
−
}
 
−
 
−
</style>
 
  
 
</div>
 
</div>

Latest revision as of 21:46, 1 September 2015

Team NAIT 2015






Completed
Achievements

Despite the time constraints, our team met all the gold requirements for the iGEM competition.

read more


iGEM 2015

Learn about the exciting opportunities the iGEM foundation has to offer! The experience was incredible!

read more


Contact Us!

Please contact our team if you want more information about our project or have any other questions or concerns.

read more

Sponsored by: