Team:Paris Bettencourt/header

From 2013.igem.org

(Difference between revisions)
Line 239: Line 239:
/* Header stuff*/
/* Header stuff*/
-
#wrapper {
+
#menubarbleu ul {
-
  border-radius:10px;
+
    list-style: none;
-
  box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
+
    padding-top: 12px;
-
  font-size:11.5pt;
+
    position: relative;
-
  background:#FFFFFF;
+
}
 +
 
 +
#menubarbleu ul li {
 +
    padding: 5px 10px;
 +
    margin-right: 10px;
 +
    display: inline-block;
 +
 
 +
}
 +
 
 +
#menubarbleu ul li a, #menubarbleu ul li span {
 +
    text-decoration: none;
 +
    color: #FFFFFF;
 +
    letter-spacing: 0px;
 +
    font-size: 1.2em;
 +
}
 +
 
 +
#menubarbleu ul li span b {
 +
    display: inline-block;
 +
    border-left: 6px solid transparent;
 +
    border-right: 6px solid transparent;
 +
    border-top: 7px solid #1d6094 /*#1C7575*/;
 +
    margin-left: 8px;
 +
    position: relative;
 +
    top: -1px;
 +
}
 +
 
 +
#menubarbleu ul li.active {
 +
    background: rgb(29,96,148) /*#1C7575*/;
 +
    border-top: solid 1px #1d5b8a /*#1A6B6B*/;
 +
    border-bottom: solid 1px #e7f2fa /*#5AD7D7*/;
 +
    border-radius: 3px;
 +
    padding-top: 4px;
 +
    padding-bottom: 4px;
 +
}
 +
 
 +
#menubarbleu ul li.active span b {
 +
    border-top-color: #165E5E;
}
}
</style>
</style>
 +
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Paris_Bettencourt/js/drop.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
// listen for scroll
 +
var positionElementInPage = $('#menubarbleu').offset().top;
 +
$(window).scroll(
 +
    $(function() {
 +
if ($(window).scrollTop() >= positionElementInPage) {
 +
    // fixed
 +
    $('#menubarbleu').addClass("sticky");
 +
} else {
 +
    // relative
 +
    $('#menubarbleu').removeClass("sticky");
 +
}
 +
    })
 +
);
 +
 +
$(function() {
 +
    $('#menubarbleu > ul').dropotron({
 +
mode: 'fade',
 +
globalOffsetY: 11,
 +
offsetY: -15
 +
    });
 +
});
 +
 +
var _gaq = _gaq || [];
 +
_gaq.push(['_setAccount', 'UA-34573161-1']);
 +
_gaq.push(['_trackPageview']);
 +
 +
(function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
})();
 +
</script>
</head>
</head>
</html>
</html>
Line 253: Line 324:
<body>
<body>
-
<p id="back-top">
+
<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
-
  <a href="#top"><span></span>Back to Top</a>
+
-
</p>
+
-
<div id="wrapper">
+
<div id="menubarbleu" class="">
</div>
</div>
</body>
</body>

Revision as of 12:28, 2 August 2013

iGEM Paris Bettencourt 2013

Back to Top

Retrieved from "http://2013.igem.org/Team:Paris_Bettencourt/header"