Team:USTC-Software/home 3

From 2011.igem.org

(Difference between revisions)
m
 
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 {
-
/* content_wrapper */
+
float: left;
-
+
width: 200px;
-
#content {
+
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;
+
-
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;
font-size: 14px;
 +
color: #416902;
 +
font-weight: bold;
 +
letter-spacing: 2px;
}
}
-
#content_wrapper_bottom {
+
/* end of site title */
-
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 */
+
/* ---------- Navigation ---------- */
-
/* content */
+
ul  {
-
.content_section {
+
      list-style-image: none;
-
clear: both;
+
-
width: 100%;
+
}
}
-
.intro_box {
+
#nav {
-
float: left;
+
float: right;
-
width: 190px;
+
font-family: Arial, Helvetica, sans-serif;
-
padding-bottom: 10px;
+
font-weight: bold;
-
border-bottom: 1px dotted #666;
+
font-size: 12px;
-
margin-bottom: 20px;
+
padding-top: 70px;
 +
height: 43px;
}
}
-
.fl_image {
+
#nav .last {
-
float: left;
+
padding-right: 2px;
-
margin: 3px 15px 5px 0;
+
background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg);
 +
background-repeat:no-repeat;
 +
background-position:right;
}
}
-
#content .product_box p {
+
#nav, #nav ul{
-
padding: 0;
+
margin:0;
-
margin: 0 0 5px 0;
+
padding:0;
 +
list-style-type:none;
 +
list-style-position:outside;
 +
position:relative;
 +
line-height:1.5em;
}
}
-
#content .product_box a {
+
#nav .on {
-
color: #000000;
+
color:#fff !important;
-
font-weight: bold;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important;
 +
background-position: bottom left !important;
}
}
-
#content .em_text {
+
#nav a:link, #nav a:active, #nav a:visited{
-
color: #537c11;
+
    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;
}
}
-
.inro {
+
#nav a:hover {
-
color: #C30;
+
    color:#fff;
-
font-size: 14px;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg);
-
font-weight: bold;
+
background-position: bottom left;
}
}
-
.intro_box h3 {
+
#nav li{
-
background: #63a103;
+
    float:left;
-
padding: 3px 10px;
+
    position:relative;
-
margin: 0 0 10px 0;
+
-
color: #ffffff;
+
-
font-size: 12px;
+
}
}
-
.intro_box img {
+
#nav ul {
-
width: 180px;
+
    position:absolute;
-
height: 100px;
+
    width:13em;
-
border: 5px solid #e6e0ce;
+
    top:3.8em;
-
margin-bottom: 10px;
+
    display:none;
 +
z-index: 1;
}
}
-
 
+
#nav li ul a {
-
.button_01 a {
+
    width:9em;
-
display: block;
+
    float:left;
-
width: 102px;
+
background-color: #2e2e2e;
-
height: 23px;
+
background-image: none !important;
-
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 {
+
#nav li ul a:hover {
-
color: #fff;
+
background-color: #292929;
-
    background:url(https://static.igem.org/mediawiki/2011/c/c1/USTC_Software_button_hover.png) no-repeat;
+
}
}
-
#sidebar {
+
#nav ul ul{
-
float: right;
+
top:auto;
-
width: 280px;
+
}
-
padding: 0;
+
-
background: url(./images/USTC_Software_sidebar.jpg) repeat-y;
+
-
}
+
-
#sidebar .sidebar_section {
+
#nav li ul ul {
-
margin-bottom: 30px;
+
    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;
}
}
-
#sidebar .sidebar_section_content {
+
#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;
}
}
-
#sidebar h2 {
+
#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(./images/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;
}
}
-
#sidebar .categories_list {
+
#content_wrapper p {
-
margin: 0;
+
font-family: Verdana, Arial;
-
padding: 0;
+
font-size:14px;
-
list-style: none;
+
}
}
-
#sidebar .categories_list li {
+
#content_wrapper_bottom {
-
padding: 0;
+
width: 1000px;
-
margin: 0;
+
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;
}
}
-
.categories_list li a {
+
/* end of content_wrapper */
-
display: block;
+
 
-
color: #201f1c;
+
/* footer */
-
padding: 5px 0 5px 20px;
+
 
-
background: url(./images/USTC_Software_list.png) center left no-repeat;
+
#mfooter {
-
}
+
width: 980px;
-
.categories_list li a:hover {
+
margin: 0 auto;
-
color: #537c11;
+
padding: 30px 10px;
-
text-decoration: none;
+
text-align: center;
 +
color: #333333;
 +
    background-color: #a0c73f;
}
}
-
.sidebar_section label {
+
#mfooter a {
-
display: block;
+
color:#000;
-
margin-bottom: 10px;
+
}
}
-
.sidebar_section #input_field {
+
#mfooter .mfooter_menu {
-
height: 20px;
+
margin: 0 0 10px 0;
-
width: 233px;
+
padding: 0px;
-
padding: 0 5px;
+
list-style: none;
-
margin-bottom: 10px;
+
-
color: #000000;
+
-
font-size: 12px;
+
-
font-variant: normal;
+
-
line-height: normal;
+
}
}
-
.sidebar_section #submit_btn{
+
.mfooter_menu li {
-
float: right;
+
-
height: 30px;
+
-
width: 80px;
+
margin: 0px;
margin: 0px;
-
padding: 3px 0 15px 0;
+
padding: 0 20px;
-
cursor: pointer;
+
display: inline;
-
font-size: 12px;
+
border-right: 1px solid #000000;
-
text-align: center;
+
-
vertical-align: bottom;
+
-
white-space: pre;
+
-
outline: none;
+
}
}
-
</style>
+
.mfooter_menu .last_menu {
 +
border: none;
 +
}
-
<body>
+
#totop_box {
 +
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 15px;
 +
}
-
<div>
+
#totop_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
-
        <h1>Lachesis</h1>
+
#to_org_box {
-
<!-- Content wrap -->
+
position:fixed;
-
<div id="content">
+
width: 77px;
-
   
+
height: 75px;
-
   
+
bottom: 21px;
-
   
+
right: 105px;
-
        <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 -->
+
#to_org_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
 +
/* end of footer*/
-
   
 
-
  <div id="sidebar">
 
-
   
 
-
    <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>
+
</style>
-
           
+
 
-
        </div>
+
<body>
-
       
+
-
+
-
  </div> <!-- end of sidebar -->
 
-
   
 
<div id="content_wrapper_bottom"> </div>
<div id="content_wrapper_bottom"> </div>

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"