Difference between revisions of "Team:Sydney Australia"

(Undo revision 367614 by RubyDawes (talk))
Line 1: Line 1:
−
{{:Team:Sydney_Australia/Templates/NavBar}}
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
−
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
−
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
  
−
<style>  
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 +
 
 +
<script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<script></script>
 +
<style>
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0%;, margin-right: 0%}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
/* makes navbar in box with shadow */
 +
.navbar-fixed-float {
 +
filter: none !important;
 +
box-shadow: 0 2px 30px rgba(0,0,0,0.25);
 +
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
 +
        border-bottom: 1px solid rgba(0,0,0,0.2);
 +
        border-left:none!important;
 +
        border-right:none!important;
 +
                border-top:none!important;       
 +
      position:absolute;
 +
}
  
−
/* our special font */
 
 
@font-face {
 
@font-face {
 
     font-family: 'banaue';
 
     font-family: 'banaue';
 
     src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
 
     src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
 
     font-weight: normal;
 
     font-weight: normal;
−
     font-style: large;
+
     font-style: normal;
 
}
 
}
−
 
+
/* Making 'Team' image nice and crispy*/
−
#please h2 {
+
.img-responsive {
−
font-family: "banaue", sans-serif;
+
−
color: #3e3f3f
+
−
}
+
−
 
+
−
#please li {
+
−
  font-family: 'Quicksand', sans-serif;
+
−
  color: #3e3f3f
+
−
}
+
−
 
+
−
#please p {
+
−
  font-family: 'Quicksand', sans-serif;
+
−
  color: #3e3f3f
+
−
}
+
−
.crispy {
+
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -webkit-optimize-contrast;
 
image-rendering: -webkit-optimize-contrast;
 
-ms-interpolation-mode: nearest-neighbor;
 
-ms-interpolation-mode: nearest-neighbor;
−
  padding:0px;
+
    }
−
  width:90%;
+
/*dropdown on hover*/
−
  margin-top: 0px;
+
 
−
  margin-left:5%;,
+
.dropdown-menu li:hover .sub-menu {
−
   margin-right:5%;
+
   visibility: visible;
−
background: #fff;
+
 
}
 
}
  
−
.insert {
+
.dropdown:hover .dropdown-menu {
−
  height: 68px;
+
  display: block;
−
  width: 100%;
+
−
  background-color:#e2e2e2;
+
 
}
 
}
−
.insert2 {
+
 
−
  height: 150px;
+
.navbar-nav .dropdown-menu,
−
  width: 100%;
+
.navbar .dropdown-menu {
−
  background-color:#fff;
+
  margin-top: 0;
−
}
+
−
.death_counter {
+
−
margin-left:40%;
+
−
margin-top:10%;
+
−
width:10%;
+
−
height:7%;
+
−
line-height:7%;
+
−
text-align: center;
+
−
vertical-align: middle;
+
−
background-color:#db5753;
+
−
border:5px solid white;
+
−
border-radius:5%;
+
−
padding:10%;
+
−
color:white;
+
−
font-family:'banaue';
+
−
font-size:60px;
+
 
}
 
}
  
−
.links {
+
.navbar {  
−
width:80%;
+
font-family: 'banaue'!important;  
−
background-color:#e2e2e2;}
+
}
−
 
+
.navbar-nav a {
−
.link {
+
font-size: 24px;
−
  border-radius: 5%;
+
color: #3e403f!important;
−
  width: 100%;
+
−
  padding-bottom: 60%;
+
−
  background-size: 100%;
+
−
  background-repeat: no-repeat;
+
−
  background-position: center;
+
−
background-color: #e2e2e2;
+
 
}
 
}
−
.link1 {
+
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/6/68/T--Sydney_Australia--link1.png");
+
.navbar {
 +
    background-color: white!important;
 
}
 
}
−
.link2 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/2/2c/T--Sydney_Australia--link2.png");}
 
−
.link3 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/d/d3/T--Sydney_Australia--link3.png");}
 
−
.link4 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/b/b4/T--Sydney_Australia--link4.png");}
 
−
.link5 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Sydney_Australia--link5.png");}
 
−
.link6 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/9/9b/T--Sydney_Australia--link6.png");}
 
−
.link7 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/4/4d/T--Sydney_Australia--link7.png");}
 
−
.link8 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/f/fb/T--Sydney_Australia--link8.png");}
 
−
.link9 {
 
−
  background-image: url("https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--link9.png");}
 
  
−
.caption #bannerlinks {
+
.navbar-inverse .nav .dropdown .dropdown-menu {
−
font-family:'banaue';
+
    -webkit-border-radius: 5px 5px 5px 5px ;
−
color: #3e3f3f;
+
    -moz-border-radius: 5px 5px 5px 5px ;
−
     -webkit-font-smoothing: antialiased;
+
    border-radius: 5px 5px 5px 5px ;   
−
     font-size:3vw;
+
    background-color: #fff;
−
     text-align:center;
+
     margin-top: -3px;
 +
    margin-left: 0px;
 +
     border: none;
 +
    width: 300px;
 +
}
 +
@media (max-width: 1200px) {
 +
    .navbar-header {
 +
        float: none;
 +
     }
 +
    .navbar-left,.navbar-right {
 +
        float: none !important;
 +
    }
 +
    .navbar-toggle {
 +
        display: block;
 +
    }
 +
    .navbar-collapse {
 +
        border-top: 1px solid transparent;
 +
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
 +
    }
 +
    .navbar-fixed-top {
 +
        top: 0;
 +
        border-width: 0 0 1px;
 +
    }
 +
  .navbar-collapse.collapse {
 +
        display: none!important;
 +
    }
 +
    .navbar-nav {
 +
        float: none!important;
 +
        margin-top: 7.5px;
 +
    }
 +
    .navbar-nav>li {
 +
        float: none;
 +
    }
 +
    .navbar-nav>li>a {
 +
        padding-top: 10px;
 +
        padding-bottom: 10px;
 +
    }
 +
    .collapse.in{
 +
        display:block !important;
 
     }
 
     }
−
   
 
−
.caption {
 
−
    position: absolute;
 
−
    top: 50%;
 
−
    left: 50%;
 
−
    transform: translate(-50%, -50%);
 
−
    }
 
−
 
−
 
−
#bannerlinks:hover {
 
−
    text-decoration:none!important;
 
 
}
 
}
−
 
+
.navbar-inverse .navbar-toggle .icon-bar {
−
#bannerlinks:before {
+
    background-color: #3e3f3f!important;
−
  content: "";
+
−
  position: absolute;
+
−
  width: 100%;
+
−
  height: 2px;
+
−
  bottom: 0;
+
−
  left: 0;
+
−
  background-color: #3e3f3f;
+
−
  visibility: hidden;
+
−
  -webkit-transform: scaleX(0);
+
−
  transform: scaleX(0);
+
−
  -webkit-transition: all 0.3s ease-in-out 0s;
+
−
  transition: all 0.3s ease-in-out 0s;
+
 
}
 
}
−
 
+
.navbar-inverse .navbar-toggle .icon-bar:hover {
−
#bannerlinks:hover:before {
+
    background-color: white!important;
−
  visibility: visible;
+
−
  -webkit-transform: scaleX(1);
+
−
  transform: scaleX(1);
+
 
}
 
}
−
 
+
.navbar-inverse .navbar-toggle:hover .icon-bar {
−
</style>  
+
    background-color: #3e3f3f;
 +
}
 +
button {border:#3e3f3f!important;}
 +
</style>
 
</head>
 
</head>
−
 
 
<body>
 
<body>
−
<div class="container-fluid page-heading">
+
<div class="navbar navbar-inverse navbar-fixed-float" style="margin-top:-12px ;">
−
<div class = "row" style="background-color:#e2e2e2;">
+
            <div class="container">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:100%"/>
+
                <div class="navbar-header">
−
</div>
+
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
<div class = "row" style="background-color:#e2e2e2;">
+
                    <span class="icon-bar"></span>
−
 
+
        <span class="icon-bar"></span>
−
<div class="col-xs-6">
+
        <span class="icon-bar"></span>     
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:100%"/>
+
                    </button>
−
 
+
       
−
</div>
+
                    <a class="navbar-logo" href="https://2017.igem.org/Team:Sydney_Australia">
−
<div class="col-xs-6">
+
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/T--Sydney_Australia--Navigation_Bar_Logo.png" width="200px">
−
<div class="text_above_timer">
+
        </a>
−
<br><p style="font-family:'Quicksand';font-size:25px;color:#3e3f3f;text-align: center; margin-bottom:10px;"> That's</p> <p style="margin-left:35%;
+
                </div>
−
margin-top:10%;
+
                <div class="navbar-collapse collapse">
−
width:15%;
+
                   
−
height:7.5%;
+
                            <ul class="nav navbar-nav navbar-right">
−
line-height:7.5%;
+
<!--Team submenu-->
−
text-align: center;
+
          <li class="dropdown">
−
vertical-align: middle;
+
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Team">Team <span class="caret"></span></a>
−
border-radius:5%;
+
            <ul class="dropdown-menu" style="left:0;">
−
padding:10%;
+
              <li><a href="https://2017.igem.org/Team:Sydney_Australia/Team">About Us</a></li>
−
color:#db5753;
+
              <li><a href="https://2017.igem.org/Team:Sydney_Australia/Attributions">Attributions</a></li>
−
font-family:'banaue';
+
            </ul>
−
font-size:120px;" id="test">1</p><br> <p style="font-family:'Quicksand';font-size:25px;color:#3e3f3f;text-align: center; margin-bottom:10px;"> people since you've been on this page. </p>
+
          </li>
−
</div>
+
<!-- Design Submenu -->
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Design">Design <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Design">Project Design</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design">Applied Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated">Integrated Human Practices</a></li> 
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship">Entrepreneurship</a></li>   
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Patent_Law">Patent Law</a></li>
 +
</ul>
 +
  </li>       
 +
<!-- Project Submenu-->
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Description">Project <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Description">Description</a></li>
  
−
<script>
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Experiments">Protocols</a></li>
−
$(function() {
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Safety">Safety</a></li>
−
  var test = $('#test'); // cache object
+
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Notebook">Notebook</a></li>
−
  setInterval(function() {
+
      <li><a href="https://2017.igem.org/Team:Sydney_Australia/Results">Results</a></li>
−
    test.text(1 + (+test.text())); // +('3') <-- 3, parsing string to number
+
      <li><a href="https://2017.igem.org/Team:Sydney_Australia/Demonstrate">Demonstrate</a></li>
−
  }, 6000);// (in miliseconds) repeat every 1 second
+
−
});
+
            </ul>
 +
          </li>
  
 +
<!-- Modelling Submenu-->
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Model">Model <span class="caret"></span></a>
 +
            <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Model">Our Modelling</a></li>
  
−
</script>
+
            </ul>
−
</div>
+
          </li>
−
</div>
+
<!-- Communicatoins Submenu-->
−
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
+
          <li class="dropdown">
−
<div class = "row" style="background-color:#e2e2e2;">
+
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/HP/Silver">Communications <span class="caret"></span></a>
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:100%"/>
+
            <ul class="dropdown-menu" style="text-align: right;">
−
</div>
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/HP/Silver">Human Practices</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Engagement">Engagement</a></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Interlab">Interlab</a></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Rate_My_Gel">Rate My Gel</a></li>
  
−
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
+
            </ul>
−
<div class="col-xs-4">
+
            </li>
−
<div class="link link1">
+
<!--Parts Submenu-->
−
      <div class="caption" align="center">
+
          <li class="dropdown">
−
      <a id="bannerlinks"id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
+
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Parts">Parts <span class="caret"></span></a>
−
      </div>
+
            <ul class="dropdown-menu" style="left:0;">
−
</div>
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Parts">Our Parts</a></li>
−
</div>
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Composite_Part">Our Composite Parts</a></li>
−
<div class="col-xs-4">
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Basic_Part">Our Basic Parts</a></li>
−
<div class="link link2">
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Improve">Part Improvement</a></li>
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
<div class="col-xs-4">
+
−
<div class="link link3">
+
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
+
            </ul>
−
<div class="col-xs-4">
+
          </li>
−
<div class="link link4">
+
            <!-- Achievements Submenu-->
−
      <div class="caption" align="center">
+
          <li class="dropdown">
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
+
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Medals">Medals <span class="caret"></span></a>
−
      </div>
+
            <ul class="dropdown-menu">
−
</div>
+
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Medals</a></li>
−
</div>
+
 
−
<div class="col-xs-4">
+
−
<div class="link link5">
+
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepeneurship </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
<div class="col-xs-4">
+
−
<div class="link link6">
+
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design"> Applied Design </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
+
            </ul>
−
<div class="col-xs-4">
+
          </li>
−
<div class="link link7">
+
                            </ul>
−
      <div class="caption" align="center">
+
                       
−
      <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated"> Integrated Human Practices </a>
+
                </div>
−
      </div>
+
            </div>
−
</div>
+
        </div>
−
</div>
+
       
−
<div class="col-xs-4">
+
        </body>
−
<div class="link link8">
+
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
<div class="col-xs-4">
+
−
<div class="link link9">
+
−
      <div class="caption" align="center">
+
−
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
+
−
      </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="row" style="height:10vh;background-color:#e2e2e2;">
+
−
</div>
+
−
</div>
+
−
</body>
+
 
</html>
 
</html>
−
{{:Team:Sydney_Australia/templates/Footer}}
 

Revision as of 05:15, 1 November 2017