Team:Waterloo/Test
From 2013.igem.org
(Difference between revisions)
(33 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | //remove header | ||
+ | #catlinks { display:none;} | ||
+ | #search-controls {display: none} | ||
+ | #top-section {position: relative; | ||
+ | height: 0px; | ||
+ | width: 965px; | ||
+ | margin: 0 auto 0 auto; | ||
+ | border-left: 1px solid #444444; | ||
+ | border-right: 1px solid #444444; | ||
+ | border-bottom: 0px;} | ||
+ | .firstHeading {display:none;} | ||
+ | #p-logo{display: none}; | ||
+ | |||
+ | /* bg colour change */ | ||
body { | body { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | + | ||
font-family: Georgia, "Times New Roman", Times, serif; | font-family: Georgia, "Times New Roman", Times, serif; | ||
font-size: 12px; | font-size: 12px; | ||
- | color: # | + | color: #000000; |
- | background: # | + | background: #585858; |
} | } | ||
Line 20: | Line 34: | ||
width: 100%; | width: 100%; | ||
height: 265px; | height: 265px; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center; |
} | } | ||
Line 29: | Line 43: | ||
padding: 0 10px; | padding: 0 10px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* navigation */ | /* navigation */ | ||
Line 90: | Line 65: | ||
#nav .last { | #nav .last { | ||
padding-right: 2px; | padding-right: 2px; | ||
- | background-image:url(https://static.igem.org/mediawiki/ | + | background-image:url(https://static.igem.org/mediawiki/2013/6/67/UW_IGEM_nav_butn.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-position:right; | background-position:right; | ||
Line 106: | Line 81: | ||
#nav .on { | #nav .on { | ||
color:#fff !important; | color:#fff !important; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important; |
background-position: bottom left !important; | background-position: bottom left !important; | ||
} | } | ||
Line 115: | Line 90: | ||
color:#a5a5a5; | color:#a5a5a5; | ||
text-decoration:none; | text-decoration:none; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg); |
background-position: top left;; | background-position: top left;; | ||
} | } | ||
Line 121: | Line 96: | ||
#nav a:hover { | #nav a:hover { | ||
color:#fff; | color:#fff; | ||
- | background-image: url(https://static.igem.org/mediawiki/ | + | background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg); |
background-position: bottom left; | background-position: bottom left; | ||
} | } | ||
Line 175: | Line 150: | ||
bottom: 54px; | bottom: 54px; | ||
right: 16px; | right: 16px; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important; |
} | } | ||
Line 181: | Line 156: | ||
width: 280px; | width: 280px; | ||
height: 27px; | height: 27px; | ||
- | margin: | + | margin-bottom: o; |
padding: 25px 0 0 0; | padding: 25px 0 0 0; | ||
} | } | ||
Line 199: | Line 174: | ||
/* end of search */ | /* end of search */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* content_wrapper */ | /* content_wrapper */ | ||
- | + | /* change bg colour */ | |
#content { | #content { | ||
- | background-color:# | + | background-color: #585858; |
- | width:auto; | + | width: auto; |
} | } | ||
Line 228: | Line 186: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 30px 40px; | padding: 30px 40px; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/2013/6/6f/UW_content_side.jpg) repeat-y; |
} | } | ||
#content_wrapper h1 { | #content_wrapper h1 { | ||
- | color: # | + | color: #ffffff; |
font-size:24px; | font-size:24px; | ||
- | + | ||
- | + | padding: 0 0 60px 20px; | |
+ | |||
+ | |||
} | } | ||
Line 247: | Line 207: | ||
height: 15px; | height: 15px; | ||
margin: 0 auto; | margin: 0 auto; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | color: white; |
- | background-color: # | + | background: url(https://static.igem.org/mediawiki/2013/e/ea/UW_content_bottom.jpg) no-repeat; |
+ | background-color: #585858; | ||
} | } | ||
Line 260: | Line 221: | ||
padding: 30px 10px; | padding: 30px 10px; | ||
text-align: center; | text-align: center; | ||
- | color: # | + | color: #ffffff; |
- | background-color: # | + | background-color: #585858; |
} | } | ||
#mfooter a { | #mfooter a { | ||
- | color:# | + | color:#ffffff; |
} | } | ||
Line 286: | Line 247: | ||
#footer-box { background-color: transparent; border:none;} /*This is important!*/ | #footer-box { background-color: transparent; border:none;} /*This is important!*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* end of footer*/ | /* end of footer*/ | ||
Line 359: | Line 290: | ||
.intro_box h3 { | .intro_box h3 { | ||
- | background: # | + | background: #000000; |
padding: 3px 10px; | padding: 3px 10px; | ||
margin: 0 0 10px 0; | margin: 0 0 10px 0; | ||
Line 378: | Line 309: | ||
height: 23px; | height: 23px; | ||
padding: 7px 0 0 0; | padding: 7px 0 0 0; | ||
- | background: | + | background: none; |
color: #333; | color: #333; | ||
font-size: 12px; | font-size: 12px; | ||
Line 390: | Line 321: | ||
background:url(./images/USTC_Software_button_hover.png) no-repeat; | background:url(./images/USTC_Software_button_hover.png) no-repeat; | ||
} | } | ||
- | + | /* Detail buttons */ | |
.button_01 a { | .button_01 a { | ||
display: block; | display: block; | ||
Line 396: | Line 327: | ||
height: 23px; | height: 23px; | ||
padding: 7px 0 0 0; | padding: 7px 0 0 0; | ||
- | background: url(https://static.igem.org/mediawiki/ | + | background: url(https://static.igem.org/mediawiki/2013/6/69/UW_linked_butn.png) no-repeat; |
color: #333; | color: #333; | ||
font-size: 12px; | font-size: 12px; | ||
Line 406: | Line 337: | ||
.button_01 a:hover { | .button_01 a:hover { | ||
color: #fff; | color: #fff; | ||
- | background:url(https://static.igem.org/mediawiki/ | + | background:url(https://static.igem.org/mediawiki/2013/6/61/UW_linked_butn_blue.png) no-repeat; |
} | } | ||
Line 450: | Line 381: | ||
text-align: center; | text-align: center; | ||
line-height: 110px; | line-height: 110px; | ||
+ | |||
display: none; /*--Hidden by default, will be later shown with jQuery--*/ | display: none; /*--Hidden by default, will be later shown with jQuery--*/ | ||
} | } | ||
Line 459: | Line 391: | ||
.paging a.active { | .paging a.active { | ||
font-weight: bold; | font-weight: bold; | ||
- | /*background: # | + | /*background: #ffffff;*/ |
- | border: 1px solid # | + | border: 1px solid #ffffff; |
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
-khtml-border-radius: 3px; | -khtml-border-radius: 3px; | ||
Line 510: | Line 442: | ||
} | } | ||
rotate(); //Trigger the paging and slider function | rotate(); //Trigger the paging and slider function | ||
- | }, | + | }, 3500); //Timer speed in milliseconds |
}; | }; | ||
Line 534: | Line 466: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!-- Javascript--> | <!-- Javascript--> | ||
Line 572: | Line 477: | ||
<div id="site_title"> | <div id="site_title"> | ||
- | + | ||
</div> | </div> | ||
+ | |||
+ | |||
<!-- navigation --> | <!-- navigation --> | ||
- | + | <ul id="nav"> | |
- | <li><a href="https:// | + | <li><a href="https://2013.igem.org/Team:Waterloo/Test">Home</a></li> |
- | <li><a href="https:// | + | <li><a href="https://2013.igem.org/Team:Waterloo/Project">Project</a> |
<ul> | <ul> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <li><a href="https://2013.igem.org/Team:Waterloo/Overview">Overview</a> | |
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li><a href="https:// | + | <li><a href="https://2013.igem.org/Team:Waterloo/Results">Results</a></li> |
+ | |||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Waterloo/Applications">Applications</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href=" | + | <li><a href="http://waterlooigem.wordpress.com/">Blog</a></li> |
- | <li><a href="https:// | + | |
+ | <li><a href="https://2013.igem.org/Team:Waterloo/Team">Team</a> | ||
<ul> | <ul> | ||
- | <li><a href="https:// | + | <li><a href="https://2013.igem.org/Team:Waterloo/Members">Members</a></li> |
- | <li><a href="https:// | + | <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> | |
- | <li><a href="https:// | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="https:// | + | <li><a href="https://2013.igem.org/Team:Waterloo/humanparctices">Human Practice</a> |
<ul> | <ul> | ||
- | <li><a href="https:// | + | <li><a href="#">Events</a> |
- | <li><a href="https:// | + | <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> | </ul> | ||
</li> | </li> | ||
- | <li><a class="last" href="https:// | + | <li><a class="last" href="https://2013.igem.org/Team:Waterloo/Modelling">Modelling</a></li> |
</ul> | </ul> | ||
+ | |||
<!-- // end of navigation --> | <!-- // end of navigation --> | ||
- | + | <div id="search_box"> | |
<form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" > | <form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" > | ||
- | <input type="text" value=" | + | <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="cx" value="012577055908532603606:zpok5ilqnda" /> | ||
<input type="hidden" name="cof" value="FORID:10" /> | <input type="hidden" name="cof" value="FORID:10" /> | ||
<input type="hidden" name="ie" value="UTF-8" /> | <input type="hidden" name="ie" value="UTF-8" /> | ||
- | <input type="submit" name="sa" value=" | + | <input type="submit" name="sa" value="Search" /> |
</form> | </form> | ||
Line 651: | Line 557: | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Line 664: | Line 567: | ||
</body> | </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> | ||
+ | <br/><br/> | ||
+ | |||
+ | <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> | ||
+ | <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   <a href="http://uwaterloo.ca/about/" target="_blank">University of Waterloo</a> ! </b> | ||
+ | |||
+ | |||
+ | |||
+ | </div> <!-- end of mfooter --> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 02:46, 6 May 2013
Lachesis
Team
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!
Models
Enter Modelling Text Here!!!!
Human practice
Put Events Crap Here!!
Project
Our project is Cell-Cell Communication
1.Use the M13 virus to transfer the message.
2.Use GFP to test if message is received
2.Use GFP to test if message is received