Team:USTC-Software/notebook

From 2011.igem.org

(Difference between revisions)
(add pictures)
Line 2: Line 2:
{{:Team:USTC-Software/temp}}
{{:Team:USTC-Software/temp}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 
+
<title>Team:USTC-Software - 2011.igem.org/notebook</title>
 +
<meta name="description" content="notebook"/>
 +
<meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/>
<meta name="author" content="Ao Xu">
<meta name="author" content="Ao Xu">
-
<meta name="revised" content="2011/07/10"/>
+
<meta name="copyright" content="Copyright (c) 2011 iGEM USTC Software" />
-
<meta name="description" content="notebook of our team"/>
+
-
<meta name="keywords" content="USTC_Software iGEM lachesis" />
+
-
 
+
-
 
+
-
<title>Notebook</title>
+
<style type="text/css">
<style type="text/css">
Line 28: Line 26:
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }  
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }  
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;  }
 
-
 
-
.cleaner_h30 { clear: both; width:100%; height: 30px; }
 
-
.cleaner_h40 { clear: both; width:100%; height: 40px; }
 
-
 
-
.margin_r10 { margin-right: 10px; }
 
-
 
-
.float_l { float: left; }
 
-
.float_r { float:  right; }
 
#header_wrapper {
#header_wrapper {
Line 64: Line 48:
#header  #site_title {
#header  #site_title {
float: left;
float: left;
-
width: 220px;
+
width: 200px;
-
padding: 50px 0 10px 10px;
+
padding: 33px 0;
}
}
#site_title h1 {
#site_title h1 {
margin: 0;
margin: 0;
-
padding: 0;
+
padding: 3px;
 +
font-family:"Times New Roman", Times, serif;
 +
color:#000;
 +
font-size:24px;
}
}
Line 98: Line 85:
/* end of site title */
/* end of site title */
-
/* menu */
+
/* ---------- Navigation ---------- */
-
#menu {
+
ul  {
 +
      list-style-image: none;
 +
}
 +
 
 +
#nav {
float: right;
float: right;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
font-size: 12px;
padding-top: 70px;
padding-top: 70px;
height: 43px;
height: 43px;
}
}
-
#menu ul {
+
#nav .last {
-
margin: 0;
+
padding-right: 2px;
-
padding: 0;
+
background-image:url(https://static.igem.org/mediawiki/2011/5/59/USTC_Software_nav_button_sep.jpg);
-
list-style: none;
+
background-repeat:no-repeat;
 +
background-position:right;
}
}
-
#menu ul li {
+
#nav, #nav ul{
-
padding: 0;
+
margin:0;
-
margin: 0;
+
padding:0;
-
display: inline;
+
list-style-type:none;
 +
list-style-position:outside;
 +
position:relative;
 +
line-height:1.5em;
}
}
-
#menu ul li a {
+
#nav .on {
-
float: left;
+
color:#fff !important;
-
display: block;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important;
-
height: 35px;
+
background-position: bottom left !important;
-
width: 125px;
+
-
margin: 0;
+
-
padding: 8px 0 0 0;
+
-
text-align: center;
+
-
font-size: 12px;
+
-
text-decoration: none;
+
-
color: #333333;
+
-
font-weight: bold;
+
-
outline: none;
+
}
}
-
#menu li a:hover, #menu li .current {
+
#nav a:link, #nav a:active, #nav a:visited{
-
color: #333333;
+
    display:block;
-
background: url(https://static.igem.org/mediawiki/2011/6/69/USTC_Software_menu_hover.png) no-repeat top;
+
    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;
}
}
-
/* end of menu */
+
#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;
 +
}
-
/* back to igem.org*/
+
#nav li{
-
#header #to_org_box {
+
    float:left;
-
position:fixed;
+
    position:relative;
-
width: 73px;
+
-
height: 75px;
+
-
bottom: 210px;
+
-
right: 18px;
+
}
}
 +
#nav ul {
 +
    position:absolute;
 +
    width:13em;
 +
    top:3.8em;
 +
    display:none;
 +
z-index: 1;
 +
}
-
#to_org_box form {
+
#nav li ul a {
-
width: 280px;
+
    width:9em;
-
height: 27px;
+
    float:left;
-
margin: 0;
+
background-color: #2e2e2e;
-
padding: 25px 0 0 0;
+
background-image: none !important;
}
}
-
/* end of back to igem.org*/
 
-
/* content */
+
#nav li ul a:hover {
 +
background-color: #292929;
 +
}
-
#content {
+
#nav ul ul{
 +
top:auto;
 +
}
 +
 
 +
#nav li ul ul {
 +
    left:12em;
 +
    margin:0px 0 0 10px;
 +
    }
-
width:auto;
+
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
-
        background: #a0c73f;
+
    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 174: Line 196:
}
}
-
#content_wrapper_bottom {
+
#content_wrapper h1 {
-
width: 1000px;
+
-
height: 15px;
+
-
margin: 0 auto;
+
-
background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#content p {
+
-
text-align: justify;
+
-
margin-bottom: 10px;
+
-
}
+
-
 
+
-
.content_section {
+
-
clear: both;
+
-
width: 100%;
+
-
        background: #fff;
+
-
}
+
-
 
+
-
#content h2 {
+
color: #3a5909;
color: #3a5909;
font-size: 24px;
font-size: 24px;
Line 202: Line 204:
-
#content .em_text {
+
#content_wrapper p {
-
color: #537c11;
+
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 */
+
/* end of content_wrapper */
-
/* mfooter */
+
/* footer */
#mfooter {
#mfooter {
Line 217: Line 227:
text-align: center;
text-align: center;
color: #333333;
color: #333333;
-
        background-color: #a0c73f;
+
    background-color: #a0c73f;
}
}
#mfooter a {
#mfooter a {
-
color: #000000;
+
color:#000;
}
}
Line 241: Line 251:
}
}
-
#mfooter #totop_box {
+
#totop_box {
position:fixed;
position:fixed;
-
width: 73px;
+
width: 77px;
height: 75px;
height: 75px;
bottom: 21px;
bottom: 21px;
-
right: 18px;
+
right: 15px;
}
}
-
 
#totop_box form {
#totop_box form {
Line 257: Line 266:
}
}
 +
#to_org_box {
 +
position:fixed;
 +
width: 77px;
 +
height: 75px;
 +
bottom: 21px;
 +
right: 105px;
 +
}
-
/* end of mfooter */
+
#to_org_box form {
 +
width: 280px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 25px 0 0 0;
 +
}
 +
/* end of footer*/
-
</style>
+
/* note*/
 +
#sidebar .note_list {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
-
</head>
+
#sidebar .note_list li {
 +
padding: 0;
 +
margin: 0;
 +
}
 +
.note_list_p{
 +
font-family: Verdana, Arial;
 +
font-size: 16px;
 +
}
 +
.note_list li a {
 +
display: block;
 +
color: #201f1c;
 +
padding: 5px 0 5px 20px;
 +
background: url(./images/USTC_Software_notebook.png) center left no-repeat;
 +
}
 +
.note_list li a:hover {
 +
color: #537c11;
 +
text-decoration: none;
 +
}
 +
</style>
 +
 +
</head>
<body>
<body>
Line 274: Line 321:
      
      
   <div id="site_title">
   <div id="site_title">
-
             <h1><img src="https://static.igem.org/mediawiki/2011/b/b8/USTC_Software_iGEM_logo.jpg" alt="iGEM" width="128" height="92" />
+
             <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>
-
            </br></br></br>
+
-
            <span>USTC_Software</span>
+
-
            </h1>
+
         </div>
         </div>
          
          
-
         <div id="menu">
+
         <!-- Navigation -->
-
            <ul>
+
<ul id="nav">
-
              <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li>
+
<li><a href="./index.html">Home</a></li>
-
                <li><a href="https://2011.igem.org/Team:USTC-Software/project" target="_parent">Project</a></li>
+
    <li><a href="./02_project.html">Project</a>
-
                <li><a href="https://2011.igem.org/Team:USTC-Software/model"> MoDeL</a></li>
+
<ul>
-
                <li><a href="#" class="current">Notebook</a></li>
+
<li><a href="#">TBD_1</a></li>
-
                <li><a href="https://2011.igem.org/Team:USTC-Software/human_practice" target="_parent">Human Practice</a></li>
+
<li><a href="#">TBD_2</a></li>
-
                <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/team" target="_parent">Team</a></li>
+
<li><a href="#">TBD_3</a>
-
            </ul>  
+
<ul>
-
        </div> <!-- end of menu -->
+
<li><a href="#">TBD_3_1</a></li>
 +
<li><a href="#">TBD_3_2</a></li>
 +
<li><a href="#">TBD_3_3</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li><a href="./03_model.html">MoDeL</a>
 +
<ul>
 +
<li><a href="#">TBD_1</a></li>
 +
<li><a href="#">TBD_2</a></li>
 +
</ul>
 +
</li>
 +
                <li><a class="on" href="./04_notebook.html">Notebook</a>
 +
</li>
 +
 
 +
<li><a href="./05_team.html">Team</a>
 +
                            <ul>
 +
                            <li><a href="./05_01_members.html">members</a></li>
 +
                            <li><a href="./05_02_collaboration.html">collaboration</a></li>
 +
                            <li><a href="./05_03_attribution.html">attribution</a></li>
 +
                            <li><a href="./05_04_acknowledgements.html">acknowledgements</a></li>
 +
                            </ul>
 +
                </li>
 +
 
 +
  <li><a class="last"href="./06_human practice.html">Human practice</a>              <!--current page-->
 +
<ul>
 +
<li><a href="./06_01_safety.html">safety</a></li>
 +
<li><a href="./06_02_meetup.html">meetup</a></li>
 +
</ul>
 +
</li>              
 +
</ul>
 +
<!-- // Navigation -->
        
        
       <div class="cleaner"></div>
       <div class="cleaner"></div>
Line 299: Line 375:
<div id="content_wrapper">
<div id="content_wrapper">
-
<div id="content">
+
<h1>Notebook</h1>
 +
 
 +
<div id="sidebar">
      
      
-
        <div class="content_section">
+
    <div class="sidebar_section">
-
       
+
     
-
            <h2>Sorry,this is an unfinished feature...</h2>
+
     
-
           
+
      <div class="sidebar_section_content">
-
            <div class="cleaner"> </div>
+
                   
-
       
+
                <ul class="note_list">
-
        </div>  
+
               
-
       
+
                    <li><a href="#" class="note_list_p">Jan.29th</a>
-
        <div class="cleaner_h40"> </div>
+
                      <p> Sorry,this is an unfinished feature...</p>
-
       
+
                    </li>
-
   
+
                   
-
    </div> <!-- end of content -->
+
                    <li><a href="#" class="note_list_p">Feb.20th</a>
-
   
+
                      <p> Sorry,this is an unfinished feature...</p>
-
    <div class="cleaner"> </div>  
+
                    </li>
-
   
+
 
-
</div>   
+
                    <li><a href="#" class="note_list_p">Feb.27th</a>
-
 
+
                      <p> Sorry,this is an unfinished feature...</p>
 +
                    </li>
 +
 
 +
                    <li><a href="#" class="note_list_p">Mar.13rd</a>
 +
                      <p> Sorry,this is an unfinished feature...</p>
 +
                    </li>
 +
 
 +
                    <li><a href="#" class="note_list_p">Mar.19th</a>
 +
                      <p> Sorry,this is an unfinished feature...</p>
 +
                    </li>
 +
                   
 +
                </ul>
 +
            </div>
 +
           
 +
        </div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
    
 +
 
<div id="content_wrapper_bottom"> </div>
<div id="content_wrapper_bottom"> </div>
 +
<!-- end of content_wrapper -->
<!-- end of content_wrapper -->
      
      
-
 
-
 
<div id="mfooter">
<div id="mfooter">
-
  <ul class="mfooter_menu">
+
  <ul class="mfooter_menu">
-
                 <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li>
+
                 <li><a href="./index.html" target="_parent">Home</a></li>
-
                 <li><a href="https://2011.igem.org/Team:USTC-Software/project" target="_parent">Project</a></li>
+
                 <li><a href="./02_project.html" target="_parent">Project</a></li>
-
                 <li><a href="https://2011.igem.org/Team:USTC-Software/model"> MoDeL</a></li>
+
                 <li><a href="./03_model.html" target="_parent"> MoDeL</a></li>
-
                 <li><a href="#" target="_parent">Notebook</a></li>
+
                 <li><a href="#" class="current">Notebook</a></li>
-
                 <li><a href="https://2011.igem.org/Team:USTC-Software/human_practice" target="_parent">Human Practice</a></li>
+
                 <li><a href="./05_team.html" target="_parent">Team</a></li>
-
                 <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/team" target="_parent">Team</a></li>
+
                 <li class="last_menu"><a href="./06_team.html" target="_parent">Human Practice</a></li>
-
            </ul>
+
               
-
   Welcome to &#160;&#160;<a href="http://en.ustc.edu.cn/" target="_blank">University of Science and Technology of China</a>&#160;!
+
  </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 id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="87" height="73"alt="to igem.org"  style="right:auto"/></a></div>
+
   <div id="to_org_box"><a href="https://2011.igem.org/Main_Page"><img class="logo" src="https://static.igem.org/mediawiki/2011/8/88/USTC_Software_back_to_igem.png" width="69" height="70"alt="to igem.org"  style="right:auto"/></a>
 +
  </div>
   <div id="totop_box">
   <div id="totop_box">
-
       <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="73" height="75"alt="go back to top"  style="right:auto"/></a>  
+
       <a href="#top"><img class="logo" src="https://static.igem.org/mediawiki/2011/e/eb/USTC_Software_top_icon.gif" width="76" height="72"alt="go back to top"  style="right:auto"/></a>  
   </div>
   </div>

Revision as of 13:24, 1 September 2011


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

Notebook

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