|
|
| (22 intermediate revisions not shown) |
| 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:-87px;
| |
| - | }
| |
| - | #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;
| |
| - | 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 288: |
Line 26: |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | $(document).ready(function() { | | $(document).ready(function() { |
| | + | |
| | // cache the id | | // cache the id |
| | var navbox = $('#myTab'); | | var navbox = $('#myTab'); |
| Line 319: |
Line 58: |
| | } | | } |
| | }); | | }); |
| - | $(".container.withBackground").after("<div id='footer2'></div>"); | + | $(".container.withBackground").after("<div id='footer2'>Valencia Biocampus. iGEM 2014<div class='footer-link'><a href='http://www.facebook.com/pages/València-Biocampus-IGEM/284330661673814'><img src='https://static.igem.org/mediawiki/2013/9/91/1380788391_facebook_square.png' alt='Facebook' title='Facebook' /></a><a href='http://twitter.com/vlc_biocampus'><img src='https://static.igem.org/mediawiki/2013/b/b6/1380788385_twitter_square.png' alt='Twitter' title='Twitter' /></a><a href='http://www.youtube.com/channel/UCvnn8shHH64omOF17Ei4H7w'><img src='https://static.igem.org/mediawiki/2013/e/ea/1380788439_youtube_square_color.png' alt='Youtube' title='Youtube' /></a><a href='http://instagram.com/vlc_biocampus'><img src='https://static.igem.org/mediawiki/2013/5/5f/1380788401_instagram_square_color.png' alt='Instagram' title='Instagram' /></a></div></div>"); |
| | + | |
| | + | |
| | }); | | }); |
| | + | |
| | </script> | | </script> |
| | <div class="container" id="headerWrapper"> | | <div class="container" id="headerWrapper"> |
| Line 384: |
Line 126: |
| | </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"> |
| Line 440: |
Line 168: |
| | */ | | */ |
| | } | | } |
| | + | if ($('.tocWrapperiGEM').length ) { |
| | + | var tocWrapperOffsetLeft = $('.tocWrapper').offset().left; |
| | | | |
| | + | $('.tocWrapperiGEM').affix({ |
| | + | offset: { |
| | + | top: $('.tab-pane.active').offset().top |
| | + | , bottom: function () { |
| | + | return (this.bottom = $('.footer').outerHeight(true)) |
| | + | } |
| | + | } |
| | + | }) |
| | + | /* |
| | + | $('.tocWrapperiGEM').on('affixed.bs.affix', function () { |
| | + | //alert(tocWrapperOffsetLeft ); |
| | + | $('.affix').css('left', tocWrapperOffsetLeft); |
| | + | }) |
| | + | $('.tocWrapperiGEM').on('affixed-top.bs.affix', function () { |
| | + | $('.affix-top').css('left', 'auto'); |
| | + | }) |
| | + | */ |
| | + | } |
| | }); | | }); |
| | | | |
| | </script> | | </script> |
| | </html> | | </html> |
"
