Team:UCL/Diary/trial diary

<!DoctypeHTML>
<html>

<head>

<!-- If you are unfamiliar with the code, MOVE down to the next HELLO! for instructions on how to create the table. If these were not clear, email oranmaguire@gmail.com or contact me through facebook so that I can make amendments -->

<style>

/*  TABLE FORMAT  */

div {

}


/*  LAYOUT  */


/*  rowS  */
body {
	background-color: #001D56;
	padding: 2%;
	font-family: arial;
	font-size: 8pt;
}


.title_header {
	padding: 0.1%;
	padding-left: 3%;
	display: block;
	float:left;
	margin: 0% 0% 1% 0%;
	height: 3em;
	background-color: #FFFFCC;
	color: #001D56;

}

.task_table	{
	width: 100%;
	clear: both;
	padding: 0px;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.row:first-child .col {
	height: 2em;
	background-color: #FFFFCC;
	color: #001D56;
}

.row {
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	padding: 0.1%;
	color: #FFFFCC;
	background: #001D56;
	outline: 1px solid #FFFFCC;
	display: block;
	float:left;
	margin: 0.5% 0% 0.5% 1%;
	height: 4em;
	overflow: scroll;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWELVE  */
.span_6_of_12 {
	width: 49.5%;
}
.span_2_of_12 {
	width: 15.83%;
}
.span_1_of_12 {
	width: 7%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_6_of_12 {
		width: 100%;
		height: 1em;
		overflow: scroll; 
	}
	.span_2_of_12 {
		width: 100%;
		height: 1em;
		overflow: scroll;  
	}
	.span_1_of_12 {
		width: 100%;
		height: 1em;
		overflow: scroll; 
	}
}


</style>

</head>

<body>
		<div class="title_header">
			
				<h1>
				     ____UCL iGEM ___Task Tables
				</h1>
				
		</div>



<!-- 
HELLO! the aim of these tables is to create a record of our activities on the wiki as we organise ourselves. 
Below is the template code for a screen width-responsive table. 

1) If you are managing a subteam (lab, communications &c) then you need to copy and paste yourself a new "task_table", then name it after your subteam.
2) To call on members to do new tasks, copy a row from the comments selection, name and describe the task, then alert people to it. They will then add their initials in order to take part.
3) To enter text on the table, follow the instructions embedded in the template. 

If any is unclear, or you have any formatting suggestions, contact oranmaguire@gmail.com
-->


		<div class="task_table">

			<!-- below is the title row of the table. -->

			<div class="row group">
				<div class="col span_2_of_12">
				<!-- Enter the subteam (eg. Lab) below -->

				</div>
				<div class="col span_6_of_12">
				Task Description
				</div>
				<div class="col span_1_of_12">
				Signup 1 
				</div>
				<div class="col span_1_of_12">
				Signup 2 
				</div>
				<div class="col span_1_of_12">
				Signup 3 
				</div>
				<div class="col span_1_of_12">
				Reserve Signup
				</div>
			</div>

			<!-- Following the title row, table entries -->
				<div class="row group">
					<div class="col span_2_of_12">
						<!-- Enter the title and date of the task below -->

					</div>
					<div class="col span_6_of_12">
						<!-- Enter a more detailed description of the task below -->
						
					
					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->
						
					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->

					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->

					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner -->

					</div>




				</div>
			

			<!--Spare Row template below. Copy this and paste this just ABOVE the </div> tag here once you have finished your entry. -->

			<!--

				<div class="row group">
					<div class="col span_2_of_12">
					This is column 1
					<br>
					and it is a very pretty column too
					</div>
					<div class="col span_6_of_12">
					This is column 2
					</div>
					<div class="col span_1_of_12">
					This is column 3
					</div>
					<div class="col span_1_of_12">
					This is column 3
					</div>
					<div class="col span_1_of_12">
					This is column 3
					</div>
					<div class="col span_1_of_12">
					This is column 3
					</div>
				</div>

			-->
		</div>


<!--next table template to copy below-->




		<div class="task_table">

			<!-- This is the title row of the table. -->

			<div class="row group">
				<div class="col span_2_of_12">
				<!-- Enter the subteam (eg. Lab) below -->

				</div>
				<div class="col span_6_of_12">
				Task Description
				</div>
				<div class="col span_1_of_12">
				Signup 1 
				</div>
				<div class="col span_1_of_12">
				Signup 2 
				</div>
				<div class="col span_1_of_12">
				Signup 3 
				</div>
				<div class="col span_1_of_12">
				Reserve Signup
				</div>
			</div>

			<!-- Following the title row, table entries -->
				<div class="row group">
					<div class="col span_2_of_12">
						<!-- Enter the title and date of the task below -->

					</div>
					<div class="col span_6_of_12">
						<!-- Enter a more detailed description of the task below -->
						
					
					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->
						
					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->

					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials, add (L) in brackets if you are a learner -->

					</div>
					<div class="col span_1_of_12">
						<!-- Sign up with your initials as a reserve, add (L) in brackets if you are a learner -->

					</div>
				</div>
			

			<!--Spare Row below. Copy this and paste it ABOVE once you have finished your entry. -->

			<!--

			<div class="row group">
				<div class="col span_2_of_12">
				This is column 1
				<br>
				and it is a very pretty column too
				</div>
				<div class="col span_6_of_12">
				This is column 2
				</div>
				<div class="col span_1_of_12">
				This is column 3
				</div>
				<div class="col span_1_of_12">
				This is column 3
				</div>
				<div class="col span_1_of_12">
				This is column 3
				</div>
				<div class="col span_1_of_12">
				This is column 3
				</div>
			</div>

			-->
		</div>




</body>

</html>