Difference between revisions of "Team:Macquarie Australia/human practices"

(Created page with " <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /* Parameter for the whole meta script location, etc. */ →‎DO NOT REMOVE: #co...")
 
Line 31: Line 31:
 
}
 
}
  
−
/*header*/
 
−
.header {
 
−
height: 80px;
 
−
    background-image: url(https://static.igem.org/mediawiki/2018/thumb/8/8b/T--Macquarie_Australia--lipid_bilayer.jpg/1200px-T--Macquarie_Australia--lipid_bilayer.jpg.png);
 
−
background-size: auto 80px;
 
−
background-repeat: repeat;
 
−
text-align: center;
 
−
    padding: 1px;
 
−
}
 
  
 
/* parameters for the top bar */
 
/* parameters for the top bar */
Line 86: Line 77:
 
/* change the background image of the main column */
 
/* change the background image of the main column */
 
background-image: url(https://static.igem.org/mediawiki/2018/9/91/T--Macquarie_Australia--Team_logo_2018.jpeg);
 
background-image: url(https://static.igem.org/mediawiki/2018/9/91/T--Macquarie_Australia--Team_logo_2018.jpeg);
 +
background-size: contain;
 +
background-position: center;
 +
background-repeat: no-repeat;
 
}
 
}
  
Line 100: Line 94:
 
     text-align: center;
 
     text-align: center;
 
     padding: 35px;
 
     padding: 35px;
 +
 +
}
 +
 +
.Ibutton{                  //IMAGE BUTTON
 +
cursor: pointer;
 +
transition-duration: 0.4s;
 +
opacity: 1.0;
 +
boarder: 0px;
 +
background-colour: transparent;
 +
 +
}
 +
.Ibutton:hover {
 +
background-color: transparent;
 +
    color: white;
 +
    opacity:0.0;
 +
}
 +
.Hbutton {
 +
cursor: pointer;
 +
transition-duration: 0.4s;
 +
opacity: 0.0;
 +
}
 +
.Hbutton:hover { // HOVER BUTTON (Dark versions of image button elements)
 +
background-color: transperant;
 +
    color: white;
 +
    opacity:1.0;
 
}
 
}
  
Line 110: Line 129:
 
</div>
 
</div>
  
−
<!-- stuff below the top bar -->
 
−
<div class="topnav">
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia">Home</a>
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/project">Project</a>
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/modelling">Modelling</a>
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/interlab">Interlab</a>
 
−
  <a class="active" href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">Human practices</a>
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/safety">Safety</a>
 
−
  <a href="https://2018.igem.org/Team:Macquarie_Australia/about_us">About us</a>
 
  
 
</div>
 
</div>
 +
 +
 +
<div style="width: 100%; height: auto; position:relative">
 +
<img src = "https://static.igem.org/mediawiki/2018/4/4c/T--Macquarie_Australia--Menu_Membrane.png" width = 100%  height = auto style="position: relative;">
 +
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/c/ce/T--Macquarie_Australia--Menu_HomeButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -10%; left: 5%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia">
 +
<img src = "https://static.igem.org/mediawiki/2018/f/fe/T--Macquarie_Australia--Menu_HomeButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -10%; left: 5%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/2/29/T--Macquarie_Australia--Menu_AboutButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 18%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/about_us">
 +
<img src = "https://static.igem.org/mediawiki/2018/e/ef/T--Macquarie_Australia--Menu_AboutButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 18%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/a/a8/T--Macquarie_Australia--Menu_ProjectButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 29%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/project">
 +
<img src = "https://static.igem.org/mediawiki/2018/d/da/T--Macquarie_Australia--Menu_ProjectButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 29%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/a/a3/T--Macquarie_Australia--Menu_ModellingButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 42%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/modelling">
 +
<img src = "https://static.igem.org/mediawiki/2018/6/6e/T--Macquarie_Australia--Menu_ModellingButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 25%; left: 42%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/3/34/T--Macquarie_Australia--Menu_SafteyButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 54%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/safety">
 +
<img src = "https://static.igem.org/mediawiki/2018/1/1c/T--Macquarie_Australia--Menu_SafteyButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 54%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/c/c6/T--Macquarie_Australia--Menu_InterlabButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: 23%; left: 67%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/interlab">
 +
<img src = "https://static.igem.org/mediawiki/2018/f/f8/T--Macquarie_Australia--Menu_InterlabButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: 23%; left: 67%;">
 +
</a>
 +
 +
<img src = "https://static.igem.org/mediawiki/2018/2/23/T--Macquarie_Australia--Menu_HumanButtonLight.png" class="Ibutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 80%;">
 +
<a href="https://2018.igem.org/Team:Macquarie_Australia/human_practices">
 +
<img src = "https://static.igem.org/mediawiki/2018/8/84/T--Macquarie_Australia--Menu_HumanButtonDark.png" class="Hbutton" width = 13%  height = auto style="position: absolute; top: -5%; left: 80%;">
 +
</a>
 
</div>
 
</div>
 +
  
 
<div>
 
<div>

Revision as of 02:48, 25 July 2018

Maquarie iGEM 2018

Human practices stuff