Team:SJTU-Software/Project
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
{{CSS/Main}} | {{CSS/Main}} | ||
Line 8: | Line 5: | ||
<!--main content --> | <!--main content --> | ||
- | |||
+ | <p> | ||
- | < | + | <style type="text/css"> |
- | + | /* 全局样式 */ | |
- | + | *{padding:0; margin:0; list-style:none} | |
- | + | .roundabout-holder { margin: 70px auto 0px auto; width: 850px; height: 496px; } | |
- | + | .roundabout-moveable-item { border-radius: 4px; border: 3px solid rgba(0, 0, 0, 0.08); width: 646px; height: 416px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; } | |
- | + | .roundabout-moveable-item img { width: 100%; } | |
- | < | + | .roundabout-in-focus { border: 3px solid rgba(0, 0, 0, 0.2); } |
- | + | </style> | |
- | + | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/jm.js%20?action=raw&ctype=text/js"></script> | |
- | </ | + | |
- | < | + | <style type=“text/css”> |
- | + | body {background: purple url(https://static.igem.org/mediawiki/2014/d/da/Han_bg.jpg); ? <br>background-attachment:fixed | |
- | < | + | </style> |
- | < | + | <style type="text/css"> |
- | + | .firstHeading { | |
+ | width: 0px; | ||
+ | height: 0px; | ||
+ | margin: -38px auto; | ||
+ | padding-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | } | ||
- | |||
- | |||
- | |||
+ | </style> | ||
+ | <title>Slide Down Box Menu with jQuery and CSS3</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | ||
+ | <meta name="description" content="Slide Down Box Menu with jQuery and CSS3" /> | ||
+ | <meta name="keywords" content="jquery, css3, sliding, box, menu, cube, navigation, portfolio, thumbnails"/> | ||
+ | <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> | ||
+ | <link rel="stylesheet" href="https://2014.igem.org/Team:SJTU-Software/bootstrapmin.css%20?action=raw&ctype=text/css" type="text/css" media="screen"/> | ||
+ | <style> | ||
+ | body{ | ||
+ | background:#333 url(https://static.igem.org/mediawiki/2014/9/98/Bg.jpg)repeat top left ; | ||
+ | font-family:Arial; | ||
+ | } | ||
+ | span.reference{ | ||
+ | position:fixed; | ||
+ | left:10px; | ||
+ | bottom:10px; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | span.reference a{ | ||
+ | color:#aaa; | ||
+ | text-transform:uppercase; | ||
+ | text-decoration:none; | ||
+ | text-shadow:1px 1px 1px #000; | ||
+ | margin-right:30px; | ||
+ | } | ||
+ | span.reference a:hover{ | ||
+ | color:#ddd; | ||
+ | } | ||
+ | ul.sdt_menu{ | ||
+ | margin-top:0px; | ||
+ | |||
+ | } | ||
+ | h1.title{ | ||
+ | text-indent:-9000px; | ||
+ | background:transparent url(title.png) no-repeat top left; | ||
+ | width:633px; | ||
+ | height:69px; | ||
+ | } | ||
+ | </style> | ||
+ | </p> | ||
- | < | + | <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> |
- | < | + | <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script> |
+ | <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css"> | ||
+ | |||
- | < | + | <!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/6/67/Background2.jpg);background-position:center; background-repeat:repeat-y repeat-x">--> |
- | + | ||
- | |||
- | |||
- | < | + | <table width="70%" align="center"> |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | < | + | <!--navigation menu --> |
- | + | ||
- | |||
- | |||
- | < | + | <div class="content" align="center" > |
- | + | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/79/Han_without.jpg"; height=90px; width=1020px> | ||
- | < | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
+ | <div class="content" align="center" style=" position:relative; z-index:2;"> | ||
+ | |||
+ | <ul id="sdt_menu" class="sdt_menu"> | ||
+ | <li> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software2/test"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Home</span> | ||
+ | <span class="sdt_descr">Get to Our Project</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software/Project"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Software</span> | ||
+ | <span class="sdt_descr">Our work</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box" style=" position:relative; z-index:1;"> | ||
+ | <a href="#">OverView</a> | ||
+ | <a href="#">Design</a> | ||
+ | <a href="#">Upload</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Team</span> | ||
+ | <span class="sdt_descr">Our strong team</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Document</span> | ||
+ | <span class="sdt_descr">Some Introduction</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Demo</span> | ||
+ | <span class="sdt_descr">I like Hp</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Test.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Requirement</span> | ||
+ | <span class="sdt_descr">Some Requirement</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box" style=" position:relative; z-index:1;"> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software/Notebook">Notebook</a> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software/Safety">Safety</a> | ||
+ | <a href="https://2014.igem.org/Team:SJTU-Software/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
</table> | </table> | ||
</html> | </html> |
Revision as of 06:07, 7 October 2014