Team:SJTU-Software2/test

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
<p>
<p>
-
<style>
+
 
-
#menu {
+
-
font: 13px "trebuchet MS", Arial, Helvetica;
+
-
}
+
-
#menu a {
+
-
color: #2A679F;
+
-
}
+
-
#menu, #menu ul {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
#menu {
+
-
width: 75%;
+
-
margin: 20px 12.5% 0px ;
+
-
border: 1px solid #222;
+
-
background-color: #111;
+
-
background-image: -moz-linear-gradient(#444, #111);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
+
-
background-image: -webkit-linear-gradient(#444, #111);
+
-
background-image: -o-linear-gradient(#444, #111);
+
-
background-image: -ms-linear-gradient(#444, #111);
+
-
background-image: linear-gradient(#444, #111);
+
-
-moz-border-radius: 6px;
+
-
-webkit-border-radius: 6px;
+
-
border-radius: 6px;
+
-
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
}
+
-
#menu:before, #menu:after {
+
-
content: "";
+
-
display: table;
+
-
}
+
-
#menu:after {
+
-
clear: both;
+
-
}
+
-
#menu {
+
-
zoom: 1;
+
-
}
+
-
#menu li {
+
-
float: left;
+
-
border-right: 1px solid #222;
+
-
-moz-box-shadow: 1px 0 0 #444;
+
-
-webkit-box-shadow: 1px 0 0 #444;
+
-
box-shadow: 1px 0 0 #444;
+
-
position: relative;
+
-
}
+
-
#menu a {
+
-
float: left;
+
-
padding: 28px 50px;
+
-
color: #999;
+
-
text-transform: uppercase;
+
-
font: bold 24px Arial, Helvetica;
+
-
text-decoration: none;
+
-
text-shadow: 0 1px 0 #000;
+
-
}
+
-
#menu li:hover > a {
+
-
color: #fafafa;
+
-
}
+
-
*html #menu li a:hover {
+
-
color: #fafafa;
+
-
}
+
-
#menu ul {
+
-
margin: 20px 0 0 0;
+
-
_margin: 0;
+
-
opacity: 0;
+
-
        width:100%;
+
-
visibility: hidden;
+
-
position: absolute;
+
-
top: 88px;
+
-
left: 0;
+
-
z-index: 1;
+
-
background: #444;
+
-
background: -moz-linear-gradient(#444, #111);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
+
-
background: -webkit-linear-gradient(#444, #111);
+
-
background: -o-linear-gradient(#444, #111);
+
-
background: -ms-linear-gradient(#444, #111);
+
-
background: linear-gradient(#444, #111);
+
-
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
+
-
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
-moz-border-radius: 3px;
+
-
-webkit-border-radius: 3px;
+
-
border-radius: 3px;
+
-
-webkit-transition: all .2s ease-in-out;
+
-
-moz-transition: all .2s ease-in-out;
+
-
-ms-transition: all .2s ease-in-out;
+
-
-o-transition: all .2s ease-in-out;
+
-
transition: all .2s ease-in-out;
+
-
}
+
-
#menu li:hover > ul {
+
-
opacity: 1;
+
-
visibility: visible;
+
-
margin: 0;
+
-
}
+
-
#menu ul ul {
+
-
top: 0;
+
-
left: 150px;
+
-
margin: 0 0 0 20px;
+
-
_margin: 0;
+
-
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
}
+
-
#menu ul li {
+
-
float: none;
+
-
display: block;
+
-
border: 0;
+
-
_line-height: 0;
+
-
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
}
+
-
#menu ul li:last-child {
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu ul a {
+
-
padding: 10px;
+
-
width: 130px;
+
-
_height: 10px;
+
-
display: block;
+
-
white-space: nowrap;
+
-
float: none;
+
-
text-transform: none;
+
-
}
+
-
#menu ul a:hover {
+
-
background-color: #0186ba;
+
-
background-image: -moz-linear-gradient(#04acec, #0186ba);
+
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
+
-
background-image: -webkit-linear-gradient(#04acec, #0186ba);
+
-
background-image: -o-linear-gradient(#04acec, #0186ba);
+
-
background-image: -ms-linear-gradient(#04acec, #0186ba);
+
-
background-image: linear-gradient(#04acec, #0186ba);
+
-
}
+
-
#menu ul li:first-child > a {
+
-
-moz-border-radius: 3px 3px 0 0;
+
-
-webkit-border-radius: 3px 3px 0 0;
+
-
border-radius: 3px 3px 0 0;
+
-
}
+
-
#menu ul li:first-child > a:after {
+
-
content: '';
+
-
position: absolute;
+
-
left: 40px;
+
-
top: -6px;
+
-
border-left: 6px solid transparent;
+
-
border-right: 6px solid transparent;
+
-
border-bottom: 6px solid #444;
+
-
}
+
-
#menu ul ul li:first-child a:after {
+
-
left: -6px;
+
-
top: 50%;
+
-
margin-top: -6px;
+
-
border-left: 0;
+
-
border-bottom: 6px solid transparent;
+
-
border-top: 6px solid transparent;
+
-
border-right: 6px solid #3b3b3b;
+
-
}
+
-
#menu ul li:first-child a:hover:after {
+
-
border-bottom-color: #04acec;
+
-
}
+
-
#menu ul ul li:first-child a:hover:after {
+
-
border-right-color: #0299d3;
+
-
border-bottom-color: transparent;
+
-
}
+
-
#menu ul li:last-child > a {
+
-
-moz-border-radius: 0 0 3px 3px;
+
-
-webkit-border-radius: 0 0 3px 3px;
+
-
border-radius: 0 0 3px 3px;
+
-
}
+
-
/* Mobile */
+
-
#menu-trigger {
+
-
display: none;
+
-
}
+
-
@media screen and (max-width: 600px) {
+
-
/* nav-wrap */
+
-
#menu-wrap {
+
-
position: relative;
+
-
}
+
-
#menu-wrap * {
+
-
-moz-box-sizing: border-box;
+
-
-webkit-box-sizing: border-box;
+
-
box-sizing: border-box;
+
-
}
+
-
/* menu icon */
+
-
#menu-trigger {
+
-
display: block;
+
-
height: 40px;
+
-
line-height: 40px;
+
-
cursor: pointer;
+
-
padding: 0 0 0 35px;
+
-
border: 1px solid #222;
+
-
color: #fafafa;
+
-
font-weight: bold;
+
-
background-color: #111;
+
-
-moz-border-radius: 6px;
+
-
-webkit-border-radius: 6px;
+
-
border-radius: 6px;
+
-
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
+
-
}
+
-
/* main nav */
+
-
#menu {
+
-
margin: 0;
+
-
padding: 10px;
+
-
position: absolute;
+
-
top: 40px;
+
-
width: 100%;
+
-
z-index: 1;
+
-
background-color: #444;
+
-
display: none;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu:after {
+
-
content: '';
+
-
position: absolute;
+
-
left: 25px;
+
-
top: -8px;
+
-
border-left: 8px solid transparent;
+
-
border-right: 8px solid transparent;
+
-
border-bottom: 8px solid #444;
+
-
}
+
-
#menu ul {
+
-
position: static;
+
-
visibility: visible;
+
-
opacity: 1;
+
-
margin: 0;
+
-
background: none;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu ul ul {
+
-
margin: 0 0 0 20px !important;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu li {
+
-
position: static;
+
-
display: block;
+
-
float: none;
+
-
border: 0;
+
-
margin: 5px;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu ul li {
+
-
margin-left: 20px;
+
-
-moz-box-shadow: none;
+
-
-webkit-box-shadow: none;
+
-
box-shadow: none;
+
-
}
+
-
#menu a {
+
-
display: block;
+
-
float: none;
+
-
padding: 0;
+
-
color: #999;
+
-
}
+
-
#menu a:hover {
+
-
color: #fafafa;
+
-
}
+
-
#menu ul a {
+
-
padding: 0;
+
-
width: auto;
+
-
}
+
-
#menu ul a:hover {
+
-
background: none;
+
-
}
+
-
#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {
+
-
border: 0;
+
-
}
+
-
}
+
-
@media screen and (min-width: 600px) {
+
-
#menu {
+
-
display: block !important;
+
-
}
+
-
}
+
-
/* iPad */
+
-
.no-transition {
+
-
-webkit-transition: none;
+
-
-moz-transition: none;
+
-
-ms-transition: none;
+
-
-o-transition: none;
+
-
transition: none;
+
-
opacity: 1;
+
-
visibility: visible;
+
-
display: none;
+
-
}
+
-
#menu li:hover > .no-transition {
+
-
display: block;
+
-
}
+
-
</style>
+
<style type="text/css">
<style type="text/css">
.firstHeading {
.firstHeading {
Line 383: Line 84:
   </head>
   </head>
<body>
<body>
-
<div id="menu-wrap">
+
                 
-
<ul id="menu">
+
-
<li><a href="https://2014.igem.org/Team:SJTU-Software" target="_blannk">Home</a></li>
+
-
<li> <a href="https://2014.igem.org/Team:SJTU-Software">Software</a>
+
-
<ul>
+
-
<li> <a href="https://2014.igem.org/Team:SJTU-Software/OverView">OverView</a>
+
-
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:SJTU-Software/Tutorial">Tutorial</a>
+
-
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:SJTU-Software/UserStudy">User Study</a>
+
-
+
-
</li>
+
-
<li> <a href="https://2014.igem.org/Team:SJTU-Software/Demo">Demo</a>
+
-
+
-
</li>
+
-
                                    <li> <a href="https://2014.igem.org/Team:SJTU-Software/Download">Download</a>
+
-
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li> <a href="">DOCUMENT</a>
+
-
<ul>
+
-
<li> <a href="">Database</a>
+
-
</li>
+
-
<li> <a href="">Assessment Model</a>
+
-
+
-
</li>
+
-
<li> <a href="">Components in Design</a>
+
-
+
-
</li>
+
-
                                <li> <a href="">Further Development</a>
+
-
+
-
</li>
+
-
                                <li> <a href="">Event in SJTU-Software</a>
+
-
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="">REQUIREMENT</a></li>
+
-
                        <ul>
+
-
<li> <a href="">Medal</a>
+
-
</li>
+
-
<li> <a href="">Collaboration</a>
+
-
+
-
</li>
+
-
+
-
</ul>
+
-
<li><a href="">TEAM</a>
+
-
<ul>
+
-
<li><a href="">Member</a></li>
+
-
<li><a href="">Join Us</a></li>
+
-
<li><a href="">Sponsor</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
                                           
+
<div align="center">
<div align="center">
    <div class="slider" style="width:75%;">          
    <div class="slider" style="width:75%;">          

Revision as of 18:38, 11 October 2014


Search

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Present

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Upload

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

Compare

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet.

SJTU-Software


Shanghai Jiao Tong University


800, Dongchuan Road


200240 Shanghai, China


back to top

Retrieved from "http://2014.igem.org/Team:SJTU-Software2/test"