Team:SDU-Denmark/core/header

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
<script type="text/javascript">
<script type="text/javascript">
-
function sticky_relocate() {
+
    function sticky_relocate() {
         var viewportHeight = $(window).height();
         var viewportHeight = $(window).height();
         var totalPageHeight = $(document).height();
         var totalPageHeight = $(document).height();
-
         if (totalPageHeight > viewportHeight ) {
+
         if (totalPageHeight > viewportHeight) {
-
          $(".MainLayout").css("margin-bottom", "100px");  
+
            $(".MainLayout").css("margin-bottom", "100px");
         }
         }
         else {
         else {
-
          $(".MainLayout").css("margin-bottom", "0");  
+
            $(".MainLayout").css("margin-bottom", "0");
-
         }  
+
         }
-
    var window_top = $(window).scrollTop();
+
        var window_top = $(window).scrollTop();
-
    var div_top = $('#sticky-anchor').offset().top;
+
        var div_top = $('#sticky-anchor').offset().top;
-
    if (window_top > div_top) {  
+
        if (window_top > div_top) {
-
      $('.top').addClass('stick');
+
            $('.top').addClass('stick');
-
      $(".topMargin").css("margin-top", "113px");
+
            $(".topMargin").css("margin-top", "113px");
-
    } else {
+
        } else {
-
      $('.top').removeClass('stick');
+
            $('.top').removeClass('stick');
-
      $(".topMargin").css("margin-top", "25px");
+
            $(".topMargin").css("margin-top", "25px");
 +
        }
     }
     }
-
  }
 
-
  $(document).ready(function() {
+
    $(document).ready(function () {
-
    $('.left-menu').children().first().children().last().css('color', '');  
+
        $('.left-menu').children().first().children().last().css('color', '');
-
    $('.left-menu').children().first().children().last().css('font-size', '10px');  
+
        $('.left-menu').children().first().children().last().css('font-size', '10px');
-
    $('#menubar').bind("mouseover", function(){
+
        $('#menubar').bind("mouseover", function () {
-
        $(this).css("background", "transparent");
+
            $(this).css("background", "transparent");
-
        $('#menubar').css("background", "transparent");
+
            $('#menubar').css("background", "transparent");
-
    });    
+
        });
-
    $(window).scroll(sticky_relocate);
+
        $(window).scroll(sticky_relocate);
-
    $('#btnMenu, .menuPopup').hover(
+
        $('#btnMenu, .menuPopup').hover(
-
      function () {
+
          function () {
-
        $('.menuPopup').show();
+
              $('.menuPopup').show();
-
      },
+
          },
-
      function () {
+
          function () {
-
        $('.menuPopup').hide();
+
              $('.menuPopup').hide();
-
      }
+
          }
-
    );
+
        );
-
  });
+
    });
</script>
</script>
-
 
-
 
<div class="BackgroundLayout">
<div class="BackgroundLayout">
Line 50: Line 48:
     <div id="sticky-anchor"></div>
     <div id="sticky-anchor"></div>
     <div class="top bannerShadow">
     <div class="top bannerShadow">
-
           
+
        <div class="NavbarContainer">
-
            <div class="NavbarContainer" >
+
            <div class="TopLogo"></div>
-
               
+
            <div class="HeaderTitel">Rubber in an eco-friendly way</div>
-
                <div class="TopLogo"></div>
+
            <div class="NavbarContainerInner">
-
                <div class="HeaderTitel">Rubber in an eco-friendly way</div>
+
                <div class="MenuButton SelectedMenuButton"><a class="MenuButtonLink" href="#">Welcome</a></div>
-
                <div class="NavbarContainerInner">
+
                <div class="MenuButton"><a class="MenuButtonLink" href="#">Discover the project</a></div>
-
                    <div class="MenuButton SelectedMenuButton"><a class="MenuButtonLink" href="#">Welcome</a></div>
+
                <div class="MenuButton" id="btnMenu">
-
                    <div class="MenuButton"><a class="MenuButtonLink" href="#">Discover the project</a></div>
+
                    <a class="MenuButtonLink" href="#">Menu</a>
-
                    <div class="MenuButton" id="btnMenu"><a class="MenuButtonLink" href="#">Menu</a>
+
                    <div class="menuPopup">
-
                      <div class="menuPopup">
+
                         <div class="menuPopupContent">
-
                         <div class="menuPopupContent">  
+
                            <div class="menuPopupContentInner bannerShadow">
-
                          <div class="menuPopupContentInner bannerShadow">
+
                                <div class="menuIntro">
-
                            <div class="menuIntro">
+
                                    <p class="menuIntro">Use the shortcuts below to quickly navigate to a specific page.</p>
-
                              <p class="menuIntro">Use the shortcuts below to quickly navigate to a specific page.</p>                                        
+
                                    <p class="menuIntro">
-
                              <p class="menuIntro"> We know it is still a bit empty here, but feel free contact us if you have any questions. Our e-mail is <a href="mailto:igem.sdu.2013@gmail.com">igem.sdu.2013@gmail.com</a>
+
                                        We know it is still a bit empty here, but feel free contact us if you have any questions. Our e-mail is <a href="mailto:igem.sdu.2013@gmail.com">igem.sdu.2013@gmail.com</a>
-
                              </p>
+
                                    </p>
-
                            /div>
+
                                    /div>
-
                          <div class="EndFloatBlock"></div>
+
                                    <div class="EndFloatBlock"></div>
 +
                                </div>
 +
                            </div>
                         </div>
                         </div>
-
                      </div>
 
-
                  </div>
 
-
              </div>
 
-
                   
 
-
                    <div class="IgemLogoLink">
 
-
                        <a href="http://www.igem.org" title="iGEM Main Wiki Page">
 
-
                            <img src="https://static.igem.org/mediawiki/2013/2/2d/SDU2013_igemLogo.png" alt="iGEM logo" height="42"/>
 
-
                        </a>
 
                     </div>
                     </div>
-
                    <div class="EndFloatBlock"></div>
 
                 </div>
                 </div>
-
                  
+
                 <div class="IgemLogoLink">
 +
                    <a href="http://www.igem.org" title="iGEM Main Wiki Page">
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/2d/SDU2013_igemLogo.png" alt="iGEM logo" height="42" />
 +
                    </a>
 +
                </div>
 +
                <div class="EndFloatBlock"></div>
             </div>
             </div>
         </div>
         </div>
 +
    </div>
     <div class="MainLayout">
     <div class="MainLayout">
-
          
+
         <div class="topMargin"></div>
-
<div class="topMargin">
+
        <div class="ContentHeader">
-
 
+
</html>
 +
{{{1| }}} 
 +
<html>
</div>
</div>
-
        <div class="ContentHeader">   
+
    <div class="content">
-
            </html>  {{{1| }}}  <html>
+
-
        </div>
+
-
        <div class="content">
+
-
 
+
-
 
+
</html>
</html>

Revision as of 09:28, 11 August 2013

Rubber in an eco-friendly way
Welcome
Discover the project
iGEM logo

Retrieved from "http://2013.igem.org/Team:SDU-Denmark/core/header"