Team:USTC-Software/home 3

From 2011.igem.org

(Difference between revisions)
m
 
(23 intermediate revisions not shown)
Line 12: Line 12:
<style type="text/css">
<style type="text/css">
 +
body {
body {
Line 26: Line 27:
a:active, a:hover { color: #0683ab; text-decoration: underline; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
-
p { margin: 0px; padding: 0px; }
 
img { margin: 0px; padding: 0px; border: none; }
img { margin: 0px; padding: 0px; border: none; }
-
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  /*This is important!*/
+
#header_wrapper {
-
.cleaner_h30 { clear: both; width:100%; height: 30px; }
+
width: 100%;
-
.cleaner_h40 { clear: both; width:100%; height: 40px; }
+
height: 265px;
 +
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 +
}
-
.margin_r10 { margin-right: 10px; }
+
#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;
 +
}
-
.float_l { float: left; }
+
/* site title */
-
.float_r { float:  right; }
+
 +
#header  #site_title {
 +
float: left;
 +
width: 200px;
 +
padding: 33px 0;
 +
}
-
/* content_wrapper */
+
#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;
 +
text-transform: uppercase;
 +
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;
-
#content {
 
-
        background-color:#a0c73f;
 
-
        width:auto;
 
}
}
-
#content p {
+
#nav ul {
-
text-align: justify;
+
    position:absolute;
-
margin-bottom: 10px;
+
    width:13em;
 +
    top:3.8em;
 +
    display:none;
 +
z-index: 1;
}
}
-
#content h2 {
+
#nav li ul a {
-
color: #3a5909;
+
    width:9em;
-
font-size: 24px;
+
    float:left;
-
padding: 0 0 60px 20px;
+
background-color: #2e2e2e;
-
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
+
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 nav*/
 +
 
 +
/* content_wrapper */
 +
 +
#content {
 +
        background-color:#a0c73f;
 +
        width:auto;
}
}
Line 67: Line 198:
#content_wrapper h1 {
#content_wrapper h1 {
color: #3a5909;
color: #3a5909;
-
font-size: 24px;
+
font-size:24px;
padding: 0 0 60px 20px;
padding: 0 0 60px 20px;
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
Line 74: Line 205:
#content_wrapper p {
#content_wrapper p {
font-family: Verdana, Arial;
font-family: Verdana, Arial;
-
font-size: 14px;
+
font-size:14px;
}
}
Line 87: Line 218:
/* end of content_wrapper */
/* end of content_wrapper */
-
/* content */
+
/* footer */
-
.content_section {
+
-
clear: both;
+
-
width: 100%;
+
-
}
+
-
.intro_box {
+
#mfooter {
-
float: left;
+
width: 980px;
-
width: 190px;
+
margin: 0 auto;
-
padding-bottom: 10px;
+
padding: 30px 10px;
-
border-bottom: 1px dotted #666;
+
text-align: center;
-
margin-bottom: 20px;
+
color: #333333;
 +
    background-color: #a0c73f;
}
}
-
.fl_image {
+
#mfooter a {
-
float: left;
+
color:#000;
-
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 {
+
#mfooter .mfooter_menu {
-
color: #537c11;
+
-
}
+
-
 
+
-
.inro {
+
-
color: #C30;
+
-
font-size: 14px;
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
.intro_box h3 {
+
-
background: #63a103;
+
-
padding: 3px 10px;
+
margin: 0 0 10px 0;
margin: 0 0 10px 0;
-
color: #ffffff;
+
padding: 0px;
-
font-size: 12px;
+
list-style: none;
}
}
-
.intro_box img {
+
.mfooter_menu li {
-
width: 180px;
+
margin: 0px;
-
height: 100px;
+
padding: 0 20px;
-
border: 5px solid #e6e0ce;
+
display: inline;
-
margin-bottom: 10px;
+
border-right: 1px solid #000000;
}
}
-
 
+
.mfooter_menu .last_menu {
-
.button_01 a {
+
border: none;
-
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 {
+
#totop_box {
-
color: #fff;
+
position:fixed;
-
    background:url(./images/USTC_Software_button_hover.png) no-repeat;
+
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 15px;
}
}
-
#sidebar {
+
#totop_box form {
-
float: right;
+
width: 280px;
width: 280px;
-
padding: 0;
+
height: 27px;
-
background: url(./images/USTC_Software_sidebar.jpg) repeat-y;  
+
margin: 0;
 +
padding: 25px 0 0 0;
}
}
-
#sidebar .sidebar_section {
+
#to_org_box {
-
margin-bottom: 30px;
+
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 105px;
}
}
-
#sidebar .sidebar_section_content {
+
#to_org_box form {
-
}
+
width: 280px;
-
 
+
height: 27px;
-
#sidebar h2 {
+
-
color: #3a5909;
+
-
font-size: 24px;
+
-
padding: 0 0 60px 20px;
+
-
background: url(./images/USTC_Software_header_bg.png) no-repeat bottom left;
+
-
}
+
-
 
+
-
#sidebar .categories_list {
+
margin: 0;
margin: 0;
-
padding: 0;
+
padding: 25px 0 0 0;
-
list-style: none;
+
}
}
 +
/* end of footer*/
-
#sidebar .categories_list li {
 
-
padding: 0;
 
-
margin: 0;
 
-
}
 
-
.categories_list li a {
+
</style>
-
display: block;
+
-
color: #201f1c;
+
-
padding: 5px 0 5px 20px;
+
-
background: url(./images/USTC_Software_list.png) center left no-repeat;
+
-
}
+
-
.categories_list li a:hover {
+
-
color: #537c11;
+
-
text-decoration: none;
+
-
}
+
-
.sidebar_section label {
+
<body>
-
display: block;
+
-
margin-bottom: 10px;
+
-
}
+
-
.sidebar_section #input_field {
 
-
height: 20px;
 
-
width: 233px;
 
-
padding: 0 5px;
 
-
margin-bottom: 10px;
 
-
color: #000000;
 
-
font-size: 12px;
 
-
font-variant: normal;
 
-
line-height: normal;
 
-
}
 
-
.sidebar_section #submit_btn{
+
<div id="content_wrapper_bottom"> </div>
-
float: right;
+
-
height: 30px;
+
-
width: 80px;
+
-
margin: 0px;
+
-
padding: 3px 0 15px 0;
+
-
cursor: pointer;
+
-
font-size: 12px;
+
-
text-align: center;
+
-
vertical-align: bottom;
+
-
white-space: pre;
+
-
outline: none;
+
-
}
+
-
</style>
+
<!-- end of content_wrapper -->
 +
-
<div id="content_wrapper">
+
<div id="mfooter">
-
   <h1>Lachesis</h1>
+
   <ul class="mfooter_menu">
-
<!-- Content wrap -->
+
                <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li>
-
<div id="content">
+
                <li><a href="https://2011.igem.org/Team:USTC-Software/project" target="_parent">Project</a></li>
-
   
+
                <li><a href="https://2011.igem.org/Team:USTC-Software/model" target="_parent"> MoDeL</a></li>
-
        <div class="content_section">
+
                <li><a href="https://2011.igem.org/Team:USTC-Software/notebook" target="_parent">Notebook</a></li>
-
                   
+
                <li><a href="https://2011.igem.org/Team:USTC-Software/team" class="current">Team</a></li>
-
            <div class="intro_box margin_r10">
+
                 <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/human practice" target="_parent">Human practice</a></li>
-
           
+
-
            <h3>Team</h3>
+
-
                 <img src="./images/USTC_Software_image_02.jpg" alt="product" />
+
                  
                  
-
              <p class="intro">Sorry...  <div class="button_01"> <a href="./05_team.html">Details</a> </div> </p> </div>
+
  </ul>
-
           
+
  <b> Welcome to &#160;&#160;<a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a>&#160;! </b>
-
            <div class="intro_box margin_r10">
+
-
            <h3>MoDeL</h3>
+
-
                <img src="./images/USTC_Software_image_03.jpg" alt="product" />
+
-
                   
+
-
              <p class="intro">Sorry... <div class="button_01"> <a href="./03_model.html">Details</a> </div> </p> </div>
+
-
           
+
-
           
+
-
            <div class="intro_box ">
+
-
            <h3>Huaman practice</h3>
+
-
                <img src="./images/USTC_Software_image_04.jpg" alt="product" />
+
-
               
+
-
              <p class="intro">Sorry... <div class="button_01"> <a href="./06_human practice.html">Details</a> </div> </p> </div>
+
-
           
+
-
            <div class="cleaner"></div>
+
-
        </div>
+
-
       
+
-
        <div class="cleaner_h40"></div>
+
-
        <div class="content_section">
+
-
       
+
-
        <h2>Project</h2>
+
-
       
+
-
        <img src="./images/USTC_Software_image_05.jpg" alt="image" class="fl_image" />
+
-
                   
+
-
            <p><span lang="EN-US" xml:lang="EN-US">USTC 2011 DRY TEAM as a one has worked diligently on designing and implementing a user friendly and interacting-prone software which will get nearer to biology reality and free synthetic biologist from considering unnecessary minutia as well as help both layman and expert draw deep understanding of the mechanism on how the gene circuit run.</span></p>
+
-
            <div><span lang="EN-US" xml:lang="EN-US">We offer a visualizing tool which give insight into the dynamics of a biology network. User dominated parameter adjustment process is also provided to assist in getting the required behavior. In order to assess the network&rsquo;s immunology to parameter perturbation, a PCA analysis approach is exploited to depict the structure of a &ldquo;good&rdquo; behaved region.   </span></div>
+
-
<p class="em_text"><p class="intro"> <div class="button_01"> <a href="./02_project.html">Details</a> </div> </p> </p>
+
-
       
+
-
        </div>
+
-
   
+
-
    </div> <!-- end of content -->
+
  <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="to igem.org"/></a>
 +
  </div>
-
   
+
   <div id="totop_box">
-
   <div id="sidebar">
+
      <a href="#top"><img src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="go back to top"/></a>  
-
   
+
  </div>
-
    <div class="sidebar_section">
+
-
     
+
-
            <h2>Sponsor</h2>
+
-
     
+
-
      <div class="sidebar_section_content">
+
-
           
+
-
            <img src="./images/USTC_Software_IF_LOGO.jpg" width="279" height="280" alt="USTC-IF" />
+
-
            <img src="./images/USTC_Software_sy_logo.png" width="279" height="83" alt="School of Life Sciences" />
+
-
              <img src="./images/USTC_Software_jwc_logo.png" width="279" height="81" alt="Teaching Afffairs" />
+
-
              <img src="./images/USTC_Software_yjs_logo.png" width="279" height="82" alt="Graduate School" />
+
-
            </div>
+
</div> <!-- end of mfooter -->
-
           
+
-
        </div>
+
-
       
+
-
        <div class="cleaner_h30"></div>
+
-
        <div class="sidebar_section">
+
-
       
+
-
        <h2>Sitemap</h2>
+
-
           
+
-
            <div class="sidebar_section_content">
+
-
             
+
-
                <div class="cleaner"></div>
+
-
            </div>
+
-
       
+
-
        </div>
+
-
 
+
-
</div> <!-- end of sidebar -->
+
-
   
+
-
  <div class="cleaner"></div> 
+
-
 
+
-
        <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
+
-
   
+
-
    </div>
+
-
   
+
-
    <div id="content_wrapper_bottom"></div> <!-- end of content_wrapper -->
+
</body>
</body>
-
 
</html>
</html>

Latest revision as of 11:45, 3 September 2011



Team:USTC-Software - 2011.igem.org/notebook

Notebook

Team:USTC-Software - 2011.igem.org

big_img_1

HEAD

Sorry,this is an unfinished feature...

Read more...
big_img_2

HEAD

Sorry,this is an unfinished feature...

Read more...
big_img_3

HEAD

Sorry,this is an unfinished feature...

Read more...




























Team:USTC-Software - 2011.igem.org