Template:Team:Valencia Biocampus/Templates/Header

From 2014.igem.org

(Difference between revisions)
Line 18: Line 18:
<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/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: 125px;
 
-
    padding-top: 0px;
 
-
    background-origin: padding-box;
 
-
    margin-top: 87px;
 
-
    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:-125px;
 
-
    left:50%;
 
-
    margin-left:-350px;
 
-
    width:700px;
 
-
    font-size: 280%;
 
-
  }
 
-
  .contentWithPadding{
 
-
    padding: 30px;
 
-
    padding-bottom:50px;
 
-
    margin-top:-87px;
 
-
  }
 
-
 
-
}
 
-
@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:-124px;
 
-
    left:50%;
 
-
    margin-left:-350px;
 
-
    width:700px;
 
-
    font-size: 280%;
 
-
  }
 
-
  .contentWithPadding{
 
-
    padding: 30px;
 
-
    padding-bottom:50px;
 
-
    margin-top:-87px;
 
-
  }
 
-
}
 
-
@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: 330%;
 
-
  }
 
-
  .contentWithPadding{
 
-
    padding: 30px;
 
-
    padding-bottom:50px;
 
-
    margin-top:-105px;
 
-
  }
 
-
  #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:-450px;
 
-
    width:900px;
 
-
    font-size: 360%;
 
-
  }
 
-
  .contentWithPadding{
 
-
    padding: 30px;
 
-
    padding-bottom:50px;
 
-
    margin-top:-125px;
 
-
  }
 
-
  .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;
 
-
}
 
-
#content{
 
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 
-
}
 
-
</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>
Line 384: Line 122:
</script>
</script>
-
<style>
 
-
.back-to-top {
 
-
    cursor: pointer;
 
-
    position: fixed;
 
-
    bottom: 20px;
 
-
    right: 20px;
 
-
    display:none;
 
-
    width:45px;
 
-
    height:32px;
 
-
    line-height:32px;
 
-
    background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
 
-
    z-index: 40;
 
-
}
 
-
</style>
 
<a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left">  </a>
<a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left">  </a>
<script type="text/javascript">
<script type="text/javascript">

Revision as of 23:32, 15 October 2014