|
|
(169 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
- | <link href='http://fonts.googleapis.com/css?family=Audiowide|Share+Tech+Mono' rel='stylesheet' type='text/css'>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
| |
- | </head>
| |
| | | |
- | <style> | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
| | | |
- | /* Hide Defaults */ | + | <script type="text/javascript"> |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
- | display:none;}
| + | |
- | #top-section {
| + | |
- | border: none;
| + | |
- | height: 0px;}
| + | |
- | #content {
| + | |
- | border: none;}
| + | |
| | | |
- | /* Background */
| + | $(document).ready(function(){ |
- | body {
| + | |
- | background-image:url("http://oi62.tinypic.com/2uek64o.jpg");
| + | |
- | }
| + | |
| | | |
- | /* Text Styles */ | + | // PLEASE READ BELOW COMMENT |
- | h1{
| + | // |
- | font: 400 45px/0.5 'Audiowide', Helvetica, sans-serif;
| + | // don't worry, we're open source --> https://github.com/raptor-igem/2014hs-website |
- | text-align:center;
| + | // |
- | }
| + | // PLEASE READ ABOVE COMMENT |
- | p{
| + | |
- | font: 400 14px/1.5 'Share Tech Mono', Times, serif;
| + | |
- | }
| + | |
| | | |
- | /* Navigation */ | + | $("body.page-Team_Ravenwood_Raptors").append("<iframe class='real' src='http://raptor-igem.github.io/2014hs-website/'></iframe>"); |
| + | }); |
| | | |
| + | </script> |
| + | |
| + | <style type="text/css"> |
| + | body { |
| + | overflow-x: hidden; |
| + | height: 100%; |
| + | } |
| + | .real { |
| + | position: absolute; |
| + | width: 100%; |
| + | height: 99%; |
| + | background-color: white; |
| + | top: 0%; |
| + | left: 0%; |
| + | overflow: hidden; |
| + | z-index: 999; |
| + | } |
| </style> | | </style> |
| | | |
| + | </head> |
| <body> | | <body> |
| | | |
- | <!-- jQuery -->
| + | <div id="page-contain"> |
- | <script>
| + | <div class="page-real-main"> |
- | $('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>');
| + | </div> |
- | var activeElement = $('#cssmenu>ul>li:first');
| + | </div> |
- | | + | |
- | $('#cssmenu>ul>li').each(function() {
| + | |
- | if ($(this).hasClass('active')) {
| + | |
- | activeElement = $(this);
| + | |
- | }
| + | |
- | });
| + | |
- | | + | |
- | | + | |
- | var posLeft = activeElement.position().left;
| + | |
- | var elementWidth = activeElement.width();
| + | |
- | posLeft = posLeft + elementWidth/2 -6;
| + | |
- | if (activeElement.hasClass('has-sub')) {
| + | |
- | posLeft -= 6;
| + | |
- | }
| + | |
- | | + | |
- | $('#cssmenu #pIndicator').css('left', posLeft);
| + | |
- | var element, leftPos, indicator = $('#cssmenu pIndicator');
| + | |
- |
| + | |
- | $("#cssmenu>ul>li").hover(function() {
| + | |
- | element = $(this);
| + | |
- | var w = element.width();
| + | |
- | if ($(this).hasClass('has-sub'))
| + | |
- | {
| + | |
- | leftPos = element.position().left + w/2 - 12;
| + | |
- | }
| + | |
- | else {
| + | |
- | leftPos = element.position().left + w/2 - 6;
| + | |
- | }
| + | |
- | | + | |
- | $('#cssmenu #pIndicator').css('left', leftPos);
| + | |
- | }
| + | |
- | , function() {
| + | |
- | $('#cssmenu #pIndicator').css('left', posLeft);
| + | |
- | });
| + | |
- | | + | |
- | | + | |
- | $('#cssmenu>ul>.has-sub>ul').append('<div class="submenuArrow"></div>');
| + | |
- | $('#cssmenu>ul').children('.has-sub').each(function() {
| + | |
- | var posLeftArrow = $(this).width();
| + | |
- | posLeftArrow /= 2;
| + | |
- | posLeftArrow -= 12;
| + | |
- | $(this).find('.submenuArrow').css('left', posLeftArrow);
| + | |
- | | + | |
- | });
| + | |
- | | + | |
- | $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
| + | |
- | $( "#menu-button" ).click(function(){
| + | |
- | if ($(this).parent().hasClass('open')) {
| + | |
- | $(this).parent().removeClass('open');
| + | |
- | }
| + | |
- | else {
| + | |
- | $(this).parent().addClass('open');
| + | |
- | }
| + | |
- | });
| + | |
- | </script> | + | |
- | | + | |
- | <!-- Logo -->
| + | |
- | <h1>Ravenwood Raptors</h1>
| + | |
- | | + | |
- | <!-- Navigation -->
| + | |
- | | + | |
| | | |
| </body> | | </body> |
- |
| |
| </html> | | </html> |