Template:Team:Valencia Biocampus/Templates/Header2
From 2014.igem.org
(Difference between revisions)
(115 intermediate revisions not shown) | |||
Line 22: | Line 22: | ||
#content{ | #content{ | ||
background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat; | background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat; | ||
- | min-height: | + | min-height:100%; |
height:auto; | height:auto; | ||
+ | } | ||
+ | #logo{ | ||
+ | width: 31%; | ||
+ | float:left; | ||
} | } | ||
#logo-header-link{ | #logo-header-link{ | ||
display: block; | display: block; | ||
- | width: | + | width: 100%; |
height: 154px; | 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{ | h1{ | ||
Line 36: | Line 234: | ||
margin-top: -10px; | margin-top: -10px; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
+ | clear:both; | ||
} | } | ||
body { background: transparent; } | 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> | </style> | ||
- | <script type="text/javascript" src=" | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
- | <script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/ | + | |
+ | <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> | ||
+ | <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" /> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 84: | Line 295: | ||
} | } | ||
}); | }); | ||
+ | $(".container.withBackground").after("<div id='footer2'></div>"); | ||
}); | }); | ||
</script> | </script> | ||
<div class="container" id="headerWrapper"> | <div class="container" id="headerWrapper"> | ||
- | + | <div id="logo" style="padding:0;margin:0; position:relative" > | |
- | <div | + | |
<a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link"> | <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link"> | ||
</a> | </a> | ||
- | <a href="https://igem.org" id="igem-logo | + | <a href="https://igem.org" id="igem-logo"> |
</a> | </a> | ||
</div> | </div> | ||
- | <ul | + | <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 | + | <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 111: | 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#OpenLicense">Human Practices</a> | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Results#OpenLicense">Human Practices</a> | ||
Line 133: | Line 346: | ||
if(typeof activeSection !== "undefined" ){ | if(typeof activeSection !== "undefined" ){ | ||
- | $(" | + | $(".header-top-menu li.active").removeClass("active"); |
$("#menu_a_"+activeSection).addClass("active"); | $("#menu_a_"+activeSection).addClass("active"); | ||
} | } | ||
Line 147: | Line 360: | ||
</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> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(window).scroll(function () { | ||
+ | if ($(this).scrollTop() > 50) { | ||
+ | $('#back-to-top').fadeIn(); | ||
+ | } else { | ||
+ | $('#back-to-top').fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | // scroll body to 0px on click | ||
+ | $('#back-to-top').click(function () { | ||
+ | $('#back-to-top').tooltip('hide'); | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 800); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | $('#back-to-top').tooltip('show'); | ||
+ | |||
+ | if ($('.tocWrapper').length ) { | ||
+ | var tocWrapperOffsetLeft = $('.tocWrapper').offset().left; | ||
+ | |||
+ | $('.tocWrapper').affix({ | ||
+ | offset: { | ||
+ | top: $('.tab-pane.active').offset().top | ||
+ | , bottom: function () { | ||
+ | return (this.bottom = $('.footer').outerHeight(true)) | ||
+ | } | ||
+ | } | ||
+ | }) | ||
+ | /* | ||
+ | $('.tocWrapper').on('affixed.bs.affix', function () { | ||
+ | //alert(tocWrapperOffsetLeft ); | ||
+ | $('.affix').css('left', tocWrapperOffsetLeft); | ||
+ | }) | ||
+ | $('.tocWrapper').on('affixed-top.bs.affix', function () { | ||
+ | $('.affix-top').css('left', 'auto'); | ||
+ | }) | ||
+ | */ | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
</html> | </html> |
Latest revision as of 10:36, 14 October 2014