Team:USTC-Software/home 1

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
__NOTOC__
__NOTOC__
{{:Team:USTC-Software/temp}}
{{:Team:USTC-Software/temp}}
-
{{:Team:USTC-Software/home}}
 
<html xmlns="http://www.w3.org/1999/xhtml">
<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/</title>
+
<title>Team:USTC-Software - 2011.igem.org</title>
<meta name="description" content="home"/>
<meta name="description" content="home"/>
<meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/>
<meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/>
Line 15: Line 13:
<style type="text/css">
<style type="text/css">
-
p { margin: 0px; padding: 0px; }
+
body {
 +
margin: 0;
 +
padding: 0;
 +
line-height: 1.5em;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 12px;
 +
color: #555a4a;
 +
    background: #a0c73f;
 +
}
-
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }   /*This is important!*/
+
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }  
-
.cleaner_h30 { clear: both; width:100%; height: 30px; }
+
a:active, a:hover { color: #0683ab; text-decoration: underline; }
-
.cleaner_h40 { clear: both; width:100%; height: 40px; }
+
-
.margin_r10 { margin-right: 10px; }
+
img { margin: 0px; padding: 0px; border: none; }
-
.float_l { float: left; }
+
#header_wrapper {
-
.float_r { float: right; }
+
width: 100%;
 +
height: 265px;
 +
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
 +
}
-
/* Search */
+
#header {
-
#header #search_box {
+
position: relative;
-
position: absolute;
+
width: 980px;
-
width: 333px;
+
height: 265px;
-
height: 53px;
+
padding: 0 10px;
-
bottom: 64px;
+
margin: 0 auto;
-
right: 15px;
+
background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
-
background: url(./images/USTC_Software_search.png)
+
}
}
-
#search_box form {
+
/* site title */
-
width: 280px;
+
 
-
height: 27px;
+
#header  #site_title {
 +
float: left;
 +
width: 200px;
 +
padding: 33px 0;
 +
}
 +
 
 +
#site_title h1 {
margin: 0;
margin: 0;
-
padding: 25px 0 0 0;
+
padding: 3px;
 +
font-family:"Times New Roman", Times, serif;
 +
color:#000;
 +
font-size:24px;
}
}
-
#searchfield {
+
#site_title h1 a {
-
height: 17px;
+
margin: 0px;
-
width: 270px;
+
padding: 0px;
-
padding: 4px 5px 6px 5px;
+
font-size: 30px;
-
color: #fff;
+
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;
font-size: 12px;
-
font-variant: normal;
+
padding-top: 70px;
-
line-height: normal;
+
height: 43px;
-
background: none;
+
-
border: none;
+
}
}
-
/* end of search */
+
#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;
 +
}
-
/*clock_box*/
+
#nav, #nav ul{
-
#header #clock_box {
+
margin:0;
-
position: absolute;
+
padding:0;
-
width: 333px;
+
list-style-type:none;
-
height: 42px;
+
list-style-position:outside;
-
bottom: 15px;
+
position:relative;
-
right: 14px;
+
line-height:1.5em;
}
}
-
#clock_box form {
+
#nav .on {
-
width: 280px;
+
color:#fff !important;
-
height: 27px;
+
background-image: url(https://static.igem.org/mediawiki/2011/0/00/USTC_Software_nav_button_bg.jpg) !important;
-
margin: 0;
+
background-position: bottom left !important;
-
padding: 25px 0 0 0;
+
}
}
-
/* end of clock_box*/
+
#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;
 +
}
-
/* content_wrapper */
+
#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:#FFF;
 
-
float: left;
 
-
width: 600px;
 
}
}
-
#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(./images/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 99: Line 192:
margin: 0 auto;
margin: 0 auto;
padding: 30px 40px;
padding: 30px 40px;
-
background: url(./images/USTC_Software_content.jpg) repeat-y;
+
background: url(https://static.igem.org/mediawiki/2011/b/bc/USTC_Software_content.jpg) repeat-y;
}
}
Line 106: Line 199:
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;
}
}
 +
#content_wrapper p {
#content_wrapper p {
Line 118: Line 212:
height: 15px;
height: 15px;
margin: 0 auto;
margin: 0 auto;
-
background: url(./images/USTC_Software_content_bottom.jpg) no-repeat;
+
background: url(https://static.igem.org/mediawiki/2011/a/a5/USTC_Software_content_bottom.jpg) no-repeat;
     background-color: #a0c73f;
     background-color: #a0c73f;
}
}
Line 124: 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 {
+
#mfooter .mfooter_menu {
-
padding: 0;
+
margin: 0 0 10px 0;
-
margin: 0 0 5px 0;
+
padding: 0px;
 +
list-style: none;
}
}
-
#content .product_box a {
+
.mfooter_menu li {
-
color: #000000;
+
margin: 0px;
-
font-weight: bold;
+
padding: 0 20px;
 +
display: inline;
 +
border-right: 1px solid #000000;
}
}
-
#content .em_text {
+
.mfooter_menu .last_menu {
-
color: #537c11;
+
border: none;
}
}
-
.inro {
+
#totop_box {
-
color: #C30;
+
position:fixed;
-
font-size: 14px;
+
width: 77px;
-
font-weight: bold;
+
height: 75px;
 +
bottom: 21px;
 +
right: 15px;
}
}
-
.intro_box h3 {
+
#totop_box form {
-
background: #63a103;
+
width: 280px;
-
padding: 3px 10px;
+
height: 27px;
-
margin: 0 0 10px 0;
+
margin: 0;
-
color: #ffffff;
+
padding: 25px 0 0 0;
-
font-size: 12px;
+
}
}
-
.intro_box img {
+
#to_org_box {
-
width: 180px;
+
position:fixed;
-
height: 100px;
+
width: 77px;
-
border: 5px solid #e6e0ce;
+
height: 75px;
-
margin-bottom: 10px;
+
bottom: 21px;
 +
right: 105px;
}
}
-
.button_01 a {
+
#to_org_box form {
-
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 {
+
-
color: #fff;
+
-
    background:url(./images/USTC_Software_button_hover.png) no-repeat;
+
-
}
+
-
 
+
-
#sidebar {
+
-
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;
}
}
 +
/* end of footer*/
-
#sidebar .sidebar_section {
+
</style>
-
margin-bottom: 30px;
+
-
}
+
-
#sidebar .sidebar_section_content {
+
</head>
-
}
+
-
#sidebar h2 {
+
<body>
-
color: #3a5909;
+
<div id="header_wrapper">
-
font-size: 24px;
+
-
padding: 0 0 60px 20px;
+
-
background: url(./images/USTC_Software_header_bg.png) no-repeat bottom left;
+
-
}
+
-
#sidebar .categories_list {
+
    <div id="header">
-
margin: 0;
+
   
-
padding: 0;
+
  <div id="site_title">
-
list-style: none;
+
            <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>
-
}
+
        </div>
 +
       
 +
<!-- Navigation -->
 +
<ul id="nav">
 +
<li><a class="on" href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
 +
    <li><a href="https://2011.igem.org/Team:USTC-Software/project">Project</a>
 +
<ul>
 +
<li><a href="#">TBD_1</a></li>
 +
<li><a href="#">TBD_2</a></li>
 +
<li><a href="#">TBD_3</a>
 +
<ul>
 +
<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="https://2011.igem.org/Team:USTC-Software/model">MoDeL</a>
 +
<ul>
 +
<li><a href="#">TBD_1</a></li>
 +
<li><a href="#">TBD_2</a></li>
 +
</ul>
 +
</li>
 +
                <li><a href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</a>
-
#sidebar .categories_list li {
+
</li>
-
padding: 0;
+
-
margin: 0;
+
-
}
+
-
.categories_list li a {
+
<li><a href="https://2011.igem.org/Team:USTC-Software/team">Team</a>
-
display: block;
+
                            <ul>
-
color: #201f1c;
+
                            <li><a href="https://2011.igem.org/Team:USTC-Software/members">members</a></li>
-
padding: 5px 0 5px 20px;
+
                            <li><a href="https://2011.igem.org/Team:USTC-Software/collaboration">collaboration</a></li>
-
background: url(./images/USTC_Software_list.png) center left no-repeat;
+
                            <li><a href="https://2011.igem.org/Team:USTC-Software/attribution">attribution</a></li>
-
}
+
                            <li><a href="https://2011.igem.org/Team:USTC-Software/acknowledgements">acknowledgements</a></li>
-
.categories_list li a:hover {
+
                            </ul>
-
color: #537c11;
+
                </li>
-
text-decoration: none;
+
 
-
}
+
  <li><a class="last"href="https://2011.igem.org/Team:USTC-Software/human practice">Human practice</a>              <!--current page-->
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:USTC-Software/safety">safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:USTC-Software/meetup">meetup</a></li>
 +
</ul>
 +
</li>             
 +
</ul>
 +
<!-- // Navigation -->
 +
     
 +
      <div class="cleaner"></div>
 +
    </div> <!-- end of header -->
-
.sidebar_section label {
+
</div>
-
display: block;
+
<!-- end of header_wrapper -->
-
margin-bottom: 10px;
+
-
}
+
-
.sidebar_section #input_field {
+
<div id="content_wrapper">
-
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>
-
float: right;
+
 
-
height: 30px;
+
<div id="content_wrapper_bottom"> </div>
-
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="mfooter">
-
<!-- Javascript-->
+
  <ul class="mfooter_menu">
 +
                <li><a href="#" class="current">Home</a></li>
 +
                <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" target="_parent">Team</a></li>
 +
                <li class="last_menu"><a href="https://2011.igem.org/Team:USTC-Software/team" 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>
-
<!-- Javascript-->
+
  <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>
-
</head>
+
  </div>
-
<body>
+
  <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="76" height="72"alt="go back to top"  style="right:auto"/></a>
 +
  </div>
 +
</div> <!-- end of mfooter -->
</body>
</body>
</html>
</html>

Revision as of 08:39, 2 September 2011


Team:USTC-Software - 2011.igem.org

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