Template:Team:Valencia Biocampus/Templates/Header

From 2014.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
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" />
 +
<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" />
<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 55: Line 58:
     }
     }
   });
   });
 +
  $(".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">
+
   <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 88:
           <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/HumanPractices">Human Practices</a>
         </li>
         </li>
         <li id="menu_a_interlab-study">
         <li id="menu_a_interlab-study">
Line 105: Line 112:
         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 119: 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;
 
-
}
 
-
</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 154: Line 148:
if ($('.tocWrapper').length ) {
if ($('.tocWrapper').length ) {
 +
var tocWrapperOffsetLeft = $('.tocWrapper').offset().left;
$('.tocWrapper').affix({
$('.tocWrapper').affix({
     offset: {
     offset: {
-
       top: $('.tocWrapper').offset().top
+
       top: $('.tab-pane.active').offset().top
     , bottom: function () {
     , bottom: function () {
         return (this.bottom = $('.footer').outerHeight(true))
         return (this.bottom = $('.footer').outerHeight(true))
Line 163: Line 158:
     }
     }
   })
   })
-
var tocWrapperOffsetLeft = $('.tocWrapper').offset().left;
+
/*
 +
$('.tocWrapper').on('affixed.bs.affix', function () {
 +
//alert(tocWrapperOffsetLeft );
 +
    $('.affix').css('left', tocWrapperOffsetLeft);
 +
})
$('.tocWrapper').on('affixed-top.bs.affix', function () {
$('.tocWrapper').on('affixed-top.bs.affix', function () {
-
alert(tocWrapperOffsetLeft );
+
     $('.affix-top').css('left', 'auto');
-
     $('.tocWrapper').css('left', tocWrapperOffsetLeft);
+
-
 
+
-
 
+
})
})
-
 
+
*/
}
}
 +
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>

Latest revision as of 01:33, 18 October 2014