|
|
(67 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; } |
| | | |
− | /********************************* MENU ********************************/ | + | |
− | /* Wrapper for the menu */
| + | /********************************* Horizontal menu styling ********************************/ |
− | .menu_wrapper {
| + | .menu_wrapper{ |
− | width:150px; | + | width: 100%; |
− | height:100vh;
| + | |
− | position:fixed;
| + | |
| padding:0px; | | padding:0px; |
| + | margin:0px; |
| float:left; | | float:left; |
− | background-color:#f2f2f2; | + | background-color:inherit; |
− | text-align:left;
| + | } |
− | }
| + | |
| | | |
− | /* styling for the menu items */
| + | .menu_wrapper .navbar{ |
− | .menu_item {
| + | |
− | width:100%;
| + | |
− | margin:-2px 0px 0px -20px;
| + | |
− | padding: 10px 10px;
| + | |
− | border-bottom: 1px solid #d3d3d3;
| + | |
− | font-weight:bold;
| + | |
− | color:#000000;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | | + | |
− | /* when hovering on a menu item */
| + | |
− | .menu_item:hover {
| + | |
− | color:#000000;
| + | |
− | background-color: #72c9b6;
| + | |
− | }
| + | |
− | | + | |
− | /* decoration icon for the menu buttons*/
| + | |
− | .icon {
| + | |
− | float:right;
| + | |
− | font-size:16px;
| + | |
− | font-weight:bold;
| + | |
− | }
| + | |
− |
| + | |
− | /* this is the icon for when the content is collapsed */
| + | |
− | .plus::before {
| + | |
− | content: "+";
| + | |
− | }
| + | |
− | /* this is the icon for when the content is expanded */
| + | |
− | .less::before {
| + | |
− | content: "–";
| + | |
− | }
| + | |
− | | + | |
− | /* styling for the ul that creates the buttons */
| + | |
− | ul.menu_items {
| + | |
− | width:100%;
| + | |
− | margin-left:0px;
| + | |
| padding:0px; | | padding:0px; |
− | list-style: none; | + | margin:0px; |
− | }
| + | |
| | | |
− | /* styling for the li that are the menu items */
| + | } |
− | .menu_items li {
| + | |
− | width:90%;
| + | |
− | margin-top:-2px;
| + | |
− | padding: 15px 0px 15px 15px ;
| + | |
− | display:block;
| + | |
− | border-bottom: 1px solid #d3d3d3;
| + | |
− | text-align:left;
| + | |
− | font-weight:bold;
| + | |
− | text-decoration:none;
| + | |
− | color:#000000;
| + | |
− | list-style-type:none;
| + | |
− | cursor:pointer;
| + | |
− | -webkit-transition: all 0.4s ease;
| + | |
− | -moz-transition: all 0.4s ease;
| + | |
− | -ms-transition: all 0.4s ease;
| + | |
− | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| + | |
− | }
| + | |
| | | |
− | .menu_item a {
| |
− | width: 100%;
| |
− | margin-left: -20px;
| |
− | padding: 11px 90px 12px 20px;
| |
− | text-decoration: none;
| |
− | color:black;
| |
− | }
| |
− |
| |
− | /* When hovering on a menu item */
| |
− | .menu_items li:hover {
| |
− | background-color:#72c9b6;
| |
− | color: #000000;
| |
− | }
| |
− |
| |
− | /* styling for the submenus */
| |
− | .submenu {
| |
− | width:100%;
| |
− | display: none;
| |
− | font-weight:bold;
| |
− | cursor:pointer;
| |
− |
| |
− | }
| |
− |
| |
− | /* moving the margin for the submenu ul list */
| |
− | ul.submenu {
| |
− | width: 100%;
| |
− | margin: 10px 0px -11px 0px;
| |
− | list-style: none;
| |
− | }
| |
− |
| |
− | /*styling for the submenu buttons */
| |
− | .submenu li {
| |
− | width: 100%;
| |
− | margin-left: 10px;
| |
− | margin-bottom: 0px;
| |
− | }
| |
− |
| |
− |
| |
− | /* hover state for the submenu buttons */
| |
− | .submenu li a {
| |
− | width: 100%;
| |
− | padding: 5px 10px;
| |
− | display: inline-block;
| |
− | border-bottom: 1px solid #d3d3d3;
| |
− | background-color:white;
| |
− | text-decoration:none;
| |
− | color:#000000;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .submenu li a:hover {
| |
− | background-color:#000000;
| |
− | color: #72c9b6;
| |
− | }
| |
− |
| |
− |
| |
− | /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
| |
− | .collapsable_menu_control {
| |
− | width:100%;
| |
− | padding: 15px 0px;
| |
− | display:none;
| |
− | background-color:#000000;
| |
− | text-align:center;
| |
− | font-weight:bold;
| |
− | color:#72c9b6;
| |
− | cursor:pointer;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease;
| |
− | transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* when hovering on that button */
| |
− | .collapsable_menu_control:hover {
| |
− | background-color: #72c9b6;
| |
− | color:#000000;
| |
− | }
| |
| | | |
| /********************************* CONTENT OF THE PAGE ********************************/ | | /********************************* CONTENT OF THE PAGE ********************************/ |
| + | #mw-content-text { |
| + | font-family: 'Comfortaa', cursive; |
| + | } |
| | | |
| /* Wrapper for the content */ | | /* Wrapper for the content */ |
Line 170: |
Line 60: |
| padding:10px 0px; | | padding:10px 0px; |
| float:left; | | float:left; |
− | background-color:white; | + | background-color:inherit; |
| } | | } |
| | | |
Line 224: |
Line 114: |
| padding:5px 15px; | | padding:5px 15px; |
| border-bottom:0px; | | border-bottom:0px; |
− | color:#72c9b6; | + | |
| | | |
| } | | } |
Line 230: |
Line 120: |
| padding:5px 15px; | | padding:5px 15px; |
| border-bottom:0px; | | border-bottom:0px; |
− | color: #000000;
| + | |
| } | | } |
| | | |
Line 238: |
Line 128: |
| padding:0px 15px; | | padding:0px 15px; |
| font-size: 13px; | | font-size: 13px; |
− | font-family:Tahoma, Geneva, sans-serif;
| + | // font-family:Tahoma, Geneva, sans-serif; |
| } | | } |
| | | |
Line 264: |
Line 154: |
| padding:0px 20px; | | padding:0px 20px; |
| font-size: 13px; | | font-size: 13px; |
− | font-family:Tahoma, Geneva, sans-serif;
| + | // font-family:Tahoma, Geneva, sans-serif; |
| } | | } |
| | | |
Line 271: |
Line 161: |
| padding:0px; | | padding:0px; |
| font-size: 13px; | | font-size: 13px; |
− | font-family:Tahoma, Geneva, sans-serif;
| + | // font-family:Tahoma, Geneva, sans-serif; |
| } | | } |
| | | |
Line 349: |
Line 239: |
| | | |
| </style> | | </style> |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!--- THIS IS WHERE THE HTML BEGINS --->
| |
− |
| |
− |
| |
− | <!-- This tells the browser that your page is responsive -->
| |
− |
| |
− | <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>
| |
− |
| |
− |
| |
− |
| |
− | <!--- THIS IS THE OLD MENU (KEPT FOR LINKS)
| |
− | <div class="menu_wrapper" >
| |
− |
| |
− | <div class="collapsable_menu_control"> MENU ▤ </div>
| |
− |
| |
− | <ul id="accordion" class="accordion">
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Michigan_Software">HOME </a> </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> TEAM
| |
− | <ul class="submenu">
| |
− | <li> <a href=" https://2016.igem.org/Team:Michigan_Software/Team"> Team </a> </li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Collaborations">★ Collaborations </a> </li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> PROJECT
| |
− | <ul class="submenu">
| |
− | <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/Experiments"> Experiments </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/Results"> Results </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Notebook"> Notebook </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> PARTS
| |
− | <ul class="submenu">
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Parts">Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Basic_Part"> ★ Basic Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Composite_Part"> ★ Composite Parts </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Part_Collection"> ★ Part Collection </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Michigan_Software/Safety"> SAFETY </a> </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <a href="https://2016.igem.org/Team:Michigan_Software/Attributions">★ ATTRIBUTIONS </a></li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
| |
− | <ul class="submenu">
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Human_Practices"> Human Practices </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/HP/Silver">★ Silver </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/HP/Gold">★ Gold </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Integrated_Practices"> ★ Integrated Practices </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Engagement">★ Engagement </a></li>
| |
− | </ul>
| |
− | </li>
| |
− |
| |
− |
| |
− | <li class="menu_item"> <div class="icon plus"></div> AWARDS
| |
− | <ul class="submenu">
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Entrepreneurship"> ★ Entrepreneurship </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Hardware"> ★ Hardware </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Software">★ Software </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Measurement">★ Measurement </a></li>
| |
− | <li> <a href="https://2016.igem.org/Team:Michigan_Software/Model">★ Model </a></li>
| |
− |
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− | --->
| |
− |
| |
− | <div>
| |
− | <nav class="navbar navbar-inverse">
| |
− | <div class="container-fluid">
| |
− | <div class="navbar-header">
| |
− | <a class="navbar-brand" href="#">WebSiteName</a>
| |
− | </div>
| |
− | <ul class="nav navbar-nav">
| |
− | <li class="active"><a href="https://2016.igem.org/Team:Michigan_Software">Home</a></li>
| |
− | <li class="dropdown">
| |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team
| |
− | <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Attributions">Team/Attributions</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project
| |
− | <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <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/Experiments">Experiments</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/Results">Results</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Notebook">Notebook</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Human_Practices">Human Practices</a></li>
| |
− | <li class="dropdown">
| |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards
| |
− | <span class="caret"></span></a>
| |
− | <ul class="dropdown-menu">
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Entrepreneurship">Entrepreneurship</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Hardware">Hardware</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Software">Software</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Measurement">Measurement</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Michigan_Software/Model">Model</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </nav>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="content_wrapper">
| |
− |
| |
− |
| |
− |
| |
− | <h1 id="team_name"> </h1>
| |
− | <h4 id="page_name"> </h4>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| | | |
| | | |
Line 515: |
Line 256: |
| } | | } |
| | | |
| + | /* |
| else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name | | 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 ) ); | + | $("#team_name").html(wgPageName.substring( 5, wgPageName.length ) ); |
| } | | } |
| | | |
Line 526: |
Line 268: |
| $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); | | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); |
| } | | } |
| + | */ |
| | | |
| | | |
Line 566: |
Line 309: |
| | | |
| </script> | | </script> |
| + | |
| + | |
| + | <!--- THIS IS WHERE THE HTML BEGINS ---> |
| + | |
| + | |
| + | <!-- This tells the browser that your page is responsive (also loads bootstrap)--> |
| + | |
| + | <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"> |
| + | <ul class="nav navbar-nav"> |
| + | <li ><a href="https://2016.igem.org/Team:Michigan_Software">Home</a></li> |
| + | <li class="dropdown"> |
| + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team |
| + | <span class="caret"></span></a> |
| + | <ul class="dropdown-menu"> |
| + | <li><a href="https://2016.igem.org/Team:Michigan_Software/Attributions">Team/Attributions</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Michigan_Software/Collaborations">Collaborations</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="dropdown"> |
| + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project |
| + | <span class="caret"></span></a> |
| + | <ul class="dropdown-menu"> |
| + | <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/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/UserGuide">User Guide</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Michigan_Software/Results">Results</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="dropdown"> |
| + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices |
| + | <span class="caret"></span></a> |
| + | <ul class="dropdown-menu"> |
| + | <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/HP/Silver">Silver</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </nav> |
| + | |
| + | </div> |
| + | |
| + | <div class="content_wrapper"> |
| + | |
| + | <h1 id="team_name"> </h1> |
| + | <h4 id="page_name"> </h4> |
| + | |
| + | |
| + | |
| | | |
| | | |
| </html> | | </html> |