Team:USTC-Software/home 3

From 2011.igem.org

(Difference between revisions)
m
m
 
(17 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 {
+
#mfooter .mfooter_menu {
-
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;
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">
-
   
+
-
  <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>
+
  <ul class="mfooter_menu">
-
           
+
                <li><a href="https://2011.igem.org/Team:USTC-Software" target="_parent">Home</a></li>
-
        </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>
-
        <div class="sidebar_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>
-
        <h2>Sitemap</h2>
+
                 <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/human practice" target="_parent">Human practice</a></li>
-
           
+
               
-
            <div class="sidebar_section_content">
+
  </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="cleaner"></div>
+
-
            </div>
+
-
       
+
-
        </div>
+
-
</div> <!-- end of sidebar -->
+
  <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 class="cleaner"></div>
+
-
        <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
+
  <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>
-
   
+
 
 +
</div> <!-- end of mfooter -->
</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