Difference between revisions of "Template:Freiburg/MenubarTest"

Line 29: Line 29:
 
     min-width: 900px;
 
     min-width: 900px;
 
     padding-top: 16px;
 
     padding-top: 16px;
−
     z-index: 900;
+
     z-index: -100;
 
}
 
}
  
Line 44: Line 44:
 
     border-bottom-width: 1px;
 
     border-bottom-width: 1px;
 
     border-bottom-style: outset;
 
     border-bottom-style: outset;
−
     z-index: 940;
+
     z-index: -60;
 
}
 
}
 
      
 
      
Line 55: Line 55:
 
     height: 60px;
 
     height: 60px;
 
     background-color: #0051A2;
 
     background-color: #0051A2;
−
     z-index: 980;    /*defines color behind icons */  
+
     z-index: -20;    /*defines color behind icons */  
 
}
 
}
  
Line 77: Line 77:
 
     background-color: #FFF;
 
     background-color: #FFF;
 
     /*border: 1px solid #5781BD;*/
 
     /*border: 1px solid #5781BD;*/
−
     z-index: 1100;
+
     z-index: 100;
 
}
 
}
  
Line 88: Line 88:
 
     text-align: center;
 
     text-align: center;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
−
     z-index: 1050;
+
     z-index: 50;
 
}
 
}
  
Line 99: Line 99:
 
#home {
 
#home {
 
     background: url(https://static.igem.org/mediawiki/2015/8/81/Freiburg_icon_home.png) no-repeat;  
 
     background: url(https://static.igem.org/mediawiki/2015/8/81/Freiburg_icon_home.png) no-repeat;  
−
     height: 60px;
+
     height: 60px;;
 
     background-position: center;
 
     background-position: center;
 
}
 
}
Line 170: Line 170:
 
     -moz-transition: all 300ms ease-out;
 
     -moz-transition: all 300ms ease-out;
 
     transition: all 300ms ease-out;
 
     transition: all 300ms ease-out;
−
     z-index: 1000;
+
     z-index: 0;
 
}
 
}
  
Line 192: Line 192:
 
   top: 2px;
 
   top: 2px;
 
   left:0;
 
   left:0;
−
   z-index:1002;
+
   z-index:2;
 
     background-color: #C5162F;
 
     background-color: #C5162F;
 
     border-top-right-radius: 5px;
 
     border-top-right-radius: 5px;
Line 229: Line 229:
 
   bottom: -30px;
 
   bottom: -30px;
 
   left:0;
 
   left:0;
−
   z-index:1002;
+
   z-index:2;
 
     background-color: #C5162F;
 
     background-color: #C5162F;
 
     border-bottom-right-radius: 5px;
 
     border-bottom-right-radius: 5px;
Line 304: Line 304:
 
     font-family: Roboto,sans-serif;
 
     font-family: Roboto,sans-serif;
 
     font-size: 16px;
 
     font-size: 16px;
−
     z-index: 1600;
+
     z-index: 600;
 
}
 
}
  
Line 312: Line 312:
 
     padding: 0px;
 
     padding: 0px;
 
     position: absolute;
 
     position: absolute;
−
     z-index: 1600;
+
     z-index: 600;
 
}
 
}
  
Line 321: Line 321:
 
     /*float: left;*/                /*makes items go horizontal*/
 
     /*float: left;*/                /*makes items go horizontal*/
 
     position: relative;
 
     position: relative;
−
     z-index: 1600;
+
     z-index: 600;
 
}     
 
}     
  
Line 334: Line 334:
 
     text-align: center;
 
     text-align: center;
 
     border-radius: 8px;
 
     border-radius: 8px;
−
     z-index: 1600;
+
     z-index: 600;
 
}
 
}
  
Line 387: Line 387:
 
             $(function() {
 
             $(function() {
 
                 $("document").ready(function(){
 
                 $("document").ready(function(){
−
 
−
 
−
$(window).scroll(function (event) {
 
−
  var y = $(this).scrollTop();
 
−
  // console.log(y);
 
−
 
 
−
                        if(y>61){//scrolling
 
−
 
−
                          //  $('#navtextwrapper').css('display', 'block');
 
−
$('#navtextwrapper').css('position', 'fixed');
 
−
  //$('#navtextwrapper').css('z-index', '9999');
 
−
  $('#navtextwrapper').css('width', '100%');
 
−
$('#navtextwrapper').css('background', '#0051A2');
 
−
 
−
  //$('#navtextwrapper').css('top', y-7);  
 
−
$('#navtextwrapper').css('top',12);
 
−
 
−
                            $('#navicons ul li').css('z-index', '10000');
 
−
  $('#navicons ul li').css('top', y-60);
 
−
 
−
 
−
 
−
 
−
 
 
−
 
−
  } else{
 
−
                            $('#navtextwrapper').css('display', 'none');
 
−
$('#navtextwrapper').css('display', 'block');
 
−
$('#navtextwrapper').css('position', 'fixed');
 
−
  $('#navtextwrapper').css('top', 65);
 
−
  $('#navtextwrapper').css('width', '100%');
 
−
  $('#navtextwrapper').css('background', '#0051A2');
 
−
  $('#navtextwrapper').css('position', 'absolute');
 
−
 
−
  $('#navicons ul li').css('top', 0);
 
−
 
 
−
  }
 
−
 
 
−
  });
 
−
 
−
 
−
 
−
 
 
// make submenus appear //
 
// make submenus appear //
 
                     $("#home").hover(function(){
 
                     $("#home").hover(function(){

Revision as of 23:09, 9 September 2015

""