View source for Template:TeamTemplateC

<!-- 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 width, height and color of the body wrapper*/
			body { 
				width: 100%; 
				height: 100%; 
				background-color: #29221F;
			}

/* since the background is dark, we change the color of the text and links so they are visible on "show preview" mode */

			p, #content {
			color:#808284;
			}

			a, a:visited {
			color:#22BCB9;
			}



			/*-- 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;
				height: 100%;
				margin: 0 auto;
				background-color: #fff;	
				overflow:hidden;
			}

			/* Creates the container for the menu */
			#menuContainer {
				list-style: none;
				padding: 0px;
				margin: 0px;
				width:100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}

			#menuContainer ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}


			#menuContainer ul li {
				display: block;
				position:relative;
				float: left; 
				width:122px;
			}

				#menuContainer li ul {
				display: none;
			}

			#menuContainer ul li a {
				display: block;
				background-color:#db1d39;   
				padding: 10px 5px 10px 10px;
				text-decoration: none;
				white-space: nowrap;
				color: #fff;
			}


			#menuContainer ul ul li a {
				margin-top:-2px;
			}


			#menuContainer li a:hover {
				background-color: #14747d; 
			}

			#menuContainer li:hover ul {
				display: block; 
				position: absolute;
			}

			#menuContainer li:hover li {
				float: none;
			}

			#menuContainer  li:hover a {
				background-color: #14747d; 
			}

			#menuContainer  li:hover li a:hover {
				background-color: #22bcb9;
			}

			#menuContainer tr{
				height: 34px;
				text-align: center;
				background-color:#db1d39;  
border-style:none;
			}

			#menuContainer table{

    				border-collapse: collapse;
			}



			#contentContainer {
				margin-top: 10px;
				background-color: #fff; 
				width: 960px;
				padding: 10px;
				margin-bottom: 20px;
				min-height:300px;
			}

			/*Styling the content*/
			
			/*This changes the color and font family */
			#contentContainer h1, h2, h3, h4, h5, h6 { 
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				color: #29221F;
				border-bottom: none;
				font-weight: bold;
				margin-top:10px;
			}

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

			/*Change the color of the link on hover*/
			#contentContainer a:hover { 
				color: #14747D;
			}

			/*Change the styling of text */
			#mainContainer p, #contentContainer{ 
				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
				color: #29221F;
				font-size: 12px;
			}



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


    	    		#contentContainer table {
    				border: 2px solid #29221F;
    				border-collapse: collapse;
    				margin: auto;
    				margin-bottom: 15px;
    				margin-top: 15px;
    				margin-right: 10px;
    				margin-left: 10px;
    			}

    			#contentContainer  td {
    				background-color: #fff;
    				padding: 10px;
    				border: 2px solid #29221F;
    				border-collapse: collapse;
    				vertical-align: text-top;
    			}

    			#contentContainer th {
    				background-color: #F4F0D8;
    				padding: 10px;
    				border: 2px solid #29221F;
    				border-collapse: collapse;
    				vertical-align: text-top;
    			}

    		  .highlightBox {
    		    	width:500px; 
    		    	margin:auto; 
    		    	background-color: #F4F0D8; 
			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/2/20/Banner_templateC.jpg">

			<div id="menuContainer">

				<table>
					<tr>
						<td>
							<ul> <li><a href="https://2015.igem.org/TemplateforTeams">HOME</a></li></ul>
						</td>


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


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


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

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



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

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


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



</div>


			<div id="contentContainer">

</html>