|
|
Line 7: |
Line 7: |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>NJU_China</title> | | <title>NJU_China</title> |
- | <meta name="description" content="Circular Navigation Styles - Building a Circular Navigation with CSS Transforms | Codrops " />
| |
- | <meta name="keywords" content="css transforms, circular navigation, round navigation, circular menu, tutorial" />
| |
- | <meta name="author" content="Sara Soueidan for Codrops" />
| |
- | <link rel="shortcut icon" href="../favicon.ico">
| |
- | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
| |
| | | |
- | <link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
| |
- | <STYLE type="text/css">
| |
- | /* hiding the top section*/
| |
- | body{position:absolute; top:0px; width:100%; height:1480px;}
| |
- | #top-section{
| |
- | height:0px;
| |
- | border:none;
| |
- | width:980px;
| |
- | margin:0 auto;
| |
- | padding:0 0 0 0;
| |
- | background-color:transparent;
| |
- | overflow:hide;
| |
- |
| |
- | }
| |
- | #p-logo{display:none;}
| |
- | #search-controls{display:none;}
| |
- | #top{display:none;}
| |
- | .firstHeading{display:none;}
| |
- | /* end of hiding the top section*/
| |
- |
| |
- | /* global setting*/
| |
- | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;}
| |
- | #content{
| |
- | background-color:transparent;
| |
- | border:none;
| |
- | width:1200px;
| |
- | height:700px;
| |
- | marign:0 auto;
| |
- | padding:0 0 0 0;
| |
- | top:-40px;
| |
- | }
| |
- | #bodyContent{
| |
- | background-color:transparent;
| |
- | border:none;
| |
- |
| |
- | }
| |
- | siteSub{
| |
- | display:none;
| |
- | border:none;
| |
- | }
| |
- | contentSub{
| |
- | display:none;
| |
- | }
| |
- | /* end of global setting*/
| |
- |
| |
- | /*hiding the footer-box*/
| |
- | #footer-box{display:none;}
| |
- | #catlinks{display:none;}
| |
- | /*end of hiding the footer book*/
| |
- |
| |
- | /* menu (page, edit ...) */
| |
- | #menubar {
| |
- | background-color:transparent;
| |
- | position: relative;
| |
- | float:left;
| |
- | white-space: nowrap;
| |
- | top:-6px;
| |
- | width: 490px;
| |
- | z-index: 5000;
| |
- | font-family: sans-serif;
| |
- | font-size: 95%;
| |
- | line-height: 1em;
| |
- | z-index:99;
| |
- | }
| |
- |
| |
- |
| |
- | .left-menu, .left-menu a {
| |
- | text-align: left;
| |
- | color:#999999;
| |
- | text-transform: lowercase;
| |
- | }
| |
- |
| |
- | .left-menu:hover {
| |
- | color: #D00000;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | .right-menu{width:400px; float:right}
| |
- | .right-menu, .right-menu a {
| |
- | right: 0px;
| |
- | text-align: right;
| |
- | color: #999999;
| |
- | }
| |
- | #menubar ul {
| |
- | color: #999999;
| |
- | list-style: none;
| |
- | }
| |
- | #menubar li {
| |
- | display: inline;
| |
- | position: relative;
| |
- | cursor: pointer;
| |
- | padding-left: 0px;
| |
- | padding-right: 0px;
| |
- | }
| |
- | .left-menu li a {
| |
- | padding: 0px 10px 0px 0px;
| |
- | }
| |
- | .left-menu .selected {
| |
- | # color: #999999;
| |
- | }
| |
- | #.left-menu .selected:hover {
| |
- | # color: #999999;
| |
- | #}
| |
- |
| |
- | .left-menu:hover a {
| |
- | color: #999999;;
| |
- | }
| |
- |
| |
- | .left-menu li a:hover {
| |
- | color: #D00000;
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- |
| |
- | .right-menu li {
| |
- | # background-color: transparent;
| |
- | }
| |
- | .right-menu li a {
| |
- | padding: 0px 15px 0px 0px;
| |
- | color: #999999;;
| |
- | background-color: transparent;
| |
- | }
| |
- | .right-menu li a:hover {
| |
- | color: #D00000;
| |
- | text-decoration: underline;
| |
- | }
| |
- | /* end menu (edit, page ...) */
| |
- |
| |
- |
| |
- | /* HEADER STYLES: banner, navbar, etc. */
| |
- |
| |
- | ul#nav {
| |
- | width:1800px;
| |
- | margin:40px 0 0 30px;
| |
- | position:relative;
| |
- | }
| |
- |
| |
- | #nav li {
| |
- |
| |
- | color: #FFFFFF;
| |
- | background-color:none;
| |
- | margin: 0 85px 0 0;
| |
- | float: left;
| |
- | position: relative;
| |
- | list-style: none;
| |
- | text-transform:uppercase;
| |
- | }
| |
- | #nav li:last-child { margin:0; }
| |
- |
| |
- |
| |
- | /* dropdown */
| |
- | #nav li:hover > ul {
| |
- | /*display: block;*/
| |
- | opacity:1;
| |
- | margin:0;
| |
- | background-color: none;
| |
- | z-index:0;
| |
- | }
| |
- |
| |
- | #nav ul li {
| |
- | float: none;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | #nav ul a {
| |
- | font-weight: normal;
| |
- | /*text-shadow: 0 1px 0 #fff;*/
| |
- | }
| |
- |
| |
- |
| |
- | </STYLE>
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- | body {
| |
- | background: #ffbaba;
| |
- | color: #fff;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </style>
| |
- |
| |
- | </head>
| |
- | <body>
| |
- |
| |
- | <div class="container">
| |
- | <!--Start NavBar-->
| |
- | <ul id="nav">
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>
| |
- | <ul>
| |
- | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Chassis">Chassis</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Targeting Module">Targeting Module</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
| |
- | <ul>
| |
- | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">Free debate</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Reach the unreached</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Workshop</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Collaboration</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a>
| |
- | <ul>
| |
- | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Protocol</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Lab notes</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Data Page</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Parts</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
| |
- | <ul>
| |
- | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Safety form</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Virus-related safety</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
| |
- |
| |
- | <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
| |
- | <ul>
| |
- | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Judging criteria</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Attribution</a></li>
| |
- | <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Acknowledgement</a></li>
| |
- | </ul>
| |
- | </li>
| |
- |
| |
- | </ul>
| |
- | <!--End NavBar-->
| |
- | </div><!-- /container -->
| |
- |
| |
- |
| |
- | </body>
| |
- |
| |
- | </html>
| |
| <frameset rows="20%,*" border="0px"> | | <frameset rows="20%,*" border="0px"> |
| <frame> Hello World!</frame> | | <frame> Hello World!</frame> |
Line 269: |
Line 15: |
| </frameset> | | </frameset> |
| </frameset> | | </frameset> |
| + | </html> |