View source for Template:TeamTemplateB

<!-- Declare that you are going to use html code instead of wiki code -->
<html>

		<!-- This part of the code sets the styling of the webpage, you can modify as you please. -->

		<!-- start of css -->
		<style type="text/css">
		
		/* First, clear the default wiki settings */
			
			/* Remove footer, catlinks and logos */
			#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {
				display: none;
			}
			
			/* Set up a white background */
			body { 
				width: 100%; 
				height: 100%; 
				/*background-color: #F4B248;*/
			}

			/*-- Make page full width and remove borders */
			#globalWrapper, #content { 
				width: 100%; 
				height: 100%;
				border: 0px;
				background-color: transparent;
				margin: 0px;
				padding: 0px;
			}
			
			/*Clear wiki default settings for the top part of the wiki page */
			#top-section { 
				border: 0 none;
				height: 14px;
				z-index: 100;
				top: 0;
				position: fixed;
				width: 100%; 
				margin:auto;
			}

		/* First, clear the default wiki settings */

			/* Main content wrap  */
			#mainContainer {  
				width: 980px;
				background-color: #EFEDEA; 
				overflow: hidden;
				border-bottom: 6px solid #EE3e53;
				margin-left:auto;
				margin-right:auto;
			}


			/* Creates the container for the menu */
			#menuContainer  { 
				float:right;
				width: 135px;
				background-color: #0e232f;
				height: 100%;
				border-top: 6px solid #EE3e53;

			}

			/*Makes all the links the same */
			#menuContainer a {
				color: #EEEDEA;
				text-decoration:none;
				font-weight: bold;
			}

			/* Sets the style for lists inside menuContainer  */
			#menuContainer ul { 
				width:100%;
				list-style: none;
				margin: auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}

			/*Styles the list items to become menu buttons */
			#menuContainer ul li {
				display: block;
				position: relative;
				padding: 10px;
				margin-bottom:5px;
				padding-left: 20px;
			}

			#menuContainer ul li:hover {
				background: #F4B248;
				color: #0e232f;
			}

			/*HIde the submenus and removes the padding */
			#menuContainer li ul {
				display: none;
				padding-top:15px;
				margin-left: -19px;
			}

			/*HIde the submenus and removes the padding */
			#menuContainer li ul {
				display: none;
				padding-top:15px;
				margin-left: -19px;
			}

			/*Shows the submenus once you hover*/
			#menuContainer li:hover ul {
				display: block; 
			}

			/*style the submenu buttons*/
			#menuContainer li ul li {
				background: #0E232F;
				width: 100%;
			}

			#menuContainer li ul li:hover {
				background: #EE3E53; 
				color: #fff;
			}



			#contentContainer {
				background-color: #EEEDEA; 
				width: 825px;
				float: left;
				padding: 10px;
				border-top: 6px solid #EE3e53;
			}

			/*Styling the content*/
			
			/*This changes the color and font family */
			#contentContainer h1, h2, h3, h4, h5, h6 { 
				font-family: "Arial", Helvetica, sans-serif;
				color: #0e232f;
				border-bottom: none;
				font-weight: bold;
				text-transform: uppercase;
			}

			/*Change the color of the link*/
			#contentContainer a { 
				font-weight: bold;
				color: #ee3e53;
			}

			#contentContainer a:hover{
				 color: #f4b248;
			}

			/*Change the styling of text */
			#mainContainer p { 
				font-family: "Arial", Helvetica, sans-serif;
				font-size: 12px;
				color: #0e232f;
			}

			/* Clear float */
			.clear{
				clear:both;
			}

	    	    	.simpleButton {
    		    	    	width: 100px;
    				height: 30px;
    				text-align: center;
        			padding: 10px 5px 0px 5px;
        			margin: auto;
				background-color: #ee3e53;
        			color: #EEEDEA;
        			font-weight: bold;
    			}        

    	    		.simpleButton:hover {
    				background-color: #f4b248;
				color: #0e232f;
    			}

    	    		#contentContainer table {
    				border: 1px solid #0e232f;
    				border-collapse: collapse;
    				width: 90%
    				margin: auto;
    				margin-bottom: 15px;
    				margin-top: 15px;
    				margin-right: 10px;
    				margin-left: 10px;
    			}

    			#contentContainer  td {
    				padding: 10px;
    				border: 1px solid #0e232f;
    				border-collapse: collapse;
    				vertical-align: text-top;
    				background-color: #EEEDEA;
    			}

    			#contentContainer th {
    				padding: 10px;
    				border: 1px solid #0e232f;
    				border-collapse: collapse;
    				vertical-align: text-top;
    				background-color: #e8d5b7;
    			}


    			.highlightMessage {
    				width:500px; 
    	    		    	margin:auto; 
    	    		    	background-color: #E8D5B7; 
	    			margin-bottom: 15px;
		    		margin-top: 15px;
		    		padding: 15px;
		    		padding-top: 5px;
    		      	 }


		</style>
		<!-- end of css -->
		<div id ="mainContainer">
<img src="https://static.igem.org/mediawiki/2015/e/eb/Demoteam_banner.jpg" width="980px">



			<div id="menuContainer">
				 <ul>
					<a href="https://2015.igem.org/TemplateforTeams"><li>HOME</li></a>

					<a href="https://2015.igem.org/TemplateforTeams/Team"><li>TEAM</li></a>


					<a href="#"><li>PROJECT</a>
            					<ul>
							<a href="https://2015.igem.org/TemplateforTeams/Description"><li>Description</li></a>
							<a href="https://2015.igem.org/TemplateforTeams/Data"><li>Data</li></a>  
							<a href="https://2015.igem.org/TemplateforTeams/Results"><li>Results</li></a>  
							<a href="https://2015.igem.org/TemplateforTeams/Discussion"><li>Discussion</li></a>  
						</ul>
					</li>

					<a href="https://2015.igem.org/TemplateforTeams/Parts"><li>PARTS</li></a>

					<a href="https://2015.igem.org/TemplateforTeams/Practices"><li>PRACTICES</li></a>

					<a href="https://2015.igem.org/TemplateforTeams/Safety"><li>SAFETY</li></a>
       
					<a href="https://2015.igem.org/TemplateforTeams/Attributions"><li>ATTRIBUTIONS</li></a>

					<a href="https://2015.igem.org/TemplateforTeams/Notebook"><li>NOTEBOOK</li></a>

				 </ul>
			</div>



			<div id="contentContainer">
</html>