Template:Team:Valencia Biocampus/Templates/Header

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" />
 +
 +
<style text="text/css">
 +
 +
#content{
 +
background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
 +
min-height:100%;
 +
height:auto;
 +
}
 +
#logo{
 +
width: 31%;
 +
float:left;
 +
}
 +
#logo-header-link{
 +
display: block;
 +
width: 100%;
 +
height: 154px;
 +
max-height: 154px;
 +
min-height: 154px;
 +
}
 +
.header-top-menu{
 +
    padding:0px;
 +
    width: 67%;
 +
    padding-right: 4%;
 +
    margin: 0px;
 +
    list-style:none;
 +
    float:right;
 +
}
 +
.header-top-menu li{
 +
  display: block;
 +
  padding:11px 0px;
 +
  margin:0px;
 +
  text-align:center;
 +
  width: 20%;
 +
  float: left;
 +
  white-space:nowrap;
 +
}
 +
.header-top-menu li a{
 +
  padding:10px;
 +
  font-weight:bold;
 +
  text-shadow: 2px 2px 2px #fff;
 +
  font-size: 12px;
 +
}
 +
.header-top-menu li.active a,  .header-top-menu li a:hover{
 +
background: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png') no-repeat center center;
 +
        background-size: 100% 100%;
 +
  color: #fff;
 +
  font-weight:bold;
 +
  text-shadow: 2px 2px 2px #444;
 +
}
 +
 +
@media(max-width:767px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 125px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 160px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  h1:first-of-type {
 +
    position:absolute;
 +
    top:-168px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 280%;
 +
  }
 +
 +
}
 +
@media(min-width:768px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 0px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 86px;
 +
    min-height: 420px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  h1:first-of-type {
 +
    position:absolute;
 +
    top:-168px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 280%;
 +
  }
 +
}
 +
@media(min-width:992px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
  }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    background-position-y: 125px;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 160px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  h1:first-of-type {
 +
    position:absolute;
 +
    top:-168px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
    font-size: 280%;
 +
  }
 +
  #igem-logo{
 +
    width: 72px;
 +
    position: absolute;
 +
    bottom: 7px;
 +
    left: 145px;
 +
    height: 60px;
 +
  }
 +
  .header-top-menu li a{
 +
    padding:10px;
 +
    text-shadow: 1px 1px 2px #fff;
 +
    font-size: 15px;
 +
  }
 +
}
 +
@media(min-width:1200px){
 +
  #content{
 +
    background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
 +
    min-height:100%;
 +
    height:auto;
 +
    }
 +
  .container.withBackground {
 +
    background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
 +
    background-size: 100%;
 +
    padding-top: 0px;
 +
    background-origin: padding-box;
 +
    margin-top: 231px;
 +
    min-height: 520px;
 +
    z-index: 2;
 +
    position: relative;
 +
    padding-bottom: 40px;
 +
  }
 +
  .container.afterWithBackground {
 +
    content: " ";
 +
    display: block;
 +
    background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
 +
    height: 189px;
 +
  }
 +
  #myTab{
 +
    margin-top:-90px;
 +
  }
 +
  h1:first-of-type{
 +
    position:absolute;
 +
    top:-200px;
 +
    left:50%;
 +
    margin-left:-350px;
 +
    width:700px;
 +
  }
 +
  .header-top-menu li a{
 +
    padding:15px;
 +
    text-shadow: 2px 2px 2px #fff;
 +
    font-size: 16px;
 +
  }
 +
  #header-top-menu{ padding-top:10px; }
 +
}
 +
h1{
 +
  color: rgb(255, 255, 255);
 +
  text-shadow: 8px 8px 8px rgba(55, 55, 55, 1);
 +
  padding-top:0;
 +
  margin-top: -10px;
 +
  padding-bottom: 20px;
 +
  clear:both;
 +
}
 +
body { background: transparent; }
 +
#footer2{
 +
width:100%;
 +
background: #5a2c33;
 +
z-index: 1;
 +
height:160px;
 +
position:relative;
 +
margin-top: -15px;
 +
-webkit-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
-moz-box-shadow:    inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
box-shadow:        inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
 +
}
 +
.tab-content{
 +
  padding: 35px;
 +
  padding-bottom: 40px;
 +
}
 +
#globalWrapper{
 +
padding-bottom:0;
 +
}
 +
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/jqueryUI&action=raw&ctype=text/javascript"></script>
+
 
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/bootstrap&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/bootstrap&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/jqueryUI&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/slimbox2.js&action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/slimbox2.js&action=raw&ctype=text/javascript"></script>
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/slimbox2.css&action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/slimbox2.css&action=raw&ctype=text/css" />
Line 55: Line 295:
     }
     }
   });
   });
 +
  $(".container.withBackground").after("<div id='footer2'></div>");
});
});
</script>
</script>
-
   <div class="container">
+
   <div class="container" id="headerWrapper">
-
    <div class="row">
+
       <div id="logo" style="padding:0;margin:0; position:relative" >
-
       <div class="col-sm-3" id="logo" style="padding:0;margin:0; position:relative" >
+
         <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link">
-
         <a href="https://2014.igem.org/Team:Valencia_Biocampus"><img src="https://static.igem.org/mediawiki/2014/3/3e/Vbt_logo_stool.png" data-alt-src="https://static.igem.org/mediawiki/2014/3/3e/Vbt_logo_stool.png" alt="The St2ool project" id="logoimage" />
+
         </a>
         </a>
-
         <a href="https://igem.org" id="igem-logo" style="width:23%; position:absolute; bottom:5px; left:50%;">
+
         <a href="https://igem.org" id="igem-logo">
-
          <img src="https://static.igem.org/mediawiki/2014/0/0a/Vbt_igem-logo.png" alt="Valencia Biocampus - iGEM Logo" />
+
         </a>
         </a>
       </div>
       </div>
-
       <ul class="col-sm-9 header-menu" id="header-menu">
+
       <ul id="header-top-menu" class="header-top-menu pull-right">
         <li id="menu_a_project">
         <li id="menu_a_project">
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Project">Project</a>
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Project">Project</a>
         </li>
         </li>
         <li id="menu_a_team">
         <li id="menu_a_team">
-
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The team</a>
+
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The Team</a>
         </li>
         </li>
         <li id="menu_a_results">
         <li id="menu_a_results">
Line 83: Line 322:
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Biobricks">Biobricks</a>
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Biobricks">Biobricks</a>
         </li>
         </li>
 +
      </ul>
 +
      <ul id="header-top-menu2" class="header-top-menu pull-right">
         <li id="menu_a_human-practices">
         <li id="menu_a_human-practices">
-
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Results#OpenLicenseSection">Human Practices</a>
+
           <a href="https://2014.igem.org/Team:Valencia_Biocampus/Results#OpenLicense">Human Practices</a>
         </li>
         </li>
         <li id="menu_a_interlab-study">
         <li id="menu_a_interlab-study">
Line 105: Line 346:
         if(typeof activeSection !== "undefined" ){     
         if(typeof activeSection !== "undefined" ){     
-
             $("#header-menu li.active").removeClass("active");
+
             $(".header-top-menu li.active").removeClass("active");
             $("#menu_a_"+activeSection).addClass("active");
             $("#menu_a_"+activeSection).addClass("active");
         }
         }
Line 130: Line 371:
     line-height:32px;
     line-height:32px;
     background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
     background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
 +
    z-index: 40;
}
}
</style>
</style>

Revision as of 14:48, 14 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Valencia_Biocampus/Templates/Header"