Team:Waterloo/Test

From 2013.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<style type="text/css">
-
<meta name="description" content="" />
+
//remove header
-
<meta name="keywords" content="" />
+
-
<title>Big Business 2.0 by FCT</title>
+
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
 
+
-
<style media="screen" type="text/css">
+
-
//Annas Code
+
#catlinks { display:none;}
#catlinks { display:none;}
#search-controls {display: none}
#search-controls {display: none}
Line 20: Line 14:
#p-logo{display: none};
#p-logo{display: none};
-
* {
+
 
 +
/* bg colour change */
 +
body {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
 +
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 12px;
 +
color: #000000;
 +
        background: #585858;
}
}
-
a {
+
a:link, a:visited { color: #000000; text-decoration: none; font-weight: normal; }
-
text-decoration: underline;
+
a:active, a:hover { color: #000000; text-decoration: underline; }
-
color: #0F8C8C;
+
-
}
+
-
a:hover {
+
img { margin: 0px; padding: 0px; border: none; }
-
text-decoration: none;
+
-
}
+
-
body {
+
#header_wrapper {
-
font-size: 11.5pt;
+
width: 100%;
-
color: #5C5B5B;
+
height: 265px;
-
line-height: 1.75em;
+
background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center;
-
background: #E0DCDC url(images/img01.gif) repeat-x top left;
+
}
}
-
body,input {
+
#header {
-
font-family: Georgia, serif;
+
position: relative;
 +
width: 980px;
 +
height: 265px;
 +
padding: 0 10px;
 +
margin: 0 auto;
 +
background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center;
}
}
-
strong {
 
-
color: #2C2B2B;
 
-
}
 
-
br.clearfix {
 
-
clear: both;
 
-
}
 
-
h1,h2,h3,h4 {
+
/* navigation */
-
font-weight: normal;
+
-
letter-spacing: -1px;
+
-
}
+
-
h2 {
+
ul  {
-
font-size: 2.25em;
+
      list-style-image: none;
}
}
-
h2,h3,h4 {
+
#nav {
-
color: #2C2B2B;
+
float: right;
-
margin-bottom: 1em;
+
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
font-size: 12px;
 +
padding-top: 70px;
 +
height: 43px;
}
}
-
h3 {
+
#nav .last {
-
font-size: 1.75em;
+
padding-right: 2px;
 +
background-image:url(https://static.igem.org/mediawiki/2013/6/67/UW_IGEM_nav_butn.png);
 +
background-repeat:no-repeat;
 +
background-position:right;
}
}
-
h4 {
+
#nav, #nav ul{
-
font-size: 1.5em;
+
margin:0;
 +
padding:0;
 +
list-style-type:none;
 +
list-style-position:outside;
 +
position:relative;
 +
line-height:1.5em;
}
}
-
img.alignleft {
+
#nav .on {
-
margin: 5px 20px 20px 0;
+
color:#fff !important;
-
float: left;
+
background-image: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important;
 +
background-position: bottom left !important;
}
}
-
img.aligntop {
+
#nav a:link, #nav a:active, #nav a:visited{
-
margin: 5px 0 20px 0;
+
    display:block;
 +
    padding: 14px 35px;
 +
    color:#a5a5a5;
 +
    text-decoration:none;
 +
    background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg);
 +
    background-position: top left;;
}
}
-
img.pic {
+
#nav a:hover {
-
padding: 5px;
+
    color:#fff;
-
border: solid 1px #D4D4D4;
+
    background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg);
 +
    background-position: bottom left;
}
}
-
p {
+
#nav li{
-
margin-bottom: 1.5em;
+
    float:left;
 +
    position:relative;
}
}
-
ul {
+
#nav ul {
-
margin-bottom: 1.5em;
+
    position:absolute;
 +
    width:13em;
 +
    top:3.8em;
 +
    display:none;
 +
    z-index: 1;
}
}
-
ul h4 {
+
#nav li ul a {
-
margin-bottom: 0.35em;
+
    width:9em;
 +
    float:left;
 +
    background-color: #2e2e2e;
 +
    background-image: none !important;
}
}
-
.box {
+
#nav li ul a:hover {
-
overflow: hidden;
+
background-color: #292929;
-
margin-bottom: 1em;
+
}
}
-
.date {
+
#nav ul ul{
-
background: #6E6E6E;
+
top:auto;
-
padding: 5px 6px 5px 6px;
+
}
-
margin: 0 6px 0 0;
+
-
color: #FFFFFF;
+
-
font-size: 0.8em;
+
-
border-radius: 2px;
+
-
}
+
-
#content {
+
#nav li ul ul {
-
width: auto;
+
    left:12em;
-
float: center;
+
    margin:0px 0 0 10px;
-
padding: 0;
+
}
}
-
#content-box1 {
+
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
-
width: 320px;
+
    display:none;
-
float: left;
+
}
}
-
#content-box2 {
+
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
-
margin: 0 0 0 345px;
+
    display:block;
-
width: 320px;
+
}
}
-
#footer {
+
/*end of navigation*/
-
margin: 40px 0 120px 0;
+
-
text-align: center;
+
-
color: #8C8B8B;
+
-
text-shadow: 0 1px 0 #FFFFFF;
+
-
}
+
-
#footer a {
+
/* search */
-
color: #8C8B8B;
+
#header #search_box {
 +
        position:absolute;
 +
width: 333px;
 +
height: 53px;
 +
bottom: 54px;
 +
right:  16px;
 +
background: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important;
}
}
-
#header {
+
#search_box form {
-
height: 75px;
+
width: 280px;
-
position: relative;
+
height: 27px;
-
background: #6E6E6E url(images/img03.jpg) top left no-repeat;
+
margin-bottom: o;
-
padding: 45px;
+
padding: 25px 0 0 0;
-
color: #FFFFFF;
+
-
width: 888px;
+
-
border: solid 1px #7E7E7E;
+
-
border-top-left-radius: 5px;
+
-
border-top-right-radius: 5px;
+
-
overflow: hidden;
+
}
}
-
#logo {
+
#searchfield {
-
line-height: 160px;
+
height: 17px;
-
height: 160px;
+
width: 270px;
-
padding: 5px 0 0 0;
+
padding: 4px 5px 6px 5px;
-
position: absolute;
+
color: #fff;
-
top: 0;
+
font-size: 12px;
-
left: 45px;
+
font-variant: normal;
 +
line-height: normal;
 +
background: none;
 +
border: none;
}
}
-
#logo a {
+
/* end of search */
-
text-decoration: none;
+
-
color: #FFFFFF;
+
-
text-shadow: 0 1px 1px #3E3E3E;
+
-
}
+
-
#logo h1 {
 
-
font-size: 3.25em;
 
-
}
 
-
#slogan {
+
/* content_wrapper */
-
line-height: 160px;
+
/* change bg colour */
-
height: 160px;
+
#content {
-
padding: 5px 0 0 0;
+
background-color: #585858;
-
position: absolute;
+
width: auto;
-
right: 45px;
+
-
top: 0;
+
}
}
-
#slogan h2 {
+
#content_wrapper {
-
color: #BEBEBE;
+
width: 920px;
-
font-size: 1.25em;
+
margin: 0 auto;
-
text-shadow: 0 1px 1px #3E3E3E;
+
padding: 30px 40px;
 +
background: url(https://static.igem.org/mediawiki/2013/6/6f/UW_content_side.jpg) repeat-y;
}
}
-
#menu {
+
#content_wrapper h1 {
-
padding: 0 45px 0 45px;
+
color: #ffffff;
-
position: relative;
+
font-size:24px;
-
background: #209D9D url(images/img02.gif) repeat-x top left;
+
-
margin: 0;
+
-
height: 60px;
+
-
width: 890px;
+
-
border-top: solid 1px #5AD7D7;
+
-
border-bottom: solid 1px #1C7575;
+
-
text-shadow: 0 1px 1px #007D7D;
+
-
}
+
-
#menu ul {
+
        padding: 0 0 60px 20px;
-
list-style: none;
+
-
padding-top: 12px;
+
-
position: relative;
+
-
left: -15px;
+
-
}
+
-
#menu ul li {
 
-
padding: 5px 15px 5px 15px;
 
-
margin-right: 10px;
 
-
display: inline-block;
 
-
}
 
-
#menu ul li a, #menu ul li span {
 
-
text-decoration: none;
 
-
color: #FFFFFF;
 
-
letter-spacing: -1px;
 
-
font-size: 1.25em;
 
}
}
-
#menu ul li span b {
+
#content_wrapper p {
-
display: inline-block;
+
font-family: Verdana, Arial;
-
border-left: 6px solid transparent;
+
font-size:14px;
-
border-right: 6px solid transparent;
+
-
border-top: 7px solid #1C7575;
+
-
margin-left: 8px;
+
-
position: relative;
+
-
top: -1px;
+
}
}
-
#menu ul li.active {
+
#content_wrapper_bottom {
-
background: #1C7575;
+
width: 1000px;
-
border-top: solid 1px #1A6B6B;
+
height: 15px;
-
border-bottom: solid 1px #5AD7D7;
+
margin: 0 auto;
-
border-radius: 3px;
+
color: white;
-
padding-top: 4px;
+
background: url(https://static.igem.org/mediawiki/2013/e/ea/UW_content_bottom.jpg) no-repeat;
-
padding-bottom: 4px;
+
        background-color: #585858;
}
}
-
#menu ul li.active span b {
+
/* end of content_wrapper */
-
border-top-color: #165E5E;
+
-
}
+
-
.dropotron {
+
/* footer */
-
background: rgba(32,157,157,0.9);
+
-
border-top: solid 1px #5AD7D7;
+
-
border-bottom: solid 1px #1C7575;
+
-
text-shadow: 0 1px 1px #007D7D;
+
-
list-style: none;
+
-
margin: 0;
+
-
padding: 15px 10px 15px 10px;
+
-
min-width: 200px;
+
-
border-radius: 6px;
+
-
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
+
-
}
+
-
.dropotron a, .dropotron span {
+
#mfooter {
-
color: #FFFFFF;
+
width: 980px;
-
text-decoration: none;
+
margin: 0 auto;
-
letter-spacing: -1px;
+
padding: 30px 10px;
-
display: block;
+
text-align: center;
-
width: 100%;
+
color: #ffffff;
-
position: relative;
+
        background-color: #585858;
}
}
-
.dropotron span b {
+
#mfooter a {
-
display: inline-block;
+
color:#ffffff;
-
border-top: 6px solid transparent;
+
-
border-bottom: 6px solid transparent;
+
-
border-left: 7px solid #1C7575;
+
-
position: absolute;
+
-
right: 0px;
+
-
top: 7px;
+
}
}
-
.dropotron li:hover span b {
+
#mfooter .mfooter_menu {
-
border-left-color: #165E5E;
+
margin: 0 0 10px 0;
 +
padding: 0px;
 +
list-style: none;
}
}
-
.dropotron li {
+
.mfooter_menu li {
-
padding: 3px 10px 3px 10px;
+
margin: 0px;
-
margin: 2px 0 2px 0;
+
padding: 0 20px;
-
border-radius: 3px;
+
display: inline;
 +
border-right: 1px solid #000000;
}
}
-
.dropotron li:hover, .dropotron li.active {
+
.mfooter_menu .last_menu {
-
padding-top: 2px;
+
border: none;
-
padding-bottom: 2px;
+
-
background: rgba(28,117,117,0.9);
+
-
border-top: solid 1px #1A6B6B;
+
-
border-bottom: solid 1px #5AD7D7;
+
}
}
-
.dropotron-level-1 {
+
#footer-box { background-color: transparent; border:none;} /*This is important!*/
-
border-top-left-radius: 0;
+
/* end of footer*/
-
border-top-right-radius: 0;
+
-
}
+
-
#page {
+
/* content */
-
padding: 45px 45px 15px 45px;
+
-
position: relative;
+
-
width: 890px;
+
-
margin: 0;
+
-
}
+
-
#page .section-list {
+
.content_section {
-
list-style: none;
+
-
padding-left: 0;
+
-
}
+
-
 
+
-
#page .section-list li {
+
clear: both;
clear: both;
-
padding: 30px 0 30px 0;
+
width: 100%;
}
}
-
#page ul {
+
.intro_box {
-
list-style: none;
+
float: left;
 +
width: 282px;
 +
padding-bottom: 10px;
 +
border-bottom: 1px dotted #666;
 +
margin-bottom: 20px;
}
}
-
#page ul li {
+
.fl_image {
-
border-top: dotted 1px #C4C4C4;
+
float: left;
-
padding: 15px 0 15px 0;
+
margin: 3px 15px 5px 0;
}
}
-
#page ul li.first {
+
#content .product_box p {
-
padding-top: 0;
+
padding: 0;
-
border-top: 0;
+
margin: 0 0 5px 0;
}
}
-
#page-bottom {
+
#content .product_box a {
-
position: relative;
+
color: #000000;
-
margin: 0;
+
font-weight: bold;
-
background: #6E6E6E url(images/img03.jpg) top left no-repeat;
+
-
border: solid 1px #7E7E7E;
+
-
width: 888px;
+
-
padding: 45px 45px 0 45px;
+
-
color: #DCDCDC;
+
-
border-bottom-left-radius: 5px;
+
-
border-bottom-right-radius: 5px;
+
-
text-shadow: 0 1px 1px #444444;
+
}
}
-
#page-bottom a {
+
#content .em_text {
-
color: #F5F5F5;
+
color: #537c11;
}
}
-
#page-bottom h2, #page-bottom h3, #page-bottom h4 {
+
.inro {
-
color: #FFFFFF;
+
color: #C30;
 +
font-size: 14px;
 +
font-weight: bold;
}
}
-
#page-bottom ul {
+
.intro_box h3 {
-
list-style: none;
+
background: #000000;
 +
padding: 3px 10px;
 +
margin: 0 0 10px 0;
 +
color: #ffffff;
 +
font-size: 12px;
}
}
-
#page-bottom ul li {
+
.intro_box img {
-
border-top: dotted 1px #8F8F8F;
+
width: 272px;
-
padding: 15px 0 15px 0;
+
height: 168px;
 +
border: 5px solid #e6e0ce;
 +
        margin-bottom: 10px;
}
}
-
#page-bottom ul li.first {
+
.button_01 a {
-
padding-top: 0;
+
display: block;
-
border-top: 0;
+
width: 102px;
 +
height: 23px;
 +
padding: 7px 0 0 0;
 +
background: none;
 +
color: #333;
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
 +
text-decoration: none;
}
}
-
#page-bottom-content {
+
.button_01 a:hover {
-
width: 665px;
+
color: #fff;
-
float: left;
+
        background:url(./images/USTC_Software_button_hover.png) no-repeat;
}
}
-
 
+
/* Detail buttons */
-
#page-bottom-sidebar {
+
.button_01 a {
-
width: 200px;
+
display: block;
-
margin: 0 0 0 690px;
+
width: 102px;
 +
height: 23px;
 +
padding: 7px 0 0 0;
 +
background: url(https://static.igem.org/mediawiki/2013/6/69/UW_linked_butn.png)  no-repeat;
 +
color: #333;
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
 +
text-decoration: none;
}
}
-
#search input.form-submit {
+
.button_01 a:hover {
-
margin-left: 1em;
+
color: #fff;
-
color: #FFFFFF;
+
        background:url(https://static.igem.org/mediawiki/2013/6/61/UW_linked_butn_blue.png) no-repeat;
-
padding: 10px;
+
-
background: #2FACAC;
+
-
border: 0;
+
}
}
-
#search input.form-text {
+
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } /**/  /*This is important!*/
-
border: solid 1px #8F8F8F;
+
.cleaner_h30 { clear: both; width:100%; height: 30px; }/**/
-
padding: 10px;
+
.cleaner_h40 { clear: both; width:100%; height: 40px; }/**/
-
}
+
.margin_r10 { margin-right: 24px; }/**/
-
#sidebar {
+
.float_l { float: left; }/**/
-
width: 200px;
+
.float_r { float: right; }/**/
-
padding: 0;
+
 
-
margin: 0 0 0 690px;
+
/*--Window & Text Table--*/
 +
table#rotator_news {
 +
pading-bottom: 10px;
}
}
-
#slider {
+
/*--Main Image Rotator Container--*/
 +
.main_view {
 +
float: left;
position: relative;
position: relative;
-
margin: 45px 45px 0px 45px;
+
/*border: 0px solid #fff;*/
-
width: 890px;
+
width: 650px;
}
}
-
 
+
/*--Image Rotator Window/Masking Styles--*/
-
#slider .viewer {
+
.window {
-
width: 890px;
+
height:400px;
-
height: 250px;
+
width: 650px;
-
border: solid 1px #D4D4D4;
+
overflow: hidden; /*--Hides anything outside of the set width/height--*/
-
border-radius: 3px;
+
position: relative;
}
}
-
 
+
.image_reel {
-
#slider .slide {
+
position: absolute;
-
width: 890px;
+
top: 0; left: 0;
-
height: 250px;
+
-
padding: 10px;
+
}
}
 +
.image_reel img {float: left;}
-
#slider .indicator {
+
/*--Paging Styles--*/
-
position: relative;
+
.paging {
-
z-index: 1;
+
position: absolute;
 +
bottom: 0px; right: -15px;
 +
width: 400px; height:47px; /*--Increase this width when adding more numbers in paging--*/
 +
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
text-align: center;
-
margin: 20px 0 0 0;
+
line-height: 110px;
-
}
+
-
#slider .indicator span {
+
display: none; /*--Hidden by default, will be later shown with jQuery--*/
-
display: inline-block;
+
-
text-indent: -9999em;
+
-
width: 12px;
+
-
height: 12px;
+
-
background: #E3DFDF;
+
-
border-radius: 6px;
+
-
margin: 0 2px 0 2px;
+
}
}
-
 
+
.paging a {
-
#slider .indicator span.active {
+
padding: 5px;
-
background: #6E6E6E;
+
text-decoration: none;
 +
color: #000;
}
}
-
 
+
.paging a.active {
-
#wrapper {
+
font-weight: bold;
-
position: relative;
+
/*background: #ffffff;*/
-
width: 980px;
+
border: 1px solid #ffffff;
-
margin: 75px auto 0 auto;
+
-moz-border-radius: 3px;
-
background: #FFFFFF;
+
-khtml-border-radius: 3px;
-
border-radius: 6px;
+
-webkit-border-radius: 3px;
-
box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
+
}
}
-
 
+
.paging a:hover {font-weight: bold;}
 +
/*end of Window & Text Table*/
</style>
</style>
 +
<!-- Javascript-->
-
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
-
<script type="text/javascript" src="jquery.dropotron-1.0.js"></script>
+
-
<script type="text/javascript" src="jquery.slidertron-1.1.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
-
$(function() {
+
$(document).ready(function() {
-
$('#menu > ul').dropotron({
+
//Set Default State of each portfolio piece
-
mode: 'fade',
+
$(".paging").show();
-
globalOffsetY: 11,
+
$(".paging a:first").addClass("active");
-
offsetY: -15
+
-
});
+
//Get size of images, how many there are, then determin the size of the image reel.
-
$('#slider').slidertron({
+
var imageWidth = $(".window").width();
-
viewerSelector: '.viewer',
+
var imageSum = $(".image_reel img").size();
-
indicatorSelector: '.indicator span',
+
var imageReelWidth = imageWidth * imageSum;
-
reelSelector: '.reel',
+
-
slidesSelector: '.slide',
+
//Adjust the image reel to its new size
-
speed: 'slow',
+
$(".image_reel").css({'width' : imageReelWidth});
-
advanceDelay: 4000
+
-
});
+
//Paging + Slider Function
-
});
+
rotate = function(){
 +
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
 +
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
 +
 
 +
$(".paging a").removeClass('active'); //Remove all active class
 +
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
 +
 +
//Slider Animation
 +
$(".image_reel").animate({  
 +
left: -image_reelPosition
 +
}, 500 );
 +
 +
};
 +
 +
//Rotation + Timing Event
 +
rotateSwitch = function(){
 +
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
 +
$active = $('.paging a.active').next();
 +
if ( $active.length === 0) { //If paging reaches the end...
 +
$active = $('.paging a:first'); //go back to first
 +
}
 +
rotate(); //Trigger the paging and slider function
 +
}, 3500); //Timer speed in milliseconds
 +
};
 +
 +
rotateSwitch(); //Run function on launch
 +
 +
//On Hover
 +
$(".image_reel a").hover(function() {
 +
clearInterval(play); //Stop the rotation
 +
}, function() {
 +
rotateSwitch(); //Resume rotation
 +
});
 +
 +
//On Click
 +
$(".paging a").click(function() {
 +
$active = $(this); //Activate the clicked paging
 +
//Reset Timer
 +
clearInterval(play); //Stop the rotation
 +
rotate(); //Trigger rotation immediately
 +
rotateSwitch(); // Resume rotation
 +
return false; //Prevent browser jump to link anchor
 +
});
 +
 +
});
</script>
</script>
 +
 +
 +
<!-- Javascript-->
</head>
</head>
 +
<body>
<body>
-
<div id="wrapper">
+
<div id="header_wrapper">
-
<div id="header">
+
 
-
<div id="logo">
+
    <div id="header">
-
<h1><a href="#">Big Business 2.0</a></h1>
+
   
-
</div>
+
  <div id="site_title">
-
<div id="slogan">
+
           
-
<h2>Template design by Free CSS Templates</h2>
+
        </div>
-
</div>
+
 
-
</div>
+
 
-
<div id="menu">
+
<!-- navigation -->
-
<ul>
+
<ul id="nav">
-
<li class="first">
+
<li><a href="https://2013.igem.org/Team:Waterloo/Test">Home</a></li>
-
<span class="opener">Services<b></b></span>
+
 
-
<ul>
+
   
-
<li><a href="#">Lorem Ipsum</a></li>
+
    <li><a href="https://2013.igem.org/Team:Waterloo/Project">Project</a>
-
<li><a href="#">Consequat Dolor</a></li>
+
<ul>
-
<li><a href="#">Magna Feugiat</a></li>
+
-
<li>
+
 
-
<span>Sed Tempus<b></b></span>
+
                             
-
<ul>
+
                                <li><a href="https://2013.igem.org/Team:Waterloo/Overview">Overview</a>                          
-
<li><a href="#">Lorem Ipsum</a></li>
+
                                </li>
-
<li><a href="#">Consequat Dolor</a></li>
+
                                   
-
<li><a href="#">Magna Feugiat</a></li>
+
                                <li><a href="https://2013.igem.org/Team:Waterloo/Results">Results</a></li>
-
<li><a href="#">Sed Tempus</a></li>
+
-
<li><a href="#">Etiam Nullam</a></li>
+
</li>
-
<li><a href="#">Amet Phasellus</a></li>
+
<li><a href="https://2013.igem.org/Team:Waterloo/Applications">Applications</a></li>
-
</ul>
+
-
</li>
+
-
<li><a href="#">Etiam Nullam</a></li>
+
-
<li><a href="#">Amet Phasellus</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Products</a></li>
+
-
<li><a href="#">Clients</a></li>
+
-
<li>
+
-
<span class="opener">Support<b></b></span>
+
-
<ul>
+
-
<li><a href="#">Lorem Ipsum</a></li>
+
-
<li><a href="#">Consequat Dolor</a></li>
+
-
<li><a href="#">Magna Feugiat</a></li>
+
-
<li>
+
-
<span>Sed Tempus<b></b></span>
+
-
<ul>
+
-
<li><a href="#">Lorem Ipsum</a></li>
+
-
<li><a href="#">Consequat Dolor</a></li>
+
-
<li><a href="#">Magna Feugiat</a></li>
+
-
<li><a href="#">Sed Tempus</a></li>
+
-
<li><a href="#">Etiam Nullam</a></li>
+
-
<li><a href="#">Amet Phasellus</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Etiam Nullam</a></li>
+
-
<li><a href="#">Amet Phasellus</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">About</a></li>
+
-
<li class="last"><a href="#">Contact</a></li>
+
-
</ul>
+
-
<br class="clearfix" />
+
-
</div>
+
-
<div id="slider">
+
-
<div class="viewer">
+
-
<div class="reel">
+
-
<div class="slide">
+
-
<img src="images/slide01.jpg" alt="" />
+
-
</div>
+
-
<div class="slide">
+
-
<img src="images/slide02.jpg" alt="" />
+
-
</div>
+
-
<div class="slide">
+
-
<img src="images/slide03.jpg" alt="" />
+
-
</div>
+
-
<div class="slide">
+
-
<img src="images/slide04.jpg" alt="" />
+
-
</div>
+
-
<div class="slide">
+
-
<img src="images/slide05.jpg" alt="" />
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class="indicator">
+
-
<span>1</span>
+
-
<span>2</span>
+
-
<span>3</span>
+
-
<span>4</span>
+
-
<span>5</span>
+
-
</div>
+
-
</div>
+
-
<div id="page">
+
-
<div id="content">
+
-
<div class="box">
+
-
<h2>Welcome to Big Business 2.0</h2>
+
-
<p>
+
-
This is <strong>Big Business 2.0</strong>, a free and fully standards-compliant CSS website template by <a href="http://www.freecsstemplates.org">FCT</a>. The pictures in this template are from <a href="http://fotogrph.com/">Fotogrph</a>. This free CSS template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep all the links in the footer intact. Aside from that, have fun with it :)
+
-
</p>
+
-
</div>
+
-
<div class="box" id="content-box1">
+
-
<h3>Mauris justo</h3>
+
-
<ul class="section-list">
+
-
<li class="first">
+
-
<img class="pic alignleft" src="images/pic01.jpg" width="70" height="70" alt="" />
+
-
<span>Condimentum et porttitor tristique nec aliquet magnis pretium quam nibh.</span>
+
-
</li>
+
-
<li>
+
-
<img class="pic alignleft" src="images/pic02.jpg" width="70" height="70" alt="" />
+
-
<span>Posuere elementum sapien justo tortor nulla fringilla suspendisse nascetur.</span>
+
-
</li>
+
-
<li class="last">
+
-
<img class="pic alignleft" src="images/pic03.jpg" width="70" height="70" alt="" />
+
-
<span>Ipsum quis vestibulum feugiat congue nunc laoreet volutpat lorem ipsum sociis.</span>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<div class="box" id="content-box2">
+
-
<h3>Magnis hendrerit erat</h3>
+
-
<p>
+
-
Neque neque ornare penatibus tristique fusce turpis. Purus sagittis euismod at ornare suscipit tempus.
+
-
</p>
+
-
<ul class="list">
+
-
<li class="first"><a href="#">Ipsum phasellus ullamcorper</a></li>
+
-
<li><a href="#">Mollis mattis tempus amet</a></li>
+
-
<li><a href="#">Ipsum aliquet dignissim vitae</a></li>
+
-
<li><a href="#">Orci metus curae sed mollis</a></li>
+
-
<li class="last"><a href="#">Tristique amet venenatis</a></li>
+
-
</ul>
+
-
</div>
+
-
<br class="clearfix" />
+
-
</div>
+
-
<div id="sidebar">
+
-
<div class="box">
+
-
<h3>Cursus magnis</h3>
+
-
<ul class="list">
+
-
<li class="first"><a href="#">Adipiscing tincidunt</a></li>
+
-
<li><a href="#">Euismod elit sollicitudin</a></li>
+
-
<li><a href="#">Dolor magnis et lacinia</a></li>
+
-
<li><a href="#">Mauris ornare aenean</a></li>
+
-
<li class="last"><a href="#">Ante semper fringilla</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="box">
+
-
<h3>Morbi at varius</h3>
+
-
<div class="date-list">
+
-
<ul class="list date-list">
+
-
<li class="first"><span class="date">2/08</span> <a href="#">Quam sed tempus</a></li>
+
-
<li><span class="date">2/05</span> <a href="#">Lorem et vestibulum</a></li>
+
-
<li><span class="date">2/01</span> <a href="#">Risus aenean tellus</a></li>
+
-
<li class="last"><span class="date">1/31</span> <a href="#">Tristique et primis</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<br class="clearfix" />
+
-
</div>
+
-
<div id="page-bottom">
+
-
<div id="page-bottom-content">
+
-
<h3>Magnis hendrerit erat</h3>
+
-
<p>
+
-
Euismod sodales sociis hendrerit pulvinar acursus urna. Consectetur egestas sodales at ornare laoreet turpis. Lorem id sapien ridiculus sagittis imperdiet urna suspendisse. Posuere arcu parturient quam risus. Aliquam nullam magnis integer gravida vulputate felis. Consectetur montes sollicitudin dictum. Auctor sociis hendrerit pulvinar acursus urna lorem ipsum dolor vivamus pulvinar libero. Massa egestas cubilia lacus augue mattis consectetur.
+
-
</p>
+
-
</div>
+
-
<div id="page-bottom-sidebar">
+
-
<h3>Sed interdum</h3>
+
-
<ul class="list">
+
-
<li class="first"><a href="#">Suspendisse ultricies</a></li>
+
-
<li><a href="#">Tortor mollis enim</a></li>
+
-
<li class="last"><a href="#">Lorem enim tempor</a></li>
+
</ul>
</ul>
-
</div>
+
</li>
-
<br class="clearfix" />
+
 
-
</div>
+
 
 +
                <li><a href="http://waterlooigem.wordpress.com/">Blog</a></li>
 +
 
 +
 +
<li><a href="https://2013.igem.org/Team:Waterloo/Team">Team</a>
 +
                          <ul>
 +
                            <li><a href="https://2013.igem.org/Team:Waterloo/Members">Members</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Waterloo/Sponsors">Sponsors</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Waterloo/Gallery">Gallery</a></li>
 +
                          </ul>
 +
                </li>
 +
 
 +
  <li><a href="https://2013.igem.org/Team:Waterloo/humanparctices">Human Practice</a>             
 +
  <ul>
 +
    <li><a href="#">Events</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Waterloo">Intent to Invent</a></li>
 +
<li><a href="https://2013.igem.org/Team:Waterloo">Event A</a></li>
 +
<li><a href="https://2013.igem.org/Team:Waterloo">Event B</a></li>
 +
</ul> </li>
 +
    <li><a href="https://2013.igem.org/Team:Waterloo/Partners">Partners</a></li>
 +
  </ul>
 +
</li> 
 +
 
 +
<li><a class="last" href="https://2013.igem.org/Team:Waterloo/Modelling">Modelling</a></li>
 +
           
 +
</ul>
 +
 +
<!-- // end of navigation -->
 +
           
 +
         
 +
  <div id="search_box">
 +
 
 +
  <form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" >
 +
    <input type="text" value=" " name="q" size="10" id="searchfield" title="searchfield" onFocus="clearText(this)" onBlur="clearText(this)" />
 +
    <input type="hidden" name="cx" value="012577055908532603606:zpok5ilqnda" />
 +
    <input type="hidden" name="cof" value="FORID:10" />
 +
    <input type="hidden" name="ie" value="UTF-8" />
 +
    <input type="submit" name="sa" value="Search" />
 +
      </form>
 +
 
 +
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
 +
 
 +
<script type="text/javascript">
 +
  google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
 +
  google.setOnLoadCallback(function() {
 +
    var customSearchControl = new google.search.CustomSearchControl('012577055908532603606:zpok5ilqnda');
 +
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
 +
    customSearchControl.draw('cse');
 +
  }, true);
 +
</script>
 +
 
 +
  </div> 
 +
 +
 
 +
 
 +
   
 +
 
 +
 
 +
    <div class="cleaner"></div>
 +
    </div> <!-- end of header -->
 +
 
 +
</div>
 +
<!-- end of header_wrapper -->
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div id="content_wrapper">
 +
 
 +
<div align="center">
 +
<table id="rotator_news">
 +
<tr>
 +
<td id="window_images">
 +
<div class="main_view">
 +
    <div class="window">
 +
        <div class="image_reel">
 +
                    <img src="http://assets.inhabitat.com/wp-content/blogs.dir/1/files/2011/03/University-Waterloo-Engineering-5-2-537x295.jpg" style=" margin-right:0px; width:650px; height:400px" alt="" />
 +
                    <img src="http://images.dailytech.com/nimage/19635_M13_Virus.jpg" style=" margin-right:0px; width:650px; height:400px" alt="" />
 +
                               
 +
        </div>
 +
    </div>
 +
    <div class="paging">
 +
        <a href="#" rel="1">1</a>
 +
        <a href="#" rel="2">2</a>
 +
       
 +
 +
    </div>
 +
</div> <!-- close "main_view" div -->
 +
</td>
 +
</tr>
 +
</table>
</div>
</div>
-
<div id="footer">
+
<br/><br/>
-
Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org">FCT</a>. Photos by <a href="http://fotogrph.com/">Fotogrph</a>.
+
 
 +
        <h1>Lachesis</h1>
 +
<!-- Content wrap -->
 +
  <div>
 +
   
 +
    <div class="content_wrapper">
 +
                 
 +
            <div class="intro_box margin_r10">
 +
           
 +
            <h3>Team</h3>
 +
                <img src="https://static.igem.org/mediawiki/2011/7/78/USTC_Software_image_02.jpg" alt="product" />
 +
               
 +
              <p class="intro"> We promote diversity in our iGEM team. Encouraging people of all disciplines to partake in this incredible competition! From the Business faculty, to Arts, to Sciences, to Engineering, and back to Maths. These bunch collaborate in order to plan, design, construct and market our way to victory! <div class="button_01">
 +
<a href="https://2013.igem.org/Team:Waterloo/team">Details</a> </div> </p> </div>           
 +
            <div class="intro_box margin_r10">
 +
            <h3>Models</h3>
 +
                <img src="https://static.igem.org/mediawiki/2011/c/c8/USTC_Software_image_03.jpg" alt="product" />
 +
              <p class="intro">Enter Modelling Text Here!!!!
 +
 
 +
              <div class="button_01">
 +
<a href="https://2013.igem.org/Team:Waterloo/documents">Details</a> </div> </p> </div>
 +
           
 +
            <div class="intro_box margin_r10">
 +
            <h3>Human practice</h3>
 +
                <img src="https://static.igem.org/mediawiki/2011/3/3c/USTC_Software_image_04.jpg" alt="product" />
 +
               
 +
              <p class="intro">Put Events Crap Here!!<div class="button_01"> <a href="https://2013.igem.org/Team:Waterloo/humanpractices">Details</a> </div> </p> </div>
 +
           
 +
            <div class="cleaner"></div>
 +
    </div>
 +
       
 +
        <div class="cleaner_h40"></div>
 +
    <div class="content_section">
 +
       
 +
        <h2>Project</h2>
 +
       
 +
    <img src="http://www.qbrick.com/Libraries/Site/Communication.sflb.ashx" alt="image" width="363" class="fl_image" />
 +
                   
 +
    <p>
 +
<span lang="EN-US" xml:lang="EN-US">Our project is Cell-Cell Communication</span>
 +
<br/>
 +
 +
          <div><span lang="EN-US" xml:lang="EN-US">
 +
1.Use the M13 virus to transfer the message.<br/>
 +
2.Use GFP to test if message is received<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
 +
</p>
 +
</span>
</div>
</div>
 +
 +
       
 +
    </div>
 +
<br/>
 +
     
 +
 +
          </tr>
 +
        </table>
 +
    </td>
 +
  </tr>
 +
</table>
 +
 +
 +
 +
 +
 +
 +
 +
<br/> 
 +
     
 +
<br/>
 +
 +
<h2> </h2>
 +
 +
  <div id="clustrmaps-widget"></div>
 +
</div>
 +
  <!-- end of content -->
 +
   
 +
  <div class="cleaner"></div>
 +
   
 +
    <br/> <br/>
 +
   
 +
</div>
 +
   
 +
    <div id="content_wrapper_bottom"></div> <!-- end of content_wrapper -->
 +
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-25857438-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 +
</script>
 +
 +
 +
<div id="mfooter">
 +
 +
  <ul class="mfooter_menu">
 +
                <li><a href="#" target="_parent">Home</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Waterloo/project" target="_parent">Project</a></li>
 +
                <li><a href="http://waterlooigem.wordpress.com/" target="_parent">Blog</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Waterloo/team" class="current">Team</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Waterloo/humanpractices" target="_parent">Human practice</a></li>
 +
                <li  class="last_menu"><a href="https://2013.igem.org/Team:Waterloo/modelling" target="_parent">Modelling</a></li>
 +
               
 +
  </ul>
 +
  <b> Learn more about &#160;&#160;<a href="http://uwaterloo.ca/about/" target="_blank">University of Waterloo</a>&#160;! </b>
 +
 +
 
 +
 +
</div> <!-- end of mfooter -->
 +
</body>
</body>
</html>
</html>

Latest revision as of 02:46, 6 May 2013

1 2


Lachesis

Team

product

We promote diversity in our iGEM team. Encouraging people of all disciplines to partake in this incredible competition! From the Business faculty, to Arts, to Sciences, to Engineering, and back to Maths. These bunch collaborate in order to plan, design, construct and market our way to victory!

Details

Models

product

Enter Modelling Text Here!!!!

Details

Human practice

product

Put Events Crap Here!!

Details

Project

image

Our project is Cell-Cell Communication

1.Use the M13 virus to transfer the message.
2.Use GFP to test if message is received





Retrieved from "http://2013.igem.org/Team:Waterloo/Test"