|
|
| (2 intermediate revisions not shown) |
| 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>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| - | <title>Team:USTC-Software - 2011.igem.org/views</title>
| |
| - | <meta name="description" content="views"/>
| |
| - | <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: auto; padding: 0px; border: none; display:block;}
| |
| - |
| |
| - | #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;
| |
| - | 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;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #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 nav*/
| |
| - |
| |
| - | /* 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;
| |
| - | }
| |
| - |
| |
| - | #intro p {
| |
| - | font-family: Verdana, Arial;
| |
| - | font-size: 12px;
| |
| - | }
| |
| - |
| |
| - | #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*/
| |
| - |
| |
| - | .ul_p{
| |
| - | font-family: Verdana, Arial;
| |
| - | font-size: 14px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </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 href="https://2011.igem.org/Team:USTC-Software">Home</a></li>
| |
| - |
| |
| - |
| |
| - | <li><a class="on" 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</a></li>
| |
| - | <li><a href="https://2011.igem.org/Team:USTC-Software/models">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="https://2011.igem.org/Team:USTC-Software/tech&algo">Technology & Algorithm</a></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</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 class="cleaner"></div>
| |
| - | </div> <!-- end of header -->
| |
| - |
| |
| - | </div>
| |
| - | <!-- end of header_wrapper -->
| |
| | | | |
| | <div id="content_wrapper"> | | <div id="content_wrapper"> |
| Line 376: |
Line 23: |
| | </div> | | </div> |
| | | | |
| - | <h2><a name="Network view" id="Network view"></a>Network view</h2> | + | <h2><a name="Network view" id="Network view"></a><strong>Network view</strong></h2> |
| | | | |
| | <p>Visualize networks defined by SBML models.</p> | | <p>Visualize networks defined by SBML models.</p> |
Network view
Visualize networks defined by SBML models.
Example below(toggle-switch):
Basic Use
The green container represents compartment,the red node represents substance and the blue is reaction.
Use Ctrl + mouse wheel to zoom.
Editing Properties
Double click an item to modify its properties.Also the property widget on the right side is helpful to monitor item properties.
Adding&Removing Nodes
You can add an item by dragging the buttons above to the scence or remove an item by pressing the delete key.
Editing Lines
The last 2 buttons are used to edit the lines,the straight arrow means the substance is a reactant or product of the reaction and the other means the substace is a modifier of the reaction.To add a line ,first click the button,then click on the source node,then click on the destination node.Remember the two nodes are of different type.As for modification,the source must be a substance and the destination must be a reaction.
Each change you make will cause a corresponding modification to the model.
"
USTC-Software 
