Team:Gaston Day School

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
 
<html>
<html>
-
<head>
+
<head>
-
<style>
+
<style>
-
body {
+
body {
-
padding: 0px;
+
padding: 0px;
-
margin: 0px;
+
margin: 0px;
-
}
+
}
-
[class*='col-'] {
+
[class*='col-'] {
-
float: left;
+
float: left;
-
padding-right: 20px;
+
padding-right: 20px;
-
}
+
}
-
.grid-pad {
+
.grid-pad {
-
  padding: 20px 0px 20px 20px;
+
padding: 20px 0px 20px 20px;
-
}
+
}
-
.sub-grid-pad {
+
.sub-grid-pad {
-
  padding: 20px 0px 20px 0px;
+
padding: 20px 0px 20px 0px;
-
}
+
}
-
.grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type {
+
.grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type {
-
  padding-right: 20px;
+
padding-right: 20px;
-
}
+
}
-
.col-1-1 {
+
.col-1-1 {
-
  width: 100%;
+
width: 100%;
-
}
+
}
-
.col-1-2, .col-2-4, .col-3-6, .col-5-10 {
+
.col-1-2, .col-2-4, .col-3-6, .col-5-10 {
-
  width: 50%;
+
width: 50%;
-
}
+
}
-
.col-1-3, .col-2-6, .col-3-9 {
+
.col-1-3, .col-2-6, .col-3-9 {
-
  width: 33.33%;
+
width: 33.33%;
-
}
+
}
-
.col-2-3, .col-4-6, .col-6-9 {
+
.col-2-3, .col-4-6, .col-6-9 {
-
  width: 66.66%;
+
width: 66.66%;
-
}
+
}
-
.col-1-4, .col-2-8 {
+
.col-1-4, .col-2-8 {
-
  width: 25%;
+
width: 25%;
-
}
+
}
-
.col-3-4 {
+
.col-3-4 {
-
  width: 75%;
+
width: 75%;
-
}
+
}
-
.col-1-5, .col-2-10 {
+
.col-1-5, .col-2-10 {
-
  width: 20%;
+
width: 20%;
-
}
+
}
-
.col-2-5, .col-4-10 {
+
.col-2-5, .col-4-10 {
-
  width: 40%;
+
width: 40%;
-
}
+
}
-
.col-3-5, .col-6-10 {
+
.col-3-5, .col-6-10 {
-
  width: 60%;
+
width: 60%;
-
}
+
}
-
.col-4-5, .col-8-10 {
+
.col-4-5, .col-8-10 {
-
  width: 80%;
+
width: 80%;
-
}
+
}
-
.col-1-6 {
+
.col-1-6 {
-
  width: 16.66%;
+
width: 16.66%;
-
}
+
}
-
.col-5-6 {
+
.col-5-6 {
-
  width: 83.33%;
+
width: 83.33%;
-
}
+
}
-
.col-1-7 {
+
.col-1-7 {
-
  width: 14.28%;
+
width: 14.28%;
-
}
+
}
-
.col-2-7 {
+
.col-2-7 {
-
  width: 28.57%;
+
width: 28.57%;
-
}
+
}
-
.col-3-7 {
+
.col-3-7 {
-
  width: 42.85%;
+
width: 42.85%;
-
}
+
}
-
.col-4-7 {
+
.col-4-7 {
-
  width: 57.14%;
+
width: 57.14%;
-
}
+
}
-
.col-5-7 {
+
.col-5-7 {
-
  width: 71.42%;
+
width: 71.42%;
-
}
+
}
-
.col-6-7 {
+
.col-6-7 {
-
  width: 85.71%;
+
width: 85.71%;
-
}
+
}
-
.col-1-8 {
+
.col-1-8 {
-
  width: 12.5%;
+
width: 12.5%;
-
}
+
}
-
.col-2-8 {
+
.col-2-8 {
-
  width: 25%;
+
width: 25%;
-
}
+
}
-
.col-3-8 {
+
.col-3-8 {
-
  width: 37.5%;
+
width: 37.5%;
-
}
+
}
-
.col-4-8 {
+
.col-4-8 {
-
  width: 50%;
+
width: 50%;
-
}
+
}
-
.col-5-8 {
+
.col-5-8 {
-
  width: 62.5%;
+
width: 62.5%;
-
}
+
}
-
.col-6-8 {
+
.col-6-8 {
-
  width: 75%;
+
width: 75%;
-
}
+
}
-
.col-7-8 {
+
.col-7-8 {
-
  width: 87.5%;
+
width: 87.5%;
-
}
+
}
-
.col-1-9 {
+
.col-1-9 {
-
  width: 11.11%;
+
width: 11.11%;
-
}
+
}
 +
 +
.col-1-27 {
 +
width: 3.703%
 +
}
-
.col-2-9 {
+
.col-2-9 {
-
  width: 22.22%;
+
width: 22.22%;
-
}
+
}
-
.col-4-9 {
+
.col-4-9 {
-
  width: 44.44%;
+
width: 44.44%;
-
}
+
}
-
.col-5-9 {
+
.col-5-9 {
-
  width: 55.55%;
+
width: 55.55%;
-
}
+
}
-
.col-7-9 {
+
.col-7-9 {
-
  width: 77.77%;
+
width: 77.77%;
-
}
+
}
-
.col-8-9 {
+
.col-8-9 {
-
  width: 88.88%;
+
width: 88.88%;
-
}
+
}
-
.col-1-10 {
+
.col-1-10 {
-
  width: 10%;
+
width: 10%;
-
}
+
}
-
.col-3-10 {
+
.col-3-10 {
-
  width: 30%;
+
width: 30%;
-
}
+
}
-
.col-7-10 {
+
.col-7-10 {
-
  width: 70%;
+
width: 70%;
-
}
+
}
-
.col-9-10 {
+
.col-9-10 {
-
  width: 90%;
+
width: 90%;
-
}
+
}
-
.grid:after {
+
.grid:after {
-
content: "";
+
content: "";
-
display: table;
+
display: table;
-
clear: both;
+
clear: both;
-
}
+
}
-
*, *:after, *:before {
+
*, *:after, *:before {
-
  -webkit-box-sizing: border-box;
+
-webkit-box-sizing: border-box;
-
  -moz-box-sizing: border-box;
+
-moz-box-sizing: border-box;
-
  box-sizing: border-box;
+
box-sizing: border-box;
-
}
+
}
-
[class*='col-']:last-of-type {
+
[class*='col-']:last-of-type {
-
  padding-right: 0;
+
padding-right: 0;
-
}
+
}
-
.show {
+
.show {
-
  background-color:#66cccc;
+
background-color:#66cccc;
-
}
+
}
-
.hide {
+
.hide {
-
  background-color: auto;
+
background-color: auto;
-
}
+
}
-
#pad {
+
#pad {
-
  padding: 5px;
+
padding: 5px;
-
}
+
}
-
+
-
body {
+
-
  background-color:#FAFAFA;
+
-
}
+
-
+
-
</style>
+
-
</head>
+
-
<body>
+
body {
 +
background-color:#FAFAFA;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="row">
<div class="row">
<H1 class="show" id="" align="center">WELCOME TO THE 2014 GDS IGEM WIKI</p>
<H1 class="show" id="" align="center">WELCOME TO THE 2014 GDS IGEM WIKI</p>
</div>
</div>
-
+
<div class="grid-pad">
-
<div class="grid-pad">
+
<div class="col-1-10">
-
<div class="col-1-10">
+
-
<p class="show" id="pad"><a href="https://2014.igem.org/Team:Gaston_Day_School#home">Home</a><p>
+
-
</div>
+
-
<div class="col-1-10">
+
-
<p class="show" id="pad"><a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team">Members</a><p>
+
-
</div>
+
-
<div class="col-1-10">
+
-
<p class="show" id="pad"><a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project">Project</a><p>
+
-
</div>
+
-
<div class="col-1-10">
+
-
<p class="show" id="pad"><a href="https://2014.igem.org/Team:Gaston_Day_School/Measurementtrack#measure">Measure/Track</a><p>
+
-
</div>
+
-
<div class="col-1-10">
+
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
+
</div>
-
<div class="col-1-10">
+
<div class="col-1-10">
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
+
</div>
-
<div class="col-1-10">
+
<div class="col-1-10">
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
+
</div>
-
<div class="col-1-10">
+
<div class="col-1-10">
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
+
</div>
-
<div class="col-1-10">
+
<div class="col-1-10">
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
+
</div>
-
<div class="col-1-10">
+
<div class="col-1-10">
<p class="show" id="pad">filler<p>
<p class="show" id="pad">filler<p>
-
</div>
 
</div>
</div>
-
 
<div class="col-1-10">
<div class="col-1-10">
-
<p class="hide" id="pad"></p>
+
<p class="show" id="pad">filler<p>
</div>
</div>
-
+
<div class="col-1-10">
 +
<p class="show" id="pad">filler<p>
 +
</div>
 +
<div class="col-1-10">
 +
<p class="show" id="pad">filler<p>
 +
</div>
 +
<div class="col-1-10">
 +
<p class="show" id="pad">filler<p>
 +
</div>
 +
</div>
 +
<div class="col-1-10"><p class="hide" id="pad"></p></div>
<div class="col-8-10">
<div class="col-8-10">
<div class="grid-pad">
<div class="grid-pad">
-
<div class="col-1-1">
+
<!--Row 1-->
-
<div class="show" id="pad">
+
<div class="col-1-5">
-
<h2>Main Content</h2>
+
<img src="smiley.gif" alt="https://2014.igem.org/File:Hehehe.JPG#filelinks" height="42" width="42">
-
<p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
+
</div>
-
non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
+
<div class="col-1-5">
-
in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
+
<p class="show" id="pad">3</p>
-
amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
+
</div>
-
ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
+
<div class="col-1-5">
-
id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
+
<p class="show" id="pad">3</p>
-
Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
+
</div>
-
Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
+
<div class="col-1-5">
-
pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh. Sed
+
<p class="show" id="pad">3</p>
-
eget felis massa. Ut laoreet molestie euismod. Fusce felis lorem, porta at enim ac, venenatis ullamcorper augue.
+
</div>
-
Nam varius orci augue, pellentesque ultricies enim malesuada at. In tincidunt magna eget odio sagittis tempor.
+
<div class="col-1-5">
-
Vivamus a ultricies augue,
+
<p class="show" id="pad">3</p>
-
non lobortis est. Cras ut arcu adipiscing, semper diam eu, venenatis lectus. Sed quis nisl purus. Fusce suscipit
+
</div>
-
posuere commodo. Morbi mollis fermentum vehicula. Nam ipsum risus, rutrum vel porta sit amet, congue eget tellus.
+
</div>
-
Curabitur pellentesque fermentum ullamcorper. Nam ligula ante, tristique at turpis sed, hendrerit viverra diam.
+
-
Phasellus congue massa a turpis bibendum fringilla. Donec pretium vel ante a sagittis. Proin elementum nisl a
+
<div class="grid-pad">
-
massa imperdiet fringilla.</p>
+
<!--Row 2-->
-
</div>
+
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
</div>
</div>
</div>
</div>
 +
<div class="grid-pad">
<div class="grid-pad">
-
<div class="col-1-2">
+
<!--Row 3-->
-
<h2>Main Content</h2>
+
<div class="col-1-5">
-
<p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
+
<p class="show" id="pad">3</p>
-
non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
+
</div>
-
in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
+
<div class="col-1-5">
-
amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
+
<p class="show" id="pad">3</p>
-
ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
+
</div>
-
id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
+
<div class="col-1-5">
-
Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
+
<p class="show" id="pad">3</p>
-
Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
+
</div>
-
pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.</p>
+
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
</div>
</div>
-
<div class="col-1-2">
+
</div>
-
<h2>Main Content</h2>
+
-
<p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
+
<div class="grid-pad">
-
non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
+
<!--Row 4-->
-
in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
+
<div class="col-1-5">
-
amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
+
<p class="show" id="pad">3</p>
-
ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
+
</div>
-
id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
+
<div class="col-1-5">
-
Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
+
<p class="show" id="pad">3</p>
-
Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
+
</div>
-
pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.</p>
+
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
 +
</div>
 +
<div class="col-1-5">
 +
<p class="show" id="pad">3</p>
</div>
</div>
</div>
</div>
 +
<div class="grid-pad">
<div class="grid-pad">
-
<div class="col-1-2">
+
<!--Row 5-->
-
<h2>Main Content</h2>
+
<div class="col-1-5">
-
<p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
+
<p class="show" id="pad">3</p>
-
non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
+
</div>
-
in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
+
<div class="col-1-5">
-
amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
+
<p class="show" id="pad">3</p>
-
ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
+
</div>  
-
id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
+
<div class="col-1-5">
-
Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
+
<p class="show" id="pad">3</p>
-
Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
+
</div>
-
pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.</p>
+
<div class="col-1-5">
-
</div>
+
<p class="show" id="pad">3</p>
-
<div class="col-1-2">
+
</div>
-
<h2>Main Content</h2>
+
<div class="col-1-5">
-
<p class="show" id="pad">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra lorem at metus porta,
+
<p class="show" id="pad">3</p>
-
non mattis quam fermentum. Aliquam elementum ligula arcu, quis pharetra leo dapibus vel. Nullam vulputate erat turpis,
+
-
in molestie odio elementum sed. Fusce hendrerit suscipit magna, non tempor purus molestie sit amet. Duis eget lacus sit
+
-
amet elit tristique facilisis ac sit amet ligula. Maecenas nec faucibus eros. In malesuada odio felis, feugiat posuere
+
-
ipsum ultricies eget. Donec semper, arcu sit amet rhoncus suscipit, purus mauris varius justo, id dictum turpis lacus
+
-
id nibh. Sed mollis, ipsum id euismod tincidunt, tortor eros fermentum velit, nec cursus mauris nunc sit amet quam.
+
-
Integer pellentesque enim ligula. Morbi pretium ante in iaculis eleifend.Duis et orci id nibh blandit eleifend.
+
-
Vivamus viverra tincidunt sagittis. Donec molestie commodo euismod. Curabitur iaculis condimentum
+
-
pellentesque. Cras quis velit nibh. Duis vitae neque dignissim, viverra lacus a, mollis nibh.</p>
+
</div>
</div>
</div>
</div>
</div>
</div>
-
<div class="col-1-10">
+
<div class="col-1-10"><p class="hide" id="pad"></p></div>
-
<p class="hide" id="pad"></p>
+
</body>
-
</div>
+
-
</body>
+
</html>
</html>

Revision as of 14:42, 22 July 2014

WELCOME TO THE 2014 GDS IGEM WIKI

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

https://2014.igem.org/File:Hehehe.JPG#filelinks

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

3

Retrieved from "http://2014.igem.org/Team:Gaston_Day_School"