|
|
Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
- | {{:Team:USTC-Software/temp}} | + | {{:Team:USTC-Software/header}} |
| <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" />
| |
- | <title>Team:USTC-Software - 2011.igem.org</title>
| |
- | <meta name="description" content="home"/>
| |
- | <meta name="keywords" content="USTC-Software,iGEM,synthetic biology"/>
| |
- | <meta name="author" content="Ao Xu">
| |
- | <meta name="copyright" content="Copyright (c) 2011 iGEM USTC Software" />
| |
| | | |
- | <style type="text/css">
| |
- |
| |
- | body {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | line-height: 1.5em;
| |
- | font-family: Georgia, "Times New Roman", Times, serif;
| |
- | font-size: 12px;
| |
- | color: #555a4a;
| |
- | background: #a0c73f;
| |
- | }
| |
- |
| |
- | a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
| |
- | a:active, a:hover { color: #0683ab; text-decoration: underline; }
| |
- |
| |
- | img { margin: 0px; padding: 0px; border: none; }
| |
- |
| |
- | #header_wrapper {
| |
- | width: 100%;
| |
- | height: 265px;
| |
- | background: url(https://static.igem.org/mediawiki/2011/0/04/USTC_Software_header.jpg) no-repeat top center;
| |
- | }
| |
- |
| |
- | #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;
| |
- | }
| |
- |
| |
- | /* site title */
| |
- |
| |
- | #header #site_title {
| |
- | float: left;
| |
- | width: 180px;
| |
- | padding: 33px 0;
| |
- | }
| |
- |
| |
- | #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;
| |
- | 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;
| |
- | }
| |
- |
| |
- | #nav ul {
| |
- | position:absolute;
| |
- | width:13em;
| |
- | top:3.8em;
| |
- | display:none;
| |
- | z-index: 1;
| |
- | }
| |
- |
| |
- | #nav li ul a {
| |
- | width:9em;
| |
- | float:left;
| |
- | background-color: #2e2e2e;
| |
- | 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 navigation*/
| |
- |
| |
- | /* search */
| |
- | #header #search_box {
| |
- | position:absolute;
| |
- | width: 333px;
| |
- | height: 53px;
| |
- | bottom: 54px;
| |
- | right: 16px;
| |
- | background: url(https://static.igem.org/mediawiki/2011/1/15/USTC_Software_search.png)
| |
- | }
| |
- |
| |
- | #search_box form {
| |
- | width: 280px;
| |
- | height: 27px;
| |
- | margin: 0;
| |
- | padding: 25px 0 0 0;
| |
- | }
| |
- |
| |
- | #searchfield {
| |
- | height: 17px;
| |
- | width: 270px;
| |
- | padding: 4px 5px 6px 5px;
| |
- | color: #fff;
| |
- | font-size: 12px;
| |
- | font-variant: normal;
| |
- | line-height: normal;
| |
- | background: none;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | /* end of search */
| |
- |
| |
- | /*clock_box*/
| |
- | #header #clock_box {
| |
- | position: absolute;
| |
- | width: 320px;
| |
- | height: 21px;
| |
- | bottom: 85px;
| |
- | right: 26px;
| |
- | }
| |
- |
| |
- | #clock_box form {
| |
- | width: 280px;
| |
- | height: 27px;
| |
- | margin: 0;
| |
- | padding: 25px 0 0 0;
| |
- | }
| |
- |
| |
- | /* end of clock_box*/
| |
- |
| |
- | /* content_wrapper */
| |
- |
| |
- | #content {
| |
- | background-color:#a0c73f;
| |
- | width:auto;
| |
- | }
| |
- |
| |
- | #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;
| |
- | }
| |
- |
| |
- | #content_wrapper h1 {
| |
- | color: #3a5909;
| |
- | font-size:24px;
| |
- | 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;
| |
- | }
| |
- |
| |
- | #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_wrapper */
| |
- |
| |
- | /* footer */
| |
- |
| |
- | #mfooter {
| |
- | width: 980px;
| |
- | margin: 0 auto;
| |
- | padding: 30px 10px;
| |
- | text-align: center;
| |
- | color: #333333;
| |
- | background-color: #a0c73f;
| |
- | }
| |
- |
| |
- | #mfooter a {
| |
- | color:#000;
| |
- | }
| |
- |
| |
- | #mfooter .mfooter_menu {
| |
- | margin: 0 0 10px 0;
| |
- | padding: 0px;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | .mfooter_menu li {
| |
- | margin: 0px;
| |
- | padding: 0 20px;
| |
- | display: inline;
| |
- | border-right: 1px solid #000000;
| |
- | }
| |
- |
| |
- | .mfooter_menu .last_menu {
| |
- | border: none;
| |
- | }
| |
- |
| |
- | #footer-box { background-color: transparent; border:none;} /*This is important!*/
| |
- |
| |
- | #totop_box {
| |
- | position:fixed;
| |
- | width: 77px;
| |
- | height: 75px;
| |
- | bottom: 21px;
| |
- | right: 15px;
| |
- | }
| |
- |
| |
- | #totop_box form {
| |
- | width: 280px;
| |
- | height: 27px;
| |
- | margin: 0;
| |
- | padding: 25px 0 0 0;
| |
- | }
| |
- |
| |
- | #to_org_box {
| |
- | position:fixed;
| |
- | width: 77px;
| |
- | height: 75px;
| |
- | bottom: 21px;
| |
- | right: 105px;
| |
- | }
| |
- |
| |
- | #to_org_box form {
| |
- | width: 280px;
| |
- | height: 27px;
| |
- | margin: 0;
| |
- | padding: 25px 0 0 0;
| |
- | }
| |
- | /* end of footer*/
| |
- |
| |
- | /* content */
| |
- |
| |
- | .content_section {
| |
- | clear: both;
| |
- | width: 100%;
| |
- | }
| |
- |
| |
- | .intro_box {
| |
- | float: left;
| |
- | width: 282px;
| |
- | padding-bottom: 10px;
| |
- | border-bottom: 1px dotted #666;
| |
- | margin-bottom: 20px;
| |
- | }
| |
- |
| |
- | .fl_image {
| |
- | float: left;
| |
- | margin: 3px 15px 5px 0;
| |
- | }
| |
- |
| |
- | #content .product_box p {
| |
- | padding: 0;
| |
- | margin: 0 0 5px 0;
| |
- | }
| |
- |
| |
- | #content .product_box a {
| |
- | 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;
| |
- | color: #ffffff;
| |
- | font-size: 12px;
| |
- | }
| |
- |
| |
- | .intro_box img {
| |
- | width: 272px;
| |
- | height: 168px;
| |
- | border: 5px solid #e6e0ce;
| |
- | margin-bottom: 10px;
| |
- | }
| |
- |
| |
- | .button_01 a {
| |
- | 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;
| |
- | }
| |
- |
| |
- | .button_01 a {
| |
- | display: block;
| |
- | width: 102px;
| |
- | height: 23px;
| |
- | 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 {
| |
- | color: #fff;
| |
- | background:url(https://static.igem.org/mediawiki/2011/c/c1/USTC_Software_button_hover.png) no-repeat;
| |
- | }
| |
- |
| |
- | .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } /**/ /*This is important!*/
| |
- | .cleaner_h30 { clear: both; width:100%; height: 30px; }/**/
| |
- | .cleaner_h40 { clear: both; width:100%; height: 40px; }/**/
| |
- | .margin_r10 { margin-right: 24px; }/**/
| |
- |
| |
- | .float_l { float: left; }/**/
| |
- | .float_r { float: right; }/**/
| |
- |
| |
- | /*--Window & Text Table--*/
| |
- | table#rotator_news {
| |
- | pading-bottom: 10px;
| |
- | }
| |
- |
| |
- | /*--Main Image Rotator Container--*/
| |
- | .main_view {
| |
- | float: left;
| |
- | position: relative;
| |
- | /*border: 0px solid #fff;*/
| |
- | width: 650px;
| |
- | }
| |
- | /*--Image Rotator Window/Masking Styles--*/
| |
- | .window {
| |
- | height:400px;
| |
- | width: 650px;
| |
- | overflow: hidden; /*--Hides anything outside of the set width/height--*/
| |
- | position: relative;
| |
- | }
| |
- | .image_reel {
| |
- | position: absolute;
| |
- | top: 0; left: 0;
| |
- | }
| |
- | .image_reel img {float: left;}
| |
- |
| |
- | /*--Paging Styles--*/
| |
- | .paging {
| |
- | position: absolute;
| |
- | bottom: 0px; right: -15px;
| |
- | width: 400px; height:47px; /*--Increase this width when adding more numbers in paging--*/
| |
- | z-index: 100; /*--Assures the paging stays on the top layer--*/
| |
- | text-align: center;
| |
- | line-height: 110px;
| |
- | display: none; /*--Hidden by default, will be later shown with jQuery--*/
| |
- | }
| |
- | .paging a {
| |
- | padding: 5px;
| |
- | text-decoration: none;
| |
- | color: #000;
| |
- | }
| |
- | .paging a.active {
| |
- | font-weight: bold;
| |
- | /*background: #cdcdcd;*/
| |
- | border: 1px solid #cdcdcd;
| |
- | -moz-border-radius: 3px;
| |
- | -khtml-border-radius: 3px;
| |
- | -webkit-border-radius: 3px;
| |
- | }
| |
- | .paging a:hover {font-weight: bold;}
| |
- | /*end of Window & Text Table*/
| |
- |
| |
- | </style>
| |
| | | |
| <!-- Javascript--> | | <!-- Javascript--> |
Line 545: |
Line 70: |
| </script> | | </script> |
| | | |
- | <!--clock.js-->
| |
- | <script language="javascript" type="text/javascript">
| |
- | function clearText(field)
| |
- | {
| |
- | if (field.defaultValue == field.value) field.value = '';
| |
- | else if (field.value == '') field.value = field.defaultValue;
| |
- | }
| |
| | | |
- |
| |
- | function Clock()
| |
- |
| |
- | { var today = new Date();
| |
- | var day;
| |
- | if(today.getDay()==0) day="Sunday"
| |
- | if(today.getDay()==1) day="Monday"
| |
- | if(today.getDay()==2) day="Tuesday"
| |
- | if(today.getDay()==3) day="Wednesday"
| |
- | if(today.getDay()==4) day="Thursday"
| |
- | if(today.getDay()==5) day="Friday"
| |
- | if(today.getDay()==6) day="Saturday"
| |
- | var sec = today.getSeconds()+1;
| |
- | var date =day +", "
| |
- | + today.getFullYear() + "-" + (today.getMonth()+1) + "-" + today.getDate()+
| |
- | " " + today.getHours()+":"+today.getMinutes()+":"+sec;
| |
- | document.getElementById("clock").innerHTML = date;
| |
- | }
| |
- | </script>
| |
- |
| |
- | <!-- Javascript-->
| |
| </head> | | </head> |
| | | |
| <body> | | <body> |
- | <div id="header_wrapper">
| |
- |
| |
- | <div id="header">
| |
- |
| |
- | <div id="site_title">
| |
- | <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="https://2011.igem.org/Team:USTC-Software/documents">Documents Parser & Models </a></li>
| |
- | <li><a href="#">Views</a>
| |
- | <ul>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/aview">Assembly View</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/bview">Behavior View</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/nview">Network View</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="#">Technology & Algorithm</a>
| |
- | <ul>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/parameter">Parameter Analysis</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/model">MoDeL</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/tutorial">Tutorial & Demo</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- |
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/notebook">Notebook</a></li>
| |
- |
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/team">Team</a>
| |
- | <ul>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/members">Members</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/collaboration">Collaboration</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/attribution">Attribution & Contributions</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/acknowledgements">Acknowledgements</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/human practice">Human Practice</a>
| |
- | <ul>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/safety">Safety & Security</a></li>
| |
- | <li><a href="https://2011.igem.org/Team:USTC-Software/meetup">Meetup</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a class="last" href="https://2011.igem.org/Team:USTC-Software/download">Download</a></li>
| |
- |
| |
- | </ul>
| |
- | <!-- // end of navigation -->
| |
- |
| |
- |
| |
- | <div id="search_box">
| |
- |
| |
- | <form action="http://www.google.com.hk/cse" id="cse-search-box" method="get" target="_blank" >
| |
- | <input type="text" value="SEARCH..." name="q" size="10" id="searchfield" title="searchfield" onFocus="clearText(this)" onBlur="clearText(this)" />
| |
- | <input type="hidden" name="cx" value="012577055908532603606:zpok5ilqnda" />
| |
- | <input type="hidden" name="cof" value="FORID:10" />
| |
- | <input type="hidden" name="ie" value="UTF-8" />
| |
- | <input type="submit" name="sa" value="I'm Feeling Lucky" />
| |
- | </form>
| |
- |
| |
- | <script src="http://www.google.com/jsapi" type="text/javascript"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | google.load('search', '1', {language : 'en', style : google.loader.themes.GREENSKY});
| |
- | google.setOnLoadCallback(function() {
| |
- | var customSearchControl = new google.search.CustomSearchControl('012577055908532603606:zpok5ilqnda');
| |
- | customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
| |
- | customSearchControl.draw('cse');
| |
- | }, true);
| |
- | </script>
| |
- |
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | <div id="clock_box">
| |
- | <script type=text/javascript>
| |
- | document.write('<font id="clock" color="#000000"> </font>');setInterval('Clock()',1000);</script>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div class="cleaner"></div>
| |
- | </div> <!-- end of header -->
| |
- |
| |
- | </div>
| |
- | <!-- end of header_wrapper -->
| |
| | | |
| <div id="content_wrapper"> | | <div id="content_wrapper"> |