Difference between revisions of "Team:Sydney Australia/WorkingHome"

Line 1: Line 1:
{{Sydney_Australia/Menu2}}
 
{{Sydney_Australia/SharedCode}}
 
 
 
<html>
 
<html>
<style>
 
  
 
+
<head>
#sideMenu, #top_title {display:none;}
+
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
+
body {background-color:white; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
 
+
#page {
+
width : 80%;
+
height : 1000px;
+
                    margin-left : 10%;
+
                     
+
+
                     
+
 
+
}
+
 
+
nav li a {
+
display: block; padding: 15px 25px;
+
color: #e6b800 !important; text-decoration: none;
+
     
+
}
+
nav ul li:hover > ul {
+
display: block;
+
 
+
}
+
             
+
             
+
+
 
+
.layout {
+
display : inline-block;
+
width : 100%;
+
height : 100%;
+
z-index : 90;
+
vertical-align : middle;
+
line-height : 300px;
+
text-align : center;
+
display: flex;
+
justify-content: center;
+
align-items: center;
+
-webkit-display: flex;
+
-webkit-justify-content: center;
+
-webkit-align-items: center;
+
                        vertical-align : middle;
+
}
+
 
+
.leadingQuestions { /* Projects */
+
                     
+
                        width : 100%;
+
height : 300px;
+
                        background-color: yellow;
+
                        float:left;
+
 
+
}
+
 
+
.boxAll {
+
clear: both;
+
width: 100%
+
 
+
 
+
height: 10px;
+
}
+
 
+
 
+
.headerbox { /* Main */
+
                        float:right;
+
                        width : 100%;
+
                        height : 300px;
+
                        border-radius: 8px;
+
                 
+
                        margin-top: 5px;
+
                        background-color: red;
+
                    background-size:contain;
+
                        background-position:center;
+
                      background-position: 50% 50%;
+
display: inline
+
 
+
clear: both;
+
                 
+
 
+
}
+
 
+
 
+
 
+
.box2 { /* Projects */
+
                     
+
                        width : 50%;
+
height : 360px;
+
                      /* background-color: red;*/
+
                        float:left;
+
 
+
}
+
+
 
+
 
+
.infobox {
+
width : 50px;
+
height : 100%
+
                        background-color: yellow;
+
                     
+
+
                     
+
 
+
}
+
 
+
 
+
.subpanel2 { /* Projects */
+
 
+
    background-image : url("https://static.igem.org/mediawiki/2016/1/1d/T--Sydney_Australia--5.png");
+
+
    background-position: center top;
+
    background-repeat: no-repeat;
+
    background-size: 100% 120px;
+
    float:left;
+
  width:26%;
+
    height:150px;
+
border-radius: 8px;
+
      font-size:22px;
+
    text-align:center;
+
  margin-left: 3.53%;
+
      margin-right: 3.53%;
+
    overflow:hidden;
+
    line-height:10px;
+
    left-margin: 2000px
+
}
+
.subpanel2:hover{
+
 
   
 
   
                        background-image : url("https://static.igem.org/mediawiki/2016/a/aa/T--Sydney_Australia--6.png");
+
  <!-- External scripts -->
background-position: center top;
+
    background-size: 100% 120px;
+
    font-weight:bold;
+
}
+
  
 +
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  
.subpanel2:hover .narrowimg {
+
  <!-- Functionallity and behaviour JS -->
    opacity:0.8;
+
  <script>
     filter: alpha(opacity=80);
+
     $(document).ready(function(){
}
+
  
.subpanel22 { /* Projects */
+
      //Loading screen functionallity
 
+
      $('.loading').animate(
    background-image : url("https://static.igem.org/mediawiki/2016/2/27/T--Sydney_Australia--1.png");
+
          {opacity:0},
+
          500,
    background-position: center top;
+
          function(){
    background-size: 100% 120px ;
+
            $('.loading').attr("style", "display:none");
  background-repeat: no-repeat;
+
          }
    float:left;
+
      );
    width:26%;
+
border-radius: 8px;
+
    height:150px;
+
      font-size:22px;
+
    text-align:center;
+
  margin-left: 3.53%;
+
      margin-right: 3.53%;
+
    overflow:hidden;
+
    line-height:10px;
+
    left-margin: 2000px
+
}
+
.subpanel22:hover{
+
+
                        background-image : url("https://static.igem.org/mediawiki/2016/5/5b/T--Sydney_Australia--2.png");
+
background-position: center top;
+
    background-size: 100% 120px ;
+
    font-weight:bold;
+
}
+
.subpanel22:hover .narrowimg {
+
    opacity:0.8;
+
    filter: alpha(opacity=80);
+
}
+
  
.subpanel23 { /* Projects */
+
      //Height responsiveness
 
+
      $(window).resize(function() {
    background-image : url("https://static.igem.org/mediawiki/2016/3/3b/T--Sydney_Australia--3.png");
+
          wheight = $(window).height();
+
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
    background-position: center top;
+
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
    background-size: 100% 120px ;
+
      });
  background-repeat: no-repeat;
+
    float:left;
+
  width:26%;
+
    height:150px;;
+
      font-size:22px;
+
border-radius: 8px;
+
    text-align:center;
+
  margin-left: 3.53%;
+
      margin-right: 3.53%;
+
    margin-top:0;  
+
    margin-right:11px;
+
    border-radius:7px;
+
    overflow:hidden;
+
    line-height:10px;
+
    left-margin: 2000px
+
  
}
+
      $(window).trigger('resize');
.subpanel23:hover{
+
+
                        background-image : url("https://static.igem.org/mediawiki/2016/8/8b/T--Sydney_Australia--4.png");
+
background-position: center top;
+
    background-size: 100% 120px;
+
    font-weight:bold;
+
}
+
.subpanel23:hover .narrowimg {
+
    opacity:0.8;
+
    filter: alpha(opacity=80);
+
}
+
  
.subpanel6 { /* Collaboration, SensiGEM */
+
      //Menu moveto container on item click functionallity
    height:240.5px;
+
      $('.menu-item').on('click', function(){
    margin:0;
+
          $('.menu-item').removeClass('subselected');
    margin-bottom:11px;
+
          $(this).addClass('subselected');
    border-radius:7px;
+
          if($(this).attr("data")=="#top"){
    overflow:hidden;
+
              $('html, body').animate({
    background:rgb(255,255,255);  
+
                  scrollTop: 0
    color:Black;
+
              }, 1000);
    text-align:center;
+
          }else{
}
+
              $('html, body').animate({
.subpanel6:hover{
+
                  scrollTop: $($(this).attr("data")).offset().top-70
    font-weight:bold;
+
              }, 1000);
}
+
          }
.subpanel6:hover .narrowimg {
+
      });
    opacity:0.8;
+
    filter: alpha(opacity=80);
+
}
+
.separationFine {
+
width: 100%;
+
height:20px;
+
}
+
  
  
 +
   
 +
  </script>
  
 +
<style>
  
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
.mainLinks { /* Main */
+
/* makes navbar in box with shadow */
                        float:left;
+
.navbar-fixed-top {
                        width : 30%;
+
filter: none !important;
height : 150px;
+
box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                        border-radius: 8px;
+
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                        margin-left: 1.53%;
+
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
                        margin-right: 1.53%;
+
        border-bottom: 1px solid rgba(0,0,0,0.2);
                        margin-top: 20px;
+
                       
+
opacity:0.65;
+
                        float:left;
+
                            text-align:center;
+
                          font-size:26px;
+
                    background-size:contain;
+
                        background-position:center;
+
                      background-position: 50% 50%;
+
background-repeat: no-repeat;
+
 
}
 
}
  
.mainLinks:hover{
+
@font-face {
 
+
    font-family: Banaue;
opacity:1.0;
+
     src: url(Banaue_Regular.woff);
+
     filter: alpha(opacity=80);
+
 
+
 
}
 
}
 
+
.navbar {  
.subLinks { /* Main */
+
font-family: 'Banaue', sans-serif !important;  
                        float:left;
+
}
                        width : 40%;
+
.navbar-nav a {
height : 150px;
+
font-size: 22px;
                        border-radius: 8px;
+
color: #3e403f!important;
                        margin-left: 4.5%;
+
                        margin-right: 5%;
+
                        margin-top: 20px;
+
                       
+
                        float:left;
+
                            text-align:center;
+
                          font-size:26px;
+
                        background-repeat: no-repeat;
+
                      background-color: red;
+
                 
+
           
+
display: flex;
+
justify-content: center;
+
                        vertical-align : center;
+
align-items: center;
+
-webkit-display: flex;
+
-webkit-justify-content: center;
+
-webkit-align-items: center;
+
 
+
 
}
 
}
 
+
ul.nav li.dropdown:hover ul.dropdown-menu {
.subLinks:hover{
+
            display: block;
 
+
 
+
opacity:0.8;
+
    filter: alpha(opacity=80);
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
                 
+
 
+
 
+
 
+
 
}
 
}
  
 
+
.logo {
 
+
image-rendering: -moz-crisp-edges;
 
+
image-rendering: -o-crisp-edges;
 +
image-rendering: -webkit-optimize-contrast;
 +
-ms-interpolation-mode: nearest-neighbor;
 +
    }
  
 
</style>
 
</style>
<div id=page>
 
 
  
  
<div class = "headerbox" style=" text-align:center; background-color: transparent; background-image: url(https://static.igem.org/mediawiki/2016/4/4e/T--Sydney_Australia--mycabanner.png); background-repeat: no-repeat; height: 600px;" </div> </div>
+
</head>
  
 +
<body>
  
  
<div class = "headerbox" style=" text-align:center; background-color: transparent; background-image: url(https://static.igem.org/mediawiki/2016/6/6b/T--Sydney_Australia--Homepage.png); background-repeat: no-repeat;  height: 2000px;" </div> </div>
+
<div class="navbar navbar-fixed-top">
 +
<nav class="navbar-inner">
 +
 
 +
<div class="row-sm-height">
  
 +
<!-- Logo--> 
 +
<div class="col-sm-2"><a href="https://2017.igem.org/Team:Sydney_Australia"><img class="logo" src="https://lh3.googleusercontent.com/hXJ30T6a69bZZVfObZfnUJFBWRjhxBzR6wm9hWy1Va6aK_bBG-fFv2ZXmSC9C5JbERqPUyaTNYYt-5ACnKSl1kTDng4MpyLzh5KQp6fwrd2quZoe3I0Ihdl2VpVh1GQ5yzNxpZvlNaaGm2IYtsFq8WVdnOUL0P7mOgiCmuF2_28YvRvIFi_7hhKaX0VXzjCBM1mNXvb56MiCObKBhXz98B0AfBPvnmlQaqxpMslf8B2flPlDEowknGZzh2oBuAywwTI5hWn83cUZC_beeLpA18q5Fm-aF0Svon0fgmf2NJ2yaYR5wlJyJNt-3trKvL6SPBq3qknMO4gvvN_3xY6R0yyPaYHuTlHNmHGiuOhT0qwMoqM-fFOkWFxx7CLvyOq_CNDrPx1MBF_s-K8bGgC-cK6kU8WRP_WoXN1j1FR2paDIA7q-_bso6hYQyNfXs2JFG4OUEUfV34xguPIPHIkNalEYq0Qh1n5Pag3XZpY9IuCv1bNHWLM8omPbkYzzxjPAvwerKC938M4s2y_89KLrUwCagDojM7_7bsQOsABeGnJlr6hejOQo9m7JCagL64vuUhUVGJWqads8A6iQata5lzkrwgWRa26tbeFl5iu8i0cf_CIsetO9=w1366-h499-no" height="80"  width="auto" ></a></div>
  
</div>
+
<div class="col-md-10" >
       
+
<ul class="nav navbar-nav navbar-right" style="margin-top:10px">
  
<div class = "subpanel2" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Sense';"> </div>
+
<!--Team submenu-->
<div class = "subpanel22" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Express';"><a class=layout href="https://2016.igem.org/Team:Sydney_Australia/Express"></a> </div>
+
<li> <a href="#" class="dropdown" data-toggle="dropdown"> Team<b class="caret"></b> </a>
<div class = "subpanel23" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/KeepFresh';"> </div>
+
<ul class="dropdown-menu">
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Team">About Us </a></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Attributions">Attributions </a></li>
 +
</ul>
 +
</li>
  
 +
<!-- Project Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
<ul class="dropdown-menu"  >
 +
<li><a href="https://2016.igem.org/Team:Sydney_Australia/ProjectHome">Project Home</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Description">Description</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Protocols">Protocols</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Safety">Safety</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Part_Improvement">Part Improvements</a></li>
 +
      <li><a href="https://2017.igem.org/Team:Sydney_Australia/Interlab">Interlab</a></li>
 +
</ul>
 +
</li>
  
<div class = "mainLinks" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Collaboration';" style = "background-image: url(https://static.igem.org/mediawiki/2016/9/91/T--Sydney_Australia--Collaboration_banner.jpg) ">     </div>
+
<!--Results Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown">Results<b class="caret"></b></a>
 +
<ul class="dropdown-menu"  >
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Results">Results Home</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Raw_Data">Raw Data</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Discussion">Discussion</a></li>
 +
</ul>
 +
</li>
  
 +
<!-- Modelling Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown">Modelling<b class="caret"></b></a>
 +
<ul class="dropdown-menu"  >
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Modelling">Modelling Home</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Biological_Modelling">Biological</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Experimental_Modelling">Experimental</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Economic_Modelling">Economic</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Software">Software</a></li>
 +
</ul>
 +
</li>
  
 +
<!-- Human Practices Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown"> Human Practices<b class="caret"></b></a>
 +
<ul class="dropdown-menu"  >
 +
  <li><a href="https://2017.igem.org/Team:Sydney_Australia/Human_Practices">Human Practices Home</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Integrated_Practices">Integrated Human Practices</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Outreach">Outreach</a></li>
 +
</ul>
 +
</li>
  
  <div class = "mainLinks" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Model';" style = "background-image: url(https://static.igem.org/mediawiki/2016/b/b2/T--Sydney_Australia--banner_modelling.png)">       </div>
+
<!-- Collaborations Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown"> Collaboration<b class="caret"></b></a>
 +
<ul class="dropdown-menu"  >
 +
  <li><a href="https://2017.igem.org/Team:Sydney_Australia/Collaboration">Collaboration Home</a></li>
 +
<li class="divider"></li>
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Igem_Collaborations">iGEM Collaborations</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Australasian_Network">Australasian Network</a></li>
 +
</ul>
 +
</li>
  
 
 
<div class = "mainLinks" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Human_Practices';" style = "background-image: url(https://static.igem.org/mediawiki/2016/8/86/T--Sydney_Australia--humanpractices.png)">      </div>
 
  
 +
<!-- Achievements Submenu-->
 +
<li><a href="#" class="dropdown" data-toggle="dropdown">Achievements<b class="caret"></b></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Achievements">Achievements Home</a></li>
 +
<li class="divider"></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Medals">Medals</a></li>
 +
</ul>
 +
</li>
  
 +
</ul>
 +
</div>
 +
</nav>
 +
</div>
  
  <div class = "mainLinks" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Parts';" style = "background-image: url(https://static.igem.org/mediawiki/2016/3/3e/T--Sydney_Australia--parts.png) "> 
 
  
  </div>
+
<html>
  <div class = "mainLinks" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Software';" style = "background-image: url(https://static.igem.org/mediawiki/2016/6/61/T--Sydney_Australia--software.png) ">      </div>
+
 
+
<div class = "mainLinks"onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Medals';" style = "background-image: url(https://static.igem.org/mediawiki/2016/c/ce/T--Sydney_Australia--medals.png) ">        </div>
+
 
+
</div>
+
</html>
+
{{Sydney_Australia/Footer}}
+

Revision as of 03:38, 17 August 2017