(61 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'> | ||
<style> | <style> | ||
+ | |||
+ | /*--------------------------*/ | ||
+ | .jumbotron{ | ||
+ | background-color: #ffff99; | ||
+ | border-color: #002080; | ||
+ | } | ||
+ | |||
+ | #jumbotron{ | ||
+ | background-color: #ffff99; | ||
+ | border-color: #002080; | ||
+ | } | ||
+ | #top-navbar { | ||
+ | border-radius: 5px; | ||
+ | border-color: #00274c; | ||
+ | border-style: solid; | ||
+ | } | ||
+ | #top-navbar > div > ul > li > a { | ||
+ | color: #00274c !important; | ||
+ | } | ||
+ | |||
/********************************* DEFAULT WIKI SETTINGS ********************************/ | /********************************* DEFAULT WIKI SETTINGS ********************************/ | ||
Line 10: | Line 32: | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /********************************* Horizontal menu styling ********************************/ | ||
+ | .menu_wrapper{ | ||
+ | width: 100%; | ||
padding:0px; | padding:0px; | ||
+ | margin:0px; | ||
float:left; | float:left; | ||
− | background-color: | + | background-color:inherit; |
− | + | } | |
− | + | ||
− | + | .menu_wrapper .navbar{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
padding:0px; | padding:0px; | ||
− | + | margin:0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | margin | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | } | ||
/********************************* CONTENT OF THE PAGE ********************************/ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
− | + | #mw-content-text { | |
+ | font-family: 'Comfortaa', cursive; | ||
+ | } | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
Line 176: | Line 60: | ||
padding:10px 0px; | padding:10px 0px; | ||
float:left; | float:left; | ||
− | background-color: | + | background-color:inherit; |
} | } | ||
Line 230: | Line 114: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
− | + | ||
} | } | ||
Line 236: | Line 120: | ||
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
− | + | ||
} | } | ||
Line 244: | Line 128: | ||
padding:0px 15px; | padding:0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
− | + | // font-family:Tahoma, Geneva, sans-serif; | |
} | } | ||
Line 270: | Line 154: | ||
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
− | + | // font-family:Tahoma, Geneva, sans-serif; | |
} | } | ||
Line 277: | Line 161: | ||
padding:0px; | padding:0px; | ||
font-size: 13px; | font-size: 13px; | ||
− | + | // font-family:Tahoma, Geneva, sans-serif; | |
} | } | ||
Line 359: | Line 243: | ||
− | < | + | <script> |
+ | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | ||
− | + | $(document).ready(function() { | |
− | + | $("#HQ_page").attr('id',''); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line | ||
+ | $("#team_name").html( wgPageName ); | ||
+ | } | ||
+ | /* | ||
+ | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name | ||
+ | $("#team_name").html(wgPageName.substring( 5, wgPageName.length ) ); | ||
+ | } | ||
− | + | else { | |
− | + | // this adds the team's name as an h1 | |
+ | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) ); | ||
− | + | // this adds the page's title as an h4 | |
+ | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); | ||
+ | } | ||
+ | */ | ||
− | |||
− | |||
− | + | $('#accordion').find('.menu_item').click(function(){ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | //Expand or collapse this panel | |
− | + | submenu = $(this).find('.submenu'); | |
− | + | submenu.toggle(); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | icon = $(this).find('.icon'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | if ( !$( submenu ).is(':visible') ) { | ||
+ | icon.removeClass("less").addClass("plus"); | ||
+ | } | ||
+ | else { | ||
+ | icon.removeClass("plus").addClass("less"); | ||
+ | } | ||
− | + | //Hide the other panels | |
+ | $(".submenu").not(submenu).hide(); | ||
+ | $(".icon").not(icon).removeClass("less").addClass("plus"); | ||
+ | }); | ||
− | + | $(".collapsable_menu_control").click(function() { | |
+ | $(".menu_item").toggle(); | ||
+ | }); | ||
+ | $( window ).resize(function() { | ||
+ | $(".menu_item").show(); | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </script> | ||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
− | |||
− | <div> | + | <!-- This tells the browser that your page is responsive (also loads bootstrap)--> |
− | <nav class="navbar | + | |
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> | ||
+ | <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="container menu_wrapper"> | ||
+ | <nav class="navbar" id="top-navbar"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
− | |||
− | |||
− | |||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
− | <li | + | <li ><a href="https://2016.igem.org/Team:Michigan_Software">Home</a></li> |
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Team | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team | ||
Line 472: | Line 344: | ||
<li><a href="https://2016.igem.org/Team:Michigan_Software/Description">Description</a></li> | <li><a href="https://2016.igem.org/Team:Michigan_Software/Description">Description</a></li> | ||
<li><a href="https://2016.igem.org/Team:Michigan_Software/Design">Design</a></li> | <li><a href="https://2016.igem.org/Team:Michigan_Software/Design">Design</a></li> | ||
− | |||
<li><a href="https://2016.igem.org/Team:Michigan_Software/Proof">Proof of Concept</a></li> | <li><a href="https://2016.igem.org/Team:Michigan_Software/Proof">Proof of Concept</a></li> | ||
<li><a href="https://2016.igem.org/Team:Michigan_Software/Demonstrate">Demonstrate</a></li> | <li><a href="https://2016.igem.org/Team:Michigan_Software/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Michigan_Software/UserGuide">User Guide</a></li> | ||
<li><a href="https://2016.igem.org/Team:Michigan_Software/Results">Results</a></li> | <li><a href="https://2016.igem.org/Team:Michigan_Software/Results">Results</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices |
<span class="caret"></span></a> | <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/ | + | <li><a href="https://2016.igem.org/Team:Michigan_Software/Human_Practices">Overview</a></li> |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/ | + | <li><a href="https://2016.igem.org/Team:Michigan_Software/HP/Silver">Silver</a></li> |
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 494: | Line 361: | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | |||
</div> | </div> | ||
− | + | <div class="content_wrapper"> | |
<h1 id="team_name"> </h1> | <h1 id="team_name"> </h1> | ||
Line 503: | Line 371: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 23:37, 17 October 2016