Team:Waterloo/Test

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<style type="text/css">
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
line-height: 1.5em;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 12px;
 +
color: #D7D7D7;
 +
        background: #D7D7D7;
 +
}
 +
 +
a:link, a:visited { color: #000000; text-decoration: none; font-weight: normal; }
 +
a:active, a:hover { color: #000000; text-decoration: underline; }
 +
 +
img { margin: 0px; padding: 0px; border: none; }
 +
 +
#header_wrapper {
 +
width: 100%;
 +
height: 265px;
 +
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 +
}
 +
 +
#header {
 +
position: relative;
 +
width: 980px;
 +
height: 265px;
 +
padding: 0 10px;
 +
margin: 0 auto;
 +
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 +
}
 +
 +
/* site title */
 +
 +
#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:#000;
 +
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: #416902;
 +
font-weight: bold;
 +
letter-spacing: 2px;
 +
}
 +
 +
/* end of site title */
 +
 +
/* 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/2011/5/59/USTC_Software_nav_button_sep.jpg);
 +
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;
 +
}
 +
 +
#nav .on {
 +
color:#fff !important;
 +
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !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/2011/0/00/USTC_Software_nav_button_bg.jpg);
 +
    background-position: top left;;
 +
}
 +
 +
#nav a:hover {
 +
    color:#fff;
 +
    background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_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;
 +
}
 +
 +
#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;
 +
}
 +
 +
#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/2011/1/15/USTC_Software_search.png)
 +
}
 +
 +
#search_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
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 */
 +
 +
/*clock_box*/
 +
#header #clock_box {
 +
position: absolute;
 +
width: 320px;
 +
height: 21px;
 +
bottom: 85px;
 +
right: 26px;
 +
}
 +
 +
#clock_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
 +
 +
/* end of clock_box*/
 +
 +
/* content_wrapper */
 +
 +
#content {
 +
background-color:#a0c73f;
 +
width:auto;
 +
}
 +
 +
#content_wrapper {
 +
width: 920px;
 +
margin: 0 auto;
 +
padding: 30px 40px;
 +
background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y;
 +
}
 +
 +
#content_wrapper h1 {
 +
color: #3a5909;
 +
font-size:24px;
 +
padding: 0 0 60px 20px;
 +
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
 +
}
 +
 +
#content_wrapper p {
 +
font-family: Verdana, Arial;
 +
font-size:14px;
 +
}
 +
 +
#content_wrapper_bottom {
 +
width: 1000px;
 +
height: 15px;
 +
margin: 0 auto;
 +
background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat;
 +
        background-color: #a0c73f;
 +
}
 +
 +
/* end of content_wrapper */
 +
 +
/* footer */
 +
 +
#mfooter {
 +
width: 980px;
 +
margin: 0 auto;
 +
padding: 30px 10px;
 +
text-align: center;
 +
color: #333333;
 +
        background-color: #a0c73f;
 +
}
 +
 +
#mfooter a {
 +
color:#000;
 +
}
 +
 +
#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!*/
 +
 +
#totop_box {
 +
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 15px;
 +
}
 +
 +
#totop_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
 +
 +
#to_org_box {
 +
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 105px;
 +
}
 +
 +
#to_org_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
 +
/* 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: #63a103;
 +
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: url(./images/USTC_Software_button.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(./images/USTC_Software_button_hover.png) no-repeat;
 +
}
 +
 +
.button_01 a {
 +
display: block;
 +
width: 102px;
 +
height: 23px;
 +
padding: 7px 0 0 0;
 +
background: url(https://static.igem.org/mediawiki/2011/0/0e/USTC_Software_button.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/2011/c/c1/USTC_Software_button_hover.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; }/**/
 +
 +
/*--Window & Text Table--*/
 +
table#rotator_news {
 +
pading-bottom: 10px;
 +
}
 +
 +
/*--Main Image Rotator Container--*/
 +
.main_view {
 +
float: left;
 +
position: relative;
 +
/*border: 0px solid #fff;*/
 +
width: 650px;
 +
}
 +
/*--Image Rotator Window/Masking Styles--*/
 +
.window {
 +
height:400px;
 +
width: 650px;
 +
overflow: hidden; /*--Hides anything outside of the set width/height--*/
 +
position: relative;
 +
}
 +
.image_reel {
 +
position: absolute;
 +
top: 0; left: 0;
 +
}
 +
.image_reel img {float: left;}
 +
 +
/*--Paging Styles--*/
 +
.paging {
 +
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;
 +
line-height: 110px;
 +
display: none; /*--Hidden by default, will be later shown with jQuery--*/
 +
}
 +
.paging a {
 +
padding: 5px;
 +
text-decoration: none;
 +
color: #000;
 +
}
 +
.paging a.active {
 +
font-weight: bold;
 +
/*background: #cdcdcd;*/
 +
border: 1px solid #cdcdcd;
 +
-moz-border-radius: 3px;
 +
-khtml-border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
}
 +
.paging a:hover {font-weight: bold;}
 +
/*end of Window & Text Table*/
 +
 +
</style>
<!-- Javascript-->
<!-- Javascript-->
Line 68: Line 535:
</script>
</script>
 +
<!--clock.js-->
 +
<script language="javascript" type="text/javascript">
 +
function clearText(field)
 +
{
 +
    if (field.defaultValue == field.value) field.value = '';
 +
    else if (field.value == '') field.value = field.defaultValue;
 +
}
 +
 +
function  Clock()
 +
 +
{  var today = new Date();
 +
    var day;
 +
    if(today.getDay()==0)  day="Sunday"
 +
    if(today.getDay()==1)  day="Monday"
 +
    if(today.getDay()==2)  day="Tuesday"
 +
    if(today.getDay()==3)  day="Wednesday"
 +
    if(today.getDay()==4)  day="Thursday"
 +
    if(today.getDay()==5)  day="Friday"
 +
    if(today.getDay()==6)  day="Saturday"
 +
var sec = today.getSeconds()+1;
 +
var date =day +", "
 +
+ today.getFullYear() + "-" + (today.getMonth()+1) + "-" + today.getDate()+
 +
" " + today.getHours()+":"+today.getMinutes()+":"+sec;
 +
document.getElementById("clock").innerHTML  = date; 
 +
}
 +
</script>
 +
 +
<!-- Javascript-->
</head>
</head>
<body>
<body>
 +
<div id="header_wrapper">
-
<div id="content_wrapper">
+
    <div id="header">
-
 
+
   
-
<div align="center">
+
  <div id="site_title">
-
<table id="rotator_news">
+
            <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width="173" height="150" /> </br> </br> USTC-Software </h1>
-
<tr>
+
-
<td id="window_images">
+
-
<div class="main_view">
+
-
    <div class="window">
+
-
        <div class="image_reel">
+
-
                    <img src="https://static.igem.org/mediawiki/2011/b/bf/USTC_Software_L001.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/d/da/USTC_Software_L002.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/e/e6/USTC_Software_L003.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/9/96/USTC_Software_L004.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/6/60/USTC_Software_L005.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/2/22/USTC_Software_L006.png" style=" margin-right:0px; width:650px; height:400px" alt="" />
+
-
                    <img src="https://static.igem.org/mediawiki/2011/b/ba/USTC_Software_L007.png" style=" margin-right:0px; width:640px; height:400px" alt="" />            
+
         </div>
         </div>
-
    </div>
+
<!-- navigation -->
-
    <div class="paging">
+
<ul id="nav">
-
        <a href="#" rel="1">1</a>
+
<li><a href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
-
        <a href="#" rel="2">2</a>
+
-
        <a href="#" rel="3">3</a>
+
-
        <a href="#" rel="4">4</a>
+
-
        <a href="#" rel="5">5</a>
+
-
        <a href="#" rel="6">6</a>
+
-
        <a href="#" rel="7">7</a>
+
-
+
-
    </div>
+
-
</div> <!-- close "main_view" div -->
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
</div>
+
-
<br/><br/>
+
-
        <h1>Lachesis</h1>
+
   
-
<!-- Content wrap -->
+
    <li><a href="https://2011.igem.org/Team:USTC-Software/project">Project</a>
-
  <div>
+
<ul>
-
   
+
<li><a href="https://2011.igem.org/Team:USTC-Software/documents">Documents Parser & Models </a></li>
-
    <div class="content_section">
+
<li><a href="#">Views</a>
-
                 
+
                                  <ul>
-
            <div class="intro_box margin_r10">
+
                                      <li><a href="https://2011.igem.org/Team:USTC-Software/aview">Assembly View</a></li>
-
           
+
                                      <li><a href="https://2011.igem.org/Team:USTC-Software/bview">Behavior View</a></li>
-
            <h3>Team</h3>
+
                                      <li><a href="https://2011.igem.org/Team:USTC-Software/nview">Network View</a></li>                     
-
                <img src="https://static.igem.org/mediawiki/2011/7/78/USTC_Software_image_02.jpg" alt="product" />
+
                                  </ul>
-
               
+
                                </li>
-
              <p class="intro">Our team is formed of a group of diligent students coming from various departments of USTC. In the School of Life Sciences, we devoted our perspirations to this project for nearly a year. <div class="button_01">  
+
-
<a href="https://2011.igem.org/Team:USTC-Software/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">Biological reaction networks, even small ones, contain a lot of species and reactions and, thus, are hard to build by hand. Our rule-based modeling approach aims at freeing human from such labor.
+
-
              <div class="button_01">  
+
                                <li><a href="#">Technology & Algorithm</a>
-
<a href="https://2011.igem.org/Team:USTC-Software/documents">Details</a> </div> </p> </div>
+
                                  <ul>
 +
                                    <li><a href="https://2011.igem.org/Team:USTC-Software/parameter">Parameter Analysis</a></li>
 +
                                    <li><a href="https://2011.igem.org/Team:USTC-Software/model">MoDeL</a></li>
 +
                                  </ul>
 +
                                </li>
 +
                                   
 +
                                <li><a href="https://2011.igem.org/Team:USTC-Software/tutorial">Tutorial & Demo</a></li>
 +
</ul>
 +
</li>
 +
 
 +
 
 +
                <li><a href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</a></li>
 +
 
 +
<li><a href="https://2011.igem.org/Team:USTC-Software/team">Team</a>
 +
                          <ul>
 +
                            <li><a href="https://2011.igem.org/Team:USTC-Software/members">Members</a></li>
 +
                            <li><a href="https://2011.igem.org/Team:USTC-Software/collaboration">Collaboration</a></li>
 +
                            <li><a href="https://2011.igem.org/Team:USTC-Software/attribution">Attribution & Contributions</a></li>
 +
                            <li><a href="https://2011.igem.org/Team:USTC-Software/acknowledgements">Acknowledgements</a></li>
 +
                          </ul>
 +
                </li>
 +
 
 +
  <li><a href="https://2011.igem.org/Team:USTC-Software/human practice">Human Practice</a>             
 +
  <ul>
 +
    <li><a href="https://2011.igem.org/Team:USTC-Software/safety">Safety & Security</a></li>
 +
    <li><a href="https://2011.igem.org/Team:USTC-Software/meetup">Meetup</a></li>
 +
  </ul>
 +
</li> 
 +
 
 +
<li><a class="last" href="https://2011.igem.org/Team:USTC-Software/download">Download</a></li>
 +
           
 +
</ul>
 +
<!-- // end of navigation -->
              
              
-
            <div class="intro_box margin_r10">
+
         
-
            <h3>Human practice</h3>
+
  <div id="search_box">
-
                <img src="https://static.igem.org/mediawiki/2011/3/3c/USTC_Software_image_04.jpg" alt="product" />
+
 
 +
  <form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" >
 +
    <input type="text" value="SEARCH..." 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="I'm Feeling Lucky" />
 +
      </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 id="clock_box">     
 +
        <script type=text/javascript>
 +
              document.write('<font  id="clock" color="#000000"> </font>');setInterval('Clock()',1000);</script>
 +
      </div>
 +
 
 +
 
 +
    <div class="cleaner"></div>
 +
    </div> <!-- end of header -->
 +
 
 +
</div>
 +
<!-- end of header_wrapper -->
 +
 
 +
</body>

Revision as of 19:38, 21 April 2013

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