Difference between revisions of "Template:Dundee"

@@ Line 5: / Line 5: @@
 <style>
+  #sideMenu, #top_title {display:none;}
+        #content{
+        width: 100%;
-/********************************* DEFAULT WIKI SETTINGS  ********************************/
+        margin: 0px;
+        padding: 0;
+        background: #f3f4f4;}
-#sideMenu, #top_title {display:none;}
-#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
-body {background-color:white; }
-#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
-/********************************* MENU ********************************/
-/* Wrapper for the menu */
-/* styling for the menu items */
-.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;
-list-style: none;
-}
-/* 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 ********************************/
-/* Wrapper for the content */
-.content_wrapper {
-width: 85%;
-margin-left:150px;
-padding:10px 0px;
-float:left;
-background-color:white;
-}
-/*LAYOUT */
-.full_size {
-width:100%;
-}
-.full_size img {
-padding: 10px 15px;
-width:96.5%;
-}
-.half_size {
-width: 50%;
-}
-.half_size img {
-padding: 10px 15px;
-width: 93%;
-}
-.clear {
-clear:both;
-}
-.highlight {
-width: 90%;
-margin: auto;
-padding: 15px 5px;
-background-color: #f2f2f2;
-}
-.judges-will-not-evaluate {
-border: 4px solid #72c9b6;
-display: block;
-margin: 5px 15px;
-width: 95%;
-font-weight:bold;
-}
-/*STYLING */
-/* styling for the titles */
-.content_wrapper h1, .content_wrapper h2 {
-padding:5px 15px;
-border-bottom:0px;
-color:#72c9b6;
-}
-.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
-padding:5px 15px;
-border-bottom:0px;
-color: #000000;
-}
-/* font and text */
-.content_wrapper p {
-padding:0px 15px;
-font-size: 13px;
-font-family:Tahoma, Geneva, sans-serif;
-}
-/* Links */
-.content_wrapper a {
-font-weight: bold;
-text-decoration: underline;
-text-decoration-color:#72c9b6;
-color: #72c9b6;
--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;
-}
-/* hover for the links */
-.content_wrapper a:hover {
-text-decoration:none;
-color:#000000;
-}
-/* non numbered lists */
-.content_wrapper ul {
-padding:0px 20px;
-font-size: 13px;
-font-family:Tahoma, Geneva, sans-serif;
-}
-/* numbered lists */
-.content_wrapper ol {
-padding:0px;
-font-size: 13px;
-font-family:Tahoma, Geneva, sans-serif;
-}
-/* Table */
-.content_wrapper table {
-width: 97%;
-margin:15px 10px;
-border: 1px solid #d3d3d3;
-border-collapse: collapse;
-}
-/* table cells */
-.content_wrapper  td {
-padding: 10px;
-vertical-align: text-top;
-border: 1px solid #d3d3d3;
-border-collapse: collapse;
-}
-/* table headers */
-.content_wrapper th {
-padding: 10px;
-vertical-align: text-top;
-border: 1px solid #d3d3d3;
-border-collapse: collapse;
-background-color:#f2f2f2;
-}
-/* Button class */
-.button_click {
-margin: 10px auto;
-padding: 15px; width:12%;
-text-align:center;
-font-weight:bold;
-background-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;
-}
-/* button class on hover */
-.button_click:hover {
-background-color:#000000;
-color:#72c9b6;
-}
-/********************************* RESPONSIVE STYLING ********************************/
-/* IF THE SCREEN IS LESS THAN 1000PX */
-@media only screen and (max-width: 1000px) {
-#content {width:100%; }
-.menu_wrapper {width:15%;}
-.content_wrapper {margin-left: 15%;}
-.menu_item {display:block;}
-.icon {display:none;}
-.highlight {padding:10px 0px;}
-}
-/* IF THE SCREEN IS LESS THAN 680PX */
-@media only screen and (max-width: 680px) {
-.collapsable_menu_control { display:block;}
-.menu_item {display:none;}
-.menu_wrapper { width:100%; height: 15%; position:relative;}
-.content_wrapper {width:100%; margin-left:0px;}
-.column.half_size {width:100%; }
-.column img { width: 100%; padding: 5px 0px;}
-.icon {display:block;}
-.highlight {padding:15px 5px;}
-}
 </style>
 <script>
+</script>
+<body>
+<!--Navigation Bar-->
+  <nav class="navbar navbar-fixed-top navbar-default navbar-custom">
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="pull-left" href="https://2016.igem.org/Team:Cambridge-JIC"><img src="https://static.igem.org/mediawiki/2016/8/83/T--Cambridge-JIC--UniOfCam_crest.png" class="navbar-brand" alt="Cambridge-JIC Logo" style="width:60px ; padding-left:10px ; padding-top:5px ; padding-bottom:5px"></a>
+      </div>
+      <div id="navbar3" class="navbar-collapse collapse">
+        <ul class="nav navbar-nav navbar-right">
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Description">Description</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Design">Design</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Experiments">Experiment</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Proof">Proof Of Concept</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Demonstrate">Demonstration</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Results">Results</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Notebook">Notebook</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Gallery">Gallery</a></li>
+            </ul>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Team#">Team Members</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Team#">Advisors</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Collaborations">Collaborations</a></li>
+            </ul>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Parts">Parts</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Basic_Part">Basic Parts</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Composite_Part">Composite Parts</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Part_Collection">Part Collection</a></li>
+            </ul>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Entrepreneurship">Entrepreneurship</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Hardware">Hardware</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Software">Software</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Measurement">Measurement</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Model">Model</a></li>
+            </ul>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Medals <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Medals#">Bronze</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Medals#">Silver</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Medals#">Gold</a></li>
+            </ul>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices <span class="caret"></span></a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Human_Practices">Human Practices</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/HP/Silver">Silver</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/HP/Gold">Gold</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Integrated_Practices">Integrated Practices</a></li>
+              <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Engagement">Engagement</a></li>
+            </ul>
+          </li>
+          <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Safety">Safety</a></li>
+          <li><a href="https://2016.igem.org/Team:Cambridge-JIC/Attributions">Attributions</a></li>
+        </ul>
+      </div>
+      <!--/.nav-collapse -->
+  </nav>
+  <!-- End of Navigation Bar-->
+</body>
-// 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>

Revision as of 10:20, 15 July 2016

Project
- Description
- Design
- Experiment
- Proof Of Concept
- Demonstration
- Results
- Notebook
- Gallery
Team
Parts
Awards
Medals
- Bronze
- Silver
- Gold
Human Practices
Safety
Attributions