|
|
| Line 1: |
Line 1: |
| − | | + | {{Macquarie Australia/CSS}} |
| | <html> | | <html> |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <style>
| |
| | | | |
| − | /* Parameter for the whole meta script location, etc. */
| |
| | | | |
| | | | |
| Line 13: |
Line 9: |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| − | }
| |
| − |
| |
| − |
| |
| − | #top_title {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper {
| |
| − | padding-bottom: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | Height: 100%;
| |
| − | font-family: Arial, Helvetica, sans-serif;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* parameters for the top bar */
| |
| − | .topnav {
| |
| − | overflow: hidden;
| |
| − | background-color: #bcf7a3;
| |
| − | }
| |
| − |
| |
| − | /* Parameters for top bar */
| |
| − | .topnav a {
| |
| − | float: left;
| |
| − | color: #224413;
| |
| − | text-align: center;
| |
| − | padding: 15px 16px;
| |
| − | text-decoration: none;
| |
| − | font-size: 20px;
| |
| − | }
| |
| − | /* Changes the colour/text colour of a box on mouseover */
| |
| − | .topnav a:hover {
| |
| − | background-color: #ceffba;
| |
| − | color: black;
| |
| − | }
| |
| − |
| |
| − | /* Perameters of the "Active" tab */
| |
| − | .topnav a.active {
| |
| − | background-color: #6ca056;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | /* column stuff */
| |
| − | .column {
| |
| − | float: left;
| |
| − | padding: 1px;
| |
| − | }
| |
| − |
| |
| − | /* side columns */
| |
| − | .column.side {
| |
| − | width: 20%;
| |
| − | }
| |
| − |
| |
| − | /* main content */
| |
| − | .column.middle {
| |
| − | Width: 60%;
| |
| − | min-height: 850px;
| |
| − |
| |
| − | /* 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-size: contain;
| |
| − | background-position: center;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − |
| |
| − | /* Clear floats after the columns */
| |
| − | .row:after {
| |
| − | content: "";
| |
| − | display: table;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | /* footer*/
| |
| − | .footer {
| |
| − | background-color: white;
| |
| − | text-align: center;
| |
| − | 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;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − |
| |
| − | <!-- Header bar. To change the header bar edit css under "style" -->
| |
| − | <div class="header">
| |
| − | </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>
| |
| − | <center>
| |
| − | <h2>Maquarie iGEM 2018</h2>
| |
| − | </center>
| |
| − | </div>
| |
| | | | |
| − | <div class="row">
| |
| − | <div class="column side">
| |
| − | </div>
| |
| − |
| |
| − | <div class="column middle">
| |
| − | <p>
| |
| − | Human practices stuff
| |
| − | </p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="column side">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="footer">
| |
| − | </div>
| |
| − | </body>
| |
| | </html> | | </html> |
