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{
 
   
 
   
−
  <!-- External scripts -->
+
                        background-image : url("https://static.igem.org/mediawiki/2016/a/aa/T--Sydney_Australia--6.png");
 +
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>
 
  
−
  <!-- Functionallity and behaviour JS -->
+
.subpanel2:hover .narrowimg {
−
  <script>
+
    opacity:0.8;
−
     $(document).ready(function(){
+
     filter: alpha(opacity=80);
 +
}
  
−
      //Loading screen functionallity
+
.subpanel22 { /* Projects */
−
      $('.loading').animate(
+
 
−
          {opacity:0},
+
    background-image : url("https://static.igem.org/mediawiki/2016/2/27/T--Sydney_Australia--1.png");
−
          500,
+
−
          function(){
+
    background-position: center top;
−
            $('.loading').attr("style", "display:none");
+
    background-size: 100% 120px ;
−
          }
+
  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);
 +
}
  
−
      //Height responsiveness
+
.subpanel23 { /* Projects */
−
      $(window).resize(function() {
+
 
−
          wheight = $(window).height();
+
    background-image : url("https://static.igem.org/mediawiki/2016/3/3b/T--Sydney_Australia--3.png");
−
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
+
−
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
+
    background-position: center top;
−
      });
+
    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);
 +
}
  
−
      //Menu moveto container on item click functionallity
+
.subpanel6 { /* Collaboration, SensiGEM */
−
      $('.menu-item').on('click', function(){
+
    height:240.5px;
−
          $('.menu-item').removeClass('subselected');
+
    margin:0;
−
          $(this).addClass('subselected');
+
    margin-bottom:11px;
−
          if($(this).attr("data")=="#top"){
+
    border-radius:7px;
−
              $('html, body').animate({
+
    overflow:hidden;
−
                  scrollTop: 0
+
    background:rgb(255,255,255);  
−
              }, 1000);
+
    color:Black;
−
          }else{
+
    text-align:center;
−
              $('html, body').animate({
+
}
−
                  scrollTop: $($(this).attr("data")).offset().top-70
+
.subpanel6:hover{
−
              }, 1000);
+
    font-weight:bold;
−
          }
+
}
−
      });
+
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.separationFine {
 +
width: 100%;
 +
height:20px;
 +
}
  
  
−
   
 
−
  </script>
 
  
−
<style>
 
  
  
−
/* makes navbar in box with shadow */
+
.mainLinks { /* Main */
−
.navbar-fixed-top {
+
                        float:left;
−
filter: none !important;
+
                        width : 30%;
−
box-shadow: 0 2px 15px rgba(0,0,0,0.25);
+
height : 150px;
−
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
+
                        border-radius: 8px;
−
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
+
                        margin-left: 1.53%;
−
        border-bottom: 1px solid rgba(0,0,0,0.2);
+
                        margin-right: 1.53%;
 +
                        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;
 
}
 
}
  
−
@font-face {
+
.mainLinks:hover{
−
    font-family: Banaue;
+
 
−
     src: url(T--sydney australia--Banaue.woff);
+
opacity:1.0;
 +
 +
     filter: alpha(opacity=80);
 +
 
 
}
 
}
−
.navbar {  
+
 
−
font-family: 'Banaue', sans-serif !important;  
+
.subLinks { /* Main */
−
}
+
                        float:left;
−
.navbar-nav a {
+
                        width : 40%;
−
font-size: 22px;
+
height : 150px;
−
color: #3e403f!important;
+
                        border-radius: 8px;
 +
                        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 {
+
 
−
            display: block;
+
.subLinks:hover{
 +
 
 +
 
 +
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>
 +
  
  
−
</head>
+
<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>
  
−
<body>
 
  
  
−
<div class="navbar navbar-fixed-top">
+
<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>
−
<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://static.igem.org/mediawiki/2017/f/f0/T--Sydney_Australia--Navigation_Bar_Logo.png" height="80"  width="auto" ></a></div>
 
  
−
<div class="col-md-10" >
+
</div>
−
<ul class="nav navbar-nav navbar-right" style="margin-top:10px">
+
       
  
−
<!--Team submenu-->
+
<div class = "subpanel2" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/Sense';"> </div>
−
<li> <a href="#" class="dropdown" data-toggle="dropdown"> Team<b class="caret"></b> </a>
+
<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>
−
<ul class="dropdown-menu">
+
<div class = "subpanel23" onclick="location.href='https://2016.igem.org/Team:Sydney_Australia/KeepFresh';"> </div>
−
<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>
 
  
−
<!--Results Submenu-->
+
<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>
−
<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>
 
  
−
<!-- Collaborations Submenu-->
+
  <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>
−
<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>
 +
  <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>
 
</html>
 +
{{Sydney_Australia/Footer}}

Revision as of 03:37, 17 August 2017

Template:Sydney Australia/Menu2 Template:Sydney Australia/SharedCode

Template:Sydney Australia/Footer