@@ Line 1: / Line 1: @@
 <html>
 <style>
@@ Line 13: / Line 13: @@
 	-background-size: cover; /* pour Opera */
 	background-size: cover;
-        }
+    }
-        #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 */
 	.menu_wrapper {
 		width:100px;
 		height:auto;
 		position:fixed;
 		padding:2px 0px 0px 16px;
 		float:centre;
 		background-color:#FF0000;
                  opacity: 0.95;
 		text-align:left;
@@ Line 36: / Line 38: @@
 	/* styling for the menu items */
 	.menu_item {
 		width:100%;
 		margin:-2px 1px 5px -35px;
 		padding: 2px 20px 18px 4px;
 		border-bottom: 0.5px solid #000000;
@@ Line 47: / Line 49: @@
                  border-top-right-radius: 2px;
                  border-bottom-left-radius: 2px;
 		display:inline-block;
                  opacity: 0.;
 		cursor: pointer;
                  list-style-type: none;
                  color:#fff;
 	}
      .span {
                background:url(https://static.igem.org/mediawiki/2016/7/7f/T--Cardiff_Wales--igembackground.png);
                background-repeat: no-repeat;
@@ Line 64: / Line 66: @@
 	/* when hovering on a menu item */
 	.menu_item:hover {
 		color:#000000;
 		background-color: #ff4c4c;
 	}
@@ Line 71: / Line 73: @@
 	/* decoration icon for the menu buttons*/
 	.icon {
 		float:right;
 		font-size:14px;
 		font-weight:bold;
                  color:white;
 	}
 	/* 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;
 	}
@@ Line 125: / Line 127: @@
 	/* When hovering on a menu item */
 	.menu_items li:hover {
 		color: #000000;
 	}
           /* When hovering on a menu item */
 	.menu_item a:hover {
 		background-color:#white;
 		color: #000000;
@@ Line 138: / Line 140: @@
 	/* 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;
@@ Line 153: / Line 155: @@
 	/*styling for the submenu buttons */
 	.submenu li {
 		width: 100%;
 		margin-left: 10px;
 		margin-bottom: 0px;
@@ Line 162: / Line 164: @@
 	/* hover state for the submenu buttons */
 	.submenu li a {
 		width: 100%;
 		padding: 5px 10px;
 		display: inline-block;
 		border-bottom: 1px solid #d3d3d3;
 		background-color:000000;
 		text-decoration:none;
 		color:#000000;
 	}
@@ Line 174: / Line 176: @@
 	.submenu li a:hover  {
 		background-color:#000000;
 		color: #white;
 	}
@@ Line 180: / Line 182: @@
 	/* 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;
 	}
@@ Line 206: / Line 208: @@
 	/* Wrapper for the content */
 	.content_wrapper {
-		width: 100%;
+		width: 85%;
 		margin-left:150px;
 		padding:10px 0px;
-		float:center;
+		float:left;
+		background-color:999999;
 	}
 	/*LAYOUT */
 	.column  {
 		padding: 10px 0px;
 		float:center;
 		background-color:transparent;
 	}
 	.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%;
 	}
@@ Line 241: / Line 245: @@
 	}
 	.highlight {
 		width: 100%;
 		margin: auto;
 		padding: 3px 5px;
                  background-color:rgba(204,204,204,0.1);
@@ Line 256: / Line 260: @@
 		font-weight:bold;
 	}
-	.fixedbar {
-	background: #000;
-	bottom: 0px;
-	color:#fff;
-	font-family: Arial, Helvetica, sans-serif;
-	left:0;
-	padding: 0px 0;
-	position:fixed;
-	font-size:16px;
-	width:100%;
-	z-index:99999;
-	float:left;
-	vertical-align:middle;
-	margin: 0px 0 0;
-	opacity: 0.95;
-	font-weight: bold;
-	}
 	/*STYLING */
@@ Line 278: / Line 266: @@
 	/* styling for the titles */
 	.content_wrapper h1, .content_wrapper h2 {
 		padding:5px 15px;
 		border-bottom:5px;
 		color:#000000;
 	}
 	.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:50px 15px;
+		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;
@@ Line 320: / Line 308: @@
 		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: #ffffff;
 		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;
 	}
@@ Line 417: / Line 405: @@
 <!-- This tells the browser that your page is responsive -->
 <head>
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <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:Cardiff_Wales">HOME</a> </li>
       <li class="menu_item"> <div class="icon plus"></div> TEAM
@@ Line 433: / Line 424: @@
        </li>
        <li class="menu_item"> <div class="icon plus"></div> PROJECT
            <ul class="submenu">
 	       <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description">Description </a></li>
                 <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Results"> Acheivements </a></li>
-               <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description#FUEL">FUEL Project </a></li>
+<li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description#FUEL">FUEL Project </a></li>
                 <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/protocols">  Protocols </a></li>
              </ul>
         </li>
@@ Line 459: / Line 450: @@
 </div>
+<div class="content_wrapper">
 <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(){
@@ Line 503: / Line 514: @@
 		$(".collapsable_menu_control").click(function() {
 			$(".menu_item").toggle();
 		});
@@ Line 510: / Line 521: @@
 			$(".menu_item").show();
 		});
 	});
-</script>
-<div class="content_wrapper"></div>
-<div class="fixedBar"></div>
+</script>
 </html>

Difference between revisions of "Template:Cardiff Wales"

Revision as of 16:57, 18 October 2016