Team:USTC-Software/home 3

From 2011.igem.org

(Difference between revisions)
m
m
 
(12 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;
-
.float_l { float: left; }
+
width: 980px;
-
.float_r { float: right; }
+
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 */
-
/* content_wrapper */
+
#header  #site_title {
-
+
float: left;
-
#content {
+
width: 200px;
-
        background-color:#a0c73f;
+
padding: 33px 0;
-
        width:auto;
+
}
}
-
#content p {
+
#site_title h1 {
-
text-align: justify;
+
margin: 0;
-
margin-bottom: 10px;
+
padding: 3px;
 +
font-family:"Times New Roman", Times, serif;
 +
color:#000;
 +
font-size:24px;
}
}
-
#content h2 {
+
#site_title h1 a {
-
color: #3a5909;
+
margin: 0px;
-
font-size: 24px;
+
padding: 0px;
-
padding: 0 0 60px 20px;
+
font-size: 30px;
-
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
+
color: #ffffff;
 +
font-weight: bold;
 +
text-decoration: none;
}
}
-
#content_wrapper {
+
#site_title h1 a:hover {
-
width: 920px;
+
font-weight: bold;
-
margin: 0 auto;
+
text-decoration: none;
-
padding: 30px 40px;
+
-
background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y;
+
}
}
-
#content_wrapper h1 {
+
#site_title h1 a span {
-
color: #3a5909;
+
display: block;
-
font-size: 24px;
+
margin-left: 2px;
-
padding: 0 0 60px 20px;
+
font-size: 14px;
-
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
+
color: #416902;
 +
font-weight: bold;
 +
letter-spacing: 2px;
}
}
-
#content_wrapper p {
+
/* end of site title */
-
font-family: Verdana, Arial;
+
 
-
font-size: 14px;
+
/* ---------- Navigation ---------- */
 +
 
 +
ul  {
 +
      list-style-image: none;
}
}
-
#content_wrapper_bottom {
+
#nav {
-
width: 1000px;
+
float: right;
-
height: 15px;
+
font-family: Arial, Helvetica, sans-serif;
-
margin: 0 auto;
+
font-weight: bold;
-
background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat;
+
font-size: 12px;
-
    background-color: #a0c73f;
+
padding-top: 70px;
 +
height: 43px;
}
}
-
/* end of content_wrapper */
+
#nav .last {
-
 
+
padding-right: 2px;
-
/* content */
+
background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg);
-
.content_section {
+
background-repeat:no-repeat;
-
clear: both;
+
background-position:right;
-
width: 100%;
+
}
}
-
.intro_box {
+
#nav, #nav ul{
-
float: left;
+
margin:0;
-
width: 190px;
+
padding:0;
-
padding-bottom: 10px;
+
list-style-type:none;
-
border-bottom: 1px dotted #666;
+
list-style-position:outside;
-
margin-bottom: 20px;
+
position:relative;
 +
line-height:1.5em;
}
}
-
.fl_image {
+
#nav .on {
-
float: left;
+
color:#fff !important;
-
margin: 3px 15px 5px 0;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important;
 +
background-position: bottom left !important;
}
}
-
#content .product_box p {
+
#nav a:link, #nav a:active, #nav a:visited{
-
padding: 0;
+
    display:block;
-
margin: 0 0 5px 0;
+
    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;
}
}
-
#content .product_box a {
+
#nav a:hover {
-
color: #000000;
+
    color:#fff;
-
font-weight: bold;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);
 +
background-position: bottom left;
}
}
-
#content .em_text {
+
#nav li{
-
color: #537c11;
+
    float:left;
 +
    position:relative;
 +
}
}
-
.inro {
+
#nav ul {
-
color: #C30;
+
    position:absolute;
-
font-size: 14px;
+
    width:13em;
-
font-weight: bold;
+
    top:3.8em;
 +
    display:none;
 +
z-index: 1;
}
}
-
.intro_box h3 {
+
#nav li ul a {
-
background: #63a103;
+
    width:9em;
-
padding: 3px 10px;
+
    float:left;
-
margin: 0 0 10px 0;
+
background-color: #2e2e2e;
-
color: #ffffff;
+
background-image: none !important;
-
font-size: 12px;
+
}
}
-
.intro_box img {
+
#nav li ul a:hover {
-
width: 180px;
+
background-color: #292929;
-
height: 100px;
+
-
border: 5px solid #e6e0ce;
+
-
margin-bottom: 10px;
+
}
}
 +
#nav ul ul{
 +
top:auto;
 +
}
-
.button_01 a {
+
#nav li ul ul {
-
display: block;
+
    left:12em;
-
width: 102px;
+
    margin:0px 0 0 10px;
-
height: 23px;
+
    }
-
padding: 7px 0 0 0;
+
 
-
background: url(./images/USTC_Software_button.png)  no-repeat;
+
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
-
color: #333;
+
    display:none;
-
font-size: 12px;
+
    }
-
font-weight: bold;
+
 
-
text-align: center;
+
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
-
text-decoration: none;
+
    display:block;
 +
    }
 +
 
 +
/*end of nav*/
 +
 
 +
/* content_wrapper */
 +
 +
#content {
 +
        background-color:#a0c73f;
 +
        width:auto;
}
}
-
.button_01 a:hover {
+
#content_wrapper {
-
color: #fff;
+
width: 920px;
-
    background:url(./images/USTC_Software_button_hover.png) no-repeat;
+
margin: 0 auto;
 +
padding: 30px 40px;
 +
background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y;
}
}
-
#sidebar {
+
#content_wrapper h1 {
-
float: right;
+
color: #3a5909;
-
width: 280px;
+
font-size:24px;
-
padding: 0;
+
padding: 0 0 60px 20px;
-
background: url(./images/USTC_Software_sidebar.jpg) repeat-y;  
+
background: url(https://static.igem.org/mediawiki/2011/4/4d/USTC_Software_header_bg.png) no-repeat bottom left;
}
}
-
#sidebar .sidebar_section {
+
#content_wrapper p {
-
margin-bottom: 30px;
+
font-family: Verdana, Arial;
 +
font-size:14px;
}
}
-
#sidebar .sidebar_section_content {
+
#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;
}
}
-
#sidebar h2 {
+
/* end of content_wrapper */
-
color: #3a5909;
+
 
-
font-size: 24px;
+
/* footer */
-
padding: 0 0 60px 20px;
+
 
-
background: url(./images/USTC_Software_header_bg.png) no-repeat bottom left;
+
#mfooter {
 +
width: 980px;
 +
margin: 0 auto;
 +
padding: 30px 10px;
 +
text-align: center;
 +
color: #333333;
 +
    background-color: #a0c73f;
}
}
-
#sidebar .categories_list {
+
#mfooter a {
-
margin: 0;
+
color:#000;
-
padding: 0;
+
}
 +
 
 +
#mfooter .mfooter_menu {
 +
margin: 0 0 10px 0;
 +
padding: 0px;
list-style: none;
list-style: none;
}
}
-
#sidebar .categories_list li {
+
.mfooter_menu li {
-
padding: 0;
+
margin: 0px;
-
margin: 0;
+
padding: 0 20px;
 +
display: inline;
 +
border-right: 1px solid #000000;
}
}
-
.categories_list li a {
+
.mfooter_menu .last_menu {
-
display: block;
+
border: none;
-
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;
+
#totop_box {
-
text-decoration: none;
+
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 15px;
}
}
-
.sidebar_section label {
+
#totop_box form {
-
display: block;
+
width: 280px;
-
margin-bottom: 10px;
+
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
}
}
-
.sidebar_section #input_field {
+
#to_org_box {
-
height: 20px;
+
position:fixed;
-
width: 233px;
+
width: 77px;
-
padding: 0 5px;
+
height: 75px;
-
margin-bottom: 10px;
+
bottom: 21px;
-
color: #000000;
+
right: 105px;
-
font-size: 12px;
+
-
font-variant: normal;
+
-
line-height: normal;
+
}
}
-
.sidebar_section #submit_btn{
+
#to_org_box form {
-
float: right;
+
width: 280px;
-
height: 30px;
+
height: 27px;
-
width: 80px;
+
margin: 0;
-
margin: 0px;
+
padding: 25px 0 0 0;
-
padding: 3px 0 15px 0;
+
-
cursor: pointer;
+
-
font-size: 12px;
+
-
text-align: center;
+
-
vertical-align: bottom;
+
-
white-space: pre;
+
-
outline: none;
+
}
}
 +
/* end of footer*/
 +
</style>
</style>
Line 237: Line 286:
<body>
<body>
-
<div id="content_wrapper">
 
-
        <h1>Lachesis</h1>
+
<div id="content_wrapper_bottom"> </div>
-
<!-- Content wrap -->
+
-
<div id="content">
+
-
   
+
-
   
+
-
   
+
-
        <div class="content_section">
+
-
       
+
-
           
+
-
            <div class="intro_box margin_r10">
+
-
           
+
-
            <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>
+
-
           
+
-
            <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 -->
+
<!-- end of content_wrapper -->
-
   
+
-
  <div id="sidebar">
+
-
   
+
-
    <div class="sidebar_section">
+
-
     
+
-
            <h2>Sponsor</h2>
+
-
     
+
-
      <div class="sidebar_section_content">
+
-
           
+
-
            <img src="https://static.igem.org/mediawiki/2011/b/ba/USTC_Software_IF_LOGO.jpg" width="279" height="280" alt="USTC-IF" />
+
-
            <img src="https://static.igem.org/mediawiki/2011/d/d3/USTC_Software_sols.png" width="279" height="83" alt="School of Life Sciences" />
+
-
              <img src="https://static.igem.org/mediawiki/2011/1/11/USTC_Software_TAO_LOGO.png" width="279" height="81" alt="Teaching Afffairs" />
+
-
              <img src="https://static.igem.org/mediawiki/2011/e/ef/USTC_Software_ADGE_LOGO.png" width="279" height="82" alt="Graduate School" />
+
-
            </div>
+
<div id="mfooter">
-
           
+
-
        </div>
+
-
       
+
-
        <div class="sidebar_section">
+
-
       
+
-
        <h2>Sitemap</h2>
+
-
           
+
-
            <div class="sidebar_section_content">
+
-
             
+
-
                <div class="cleaner"></div>
+
-
            </div>
+
-
       
+
-
        </div>
+
-
</div> <!-- end of sidebar -->
+
  <ul class="mfooter_menu">
-
   
+
                <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li>
-
  <div class="cleaner"></div>
+
                <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>
 +
                <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>
 +
                <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/human practice" target="_parent">Human practice</a></li>
 +
               
 +
  </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>
-
        <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
+
  <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>
+
-
   
+
-
</body>
+
  <div id="totop_box">
 +
      <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> <!-- end of mfooter -->
 +
 +
</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

Retrieved from "http://2011.igem.org/Team:USTC-Software/home_3"