Team:Waterloo/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
//remove header
-
This is a template page. READ THESE INSTRUCTIONS.
+
#catlinks { display:none;}
-
</div>
+
#search-controls {display: none}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
#top-section {position: relative;
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
    height: 0px;
-
</div>
+
    width: 965px;
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
    margin: 0 auto 0 auto;
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
    border-left: 1px solid #444444;
-
</div>
+
    border-right: 1px solid #444444;
-
</div>
+
border-bottom: 0px;}
-
</html>
+
.firstHeading {display:none;}
 +
#p-logo{display: none};
-
<!-- *** End of the alert box *** -->
 
 +
/* bg colour change */
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 12px;
 +
color: #000000;
 +
        background: #585858;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
a:link, a:visited { color: #000000; text-decoration: none; font-weight: normal; }
-
!align="center"|[[Team:Waterloo|Home]]
+
a:active, a:hover { color: #000000; text-decoration: underline; }
-
!align="center"|[[Team:Waterloo/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Waterloo Official Team Profile]
+
-
!align="center"|[[Team:Waterloo/Project|Project]]
+
-
!align="center"|[[Team:Waterloo/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Waterloo/Modeling|Modeling]]
+
-
!align="center"|[[Team:Waterloo/Notebook|Notebook]]
+
-
!align="center"|[[Team:Waterloo/Safety|Safety]]
+
-
!align="center"|[[Team:Waterloo/Attributions|Attributions]]
+
-
|}
+
 +
img { margin: 0px; padding: 0px; border: none; }
 +
#header_wrapper {
 +
width: 100%;
 +
height: 265px;
 +
background: url(https://static.igem.org/mediawiki/igem.org/2/29/UW_IGEM_header_final.jpeg) no-repeat top center;
 +
}
 +
#header {
 +
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;
 +
}
-
== '''Overall project''' ==
+
/* site title */
-
Tell us more about your project. Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
#header #site_title {
 +
float: left;
 +
width: 180px;
 +
padding: 33px 0;
 +
}
 +
#site_title h1 {
 +
margin: 0;
 +
padding: 3px;
 +
font-family:"Times New Roman", Times, serif;
 +
color:#ffffff;
 +
font-size:24px;
 +
}
 +
#site_title h1 a {
 +
margin: 0px;
 +
padding: 0px;
 +
font-size: 30px;
 +
color: #ffffff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
#site_title h1 a:hover {
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
#site_title h1 a span {
 +
display: block;
 +
margin-left: 2px;
 +
font-size: 14px;
 +
color: #ffffff;
 +
font-weight: bold;
 +
letter-spacing: 2px;
 +
}
 +
/* end of site title */
-
== Project Details==
+
/* navigation */
 +
ul  {
 +
      list-style-image: none;
 +
}
 +
#nav {
 +
float: right;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
font-size: 12px;
 +
padding-top: 70px;
 +
height: 43px;
 +
}
 +
#nav .last {
 +
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;
 +
}
 +
#nav, #nav ul{
 +
margin:0;
 +
padding:0;
 +
list-style-type:none;
 +
list-style-position:outside;
 +
position:relative;
 +
line-height:1.5em;
 +
}
-
=== Part 2 ===
+
#nav .on {
 +
color:#fff !important;
 +
background-image: url(https://static.igem.org/mediawiki/2013/1/13/UW_search.png) !important;
 +
background-position: bottom left !important;
 +
}
 +
#nav a:link, #nav a:active, #nav a:visited{
 +
    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;;
 +
}
 +
#nav a:hover {
 +
    color:#fff;
 +
    background-image: url(https://static.igem.org/mediawiki/2013/4/4a/UW_nav_butn_bg.jpg);
 +
    background-position: bottom left;
 +
}
 +
#nav li{
 +
    float:left;
 +
    position:relative;
 +
}
 +
#nav ul {
 +
    position:absolute;
 +
    width:13em;
 +
    top:3.8em;
 +
    display:none;
 +
    z-index: 1;
 +
}
-
=== The Experiments ===
+
#nav li ul a {
 +
    width:9em;
 +
    float:left;
 +
    background-color: #2e2e2e;
 +
    background-image: none !important;
 +
}
 +
#nav li ul a:hover {
 +
background-color: #292929;
 +
}
 +
#nav ul ul{
 +
top:auto;
 +
}
 +
#nav li ul ul {
 +
    left:12em;
 +
    margin:0px 0 0 10px;
 +
}
-
=== Part 3 ===
+
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
 +
    display:none;
 +
}
 +
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
 +
    display:block;
 +
}
 +
/*end of navigation*/
 +
/* search */
 +
#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;
 +
}
-
== Results ==
+
#search_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin-bottom: o;
 +
padding: 25px 0 0 0;
 +
}
 +
 
 +
#searchfield {
 +
height: 17px;
 +
width: 270px;
 +
padding: 4px 5px 6px 5px;
 +
color: #fff;
 +
font-size: 12px;
 +
font-variant: normal;
 +
line-height: normal;
 +
background: none;
 +
border: none;
 +
}
 +
 
 +
/* end of search */
 +
 
 +
 
 +
/* content_wrapper */
 +
/* change bg colour */
 +
#content {
 +
background-color:#585858;
 +
width:auto;
 +
}
 +
 
 +
#content_wrapper {
 +
width: 920px;
 +
margin: 0 auto;
 +
padding: 30px 40px;
 +
background: url(https://static.igem.org/mediawiki/2013/6/6f/UW_content_side.jpg) repeat-y;
 +
}
 +
 
 +
#content_wrapper h1 {
 +
color: #ffffff;
 +
font-size:24px;
 +
 
 +
        padding: 0 0 60px 20px;
 +
 
 +
 
 +
}
 +
 
 +
#content_wrapper p {
 +
font-family: Verdana, Arial;
 +
font-size:14px;
 +
}
 +
 
 +
#content_wrapper_bottom {
 +
width: 1000px;
 +
height: 15px;
 +
margin: 0 auto;
 +
color: white;
 +
background: url(https://static.igem.org/mediawiki/2013/e/ea/UW_content_bottom.jpg) no-repeat;
 +
        background-color: #585858;
 +
}
 +
 
 +
/* end of content_wrapper */
 +
 
 +
/* footer */
 +
 
 +
#mfooter {
 +
width: 980px;
 +
margin: 0 auto;
 +
padding: 30px 10px;
 +
text-align: center;
 +
color: #ffffff;
 +
        background-color: #585858;
 +
}
 +
 
 +
#mfooter a {
 +
color:#ffffff;
 +
}
 +
 
 +
#mfooter .mfooter_menu {
 +
margin: 0 0 10px 0;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
 
 +
.mfooter_menu li {
 +
margin: 0px;
 +
padding: 0 20px;
 +
display: inline;
 +
border-right: 1px solid #000000;
 +
}
 +
 
 +
.mfooter_menu .last_menu {
 +
border: none;
 +
}
 +
 
 +
#footer-box { background-color: transparent; border:none;} /*This is important!*/
 +
/* end of footer*/
 +
 
 +
/* content */
 +
 
 +
.content_section {
 +
clear: both;
 +
width: 100%;
 +
}
 +
 
 +
.intro_box {
 +
float: left;
 +
width: 282px;
 +
padding-bottom: 10px;
 +
border-bottom: 1px dotted #666;
 +
margin-bottom: 20px;
 +
}
 +
 
 +
.fl_image {
 +
float: left;
 +
margin: 3px 15px 5px 0;
 +
}
 +
 
 +
#content .product_box p {
 +
padding: 0;
 +
margin: 0 0 5px 0;
 +
}
 +
 
 +
#content .product_box a {
 +
color: #000000;
 +
font-weight: bold;
 +
}
 +
 
 +
#content .em_text {
 +
color: #537c11;
 +
}
 +
 
 +
.inro {
 +
color: #C30;
 +
font-size: 14px;
 +
font-weight: bold;
 +
}
 +
 
 +
.intro_box h3 {
 +
background: #000000;
 +
padding: 3px 10px;
 +
margin: 0 0 10px 0;
 +
color: #ffffff;
 +
font-size: 12px;
 +
}
 +
 
 +
.intro_box img {
 +
width: 272px;
 +
height: 168px;
 +
border: 5px solid #e6e0ce;
 +
        margin-bottom: 10px;
 +
}
 +
 
 +
.button_01 a {
 +
display: block;
 +
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;
 +
}
 +
 
 +
.button_01 a:hover {
 +
color: #fff;
 +
        background:url(./images/USTC_Software_button_hover.png) no-repeat;
 +
}
 +
/* Detail buttons */
 +
.button_01 a {
 +
display: block;
 +
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;
 +
}
 +
 
 +
.button_01 a:hover {
 +
color: #fff;
 +
        background:url(https://static.igem.org/mediawiki/2013/6/61/UW_linked_butn_blue.png) no-repeat;
 +
}
 +
 
 +
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  } /**/  /*This is important!*/
 +
.cleaner_h30 { clear: both; width:100%; height: 30px; }/**/
 +
.cleaner_h40 { clear: both; width:100%; height: 40px; }/**/
 +
.margin_r10 { margin-right: 24px; }/**/
 +
 
 +
.float_l { float: left; }/**/
 +
.float_r { float:  right; }/**/
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
<!-- Javascript-->
 +
</head>
 +
 
 +
<body>
 +
<div id="header_wrapper">
 +
 
 +
    <div id="header">
 +
   
 +
  <div id="site_title">
 +
           
 +
        </div>
 +
 
 +
 
 +
<!-- navigation -->
 +
<ul id="nav">
 +
<li><a href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
 +
 
 +
   
 +
    <li><a href="https://2013.igem.org/Team:Waterloo/Project">Project</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Waterloo/documents">Documents Parser & Models </a></li>
 +
<li><a href="#">Views</a>
 +
                                  <ul>
 +
                                      <li><a href="https://2013.igem.org/Team:Waterloo/assemblyview">Assembly View</a></li>
 +
                                      <li><a href="https://2013.igem.org/Team:Waterloo/behaviourview">Behavior View</a></li>
 +
                                      <li><a href="https://2013.igem.org/Team:Waterloo/networkview">Network View</a></li>                     
 +
                                  </ul>
 +
                                </li>
 +
 
 +
                                <li><a href="#">Technology & Algorithm</a>
 +
                                  <ul>
 +
                                    <li><a href="https://2013.igem.org/Team:Waterloo/parameteranalysis">Parameter Analysis</a></li>
 +
                                    <li><a href="https://2013.igem.org/Team:Waterloo/model">MoDeL</a></li>
 +
                                  </ul>
 +
                                </li>
 +
                                   
 +
                                <li><a href="https://2013.igem.org/Team:Waterloo/tutorial">Tutorial & Demo</a></li>
 +
</ul>
 +
</li>
 +
 
 +
 
 +
                <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/collaboration">Collaboration</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Waterloo/attributions">Attribution & Contributions</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Waterloo/acknowledgements">Acknowledgements</a></li>
 +
                          </ul>
 +
                </li>
 +
 
 +
  <li><a href="https://2013.igem.org/Team:Waterloo/humanparctices">Human Practice</a>             
 +
  <ul>
 +
    <li><a href="https://2013.igem.org/Team:Waterloo/safety">Safety & Security</a></li>
 +
    <li><a href="https://2013.igem.org/Team:Waterloo/meetup">Meetup</a></li>
 +
  </ul>
 +
</li> 
 +
 
 +
<li><a class="last" href="https://2013.igem.org/Team:Waterloo/download">Download</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 -->
 +
 
 +
 
 +
 
 +
<!-- beginning of footer -->
 +
<head>
 +
<body>
 +
</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/download" target="_parent">Download</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>
 +
<html>

Latest revision as of 00:19, 24 April 2013

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