Difference between revisions of "Template:Shenzhen SFLS"
(136 intermediate revisions by 5 users not shown) | |||
Line 29: | Line 29: | ||
#nav ul li{ | #nav ul li{ | ||
list-style: none; | list-style: none; | ||
− | font-size: | + | font-size: 25px; |
padding-top: 70px; | padding-top: 70px; | ||
− | font: | + | font-family:"Times New Romans", Times, serif; |
− | padding-left: | + | padding-left: 55px; |
+ | margin-left: 10px; | ||
+ | top: 10px; | ||
} | } | ||
#nav li{ | #nav li{ | ||
Line 42: | Line 44: | ||
} | } | ||
#nav ul li ul li{ | #nav ul li ul li{ | ||
− | font-family:"Times New | + | font-family:"Times New Romans", Times, serif; |
} | } | ||
#nav ul li:hover ul{ | #nav ul li:hover ul{ | ||
Line 50: | Line 52: | ||
#nav ul li:hover ul li{ | #nav ul li:hover ul li{ | ||
display:block; | display:block; | ||
− | margin-left: - | + | margin-left: -95px; |
− | margin-top: -10px; | + | margin-top: -15px; |
+ | padding-top: 10px; | ||
} | } | ||
#nav ul li:hover ul li ul li{ | #nav ul li:hover ul li ul li{ | ||
Line 58: | Line 61: | ||
#nav ul li ul li:hover ul li{ | #nav ul li ul li:hover ul li{ | ||
display:block; | display:block; | ||
− | margin-left: - | + | margin-left: -95px; |
margin-top : -20px; | margin-top : -20px; | ||
+ | padding-top: -10px; | ||
} | } | ||
#nav ul li ul li ul li{ | #nav ul li ul li ul li{ | ||
Line 66: | Line 70: | ||
#nav{ | #nav{ | ||
position: absolute; | position: absolute; | ||
− | z-index: | + | z-index: 3; |
background: no-repeat; | background: no-repeat; | ||
width: 1600px; | width: 1600px; | ||
Line 81: | Line 85: | ||
#nav ul{ | #nav ul{ | ||
position:absolute; | position:absolute; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | color:#06F; | ||
+ | } | ||
+ | a:active{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #contentmain{ | ||
+ | background-color: #FFF; | ||
+ | position: absolute; | ||
+ | top: 210px; | ||
+ | height: 4498px; | ||
+ | width: 1920px; | ||
+ | margin-right: 100px; | ||
+ | z-index: 2; | ||
+ | background: url(https://static.igem.org/mediawiki/2015/c/c1/Background02.jpg); | ||
+ | } | ||
+ | #content1{ | ||
+ | background-color: #FFF; | ||
+ | width:1840px; | ||
+ | height:4500px; | ||
+ | left:40px; | ||
+ | top: 400px; | ||
+ | position: absolute; | ||
+ | z-index:3; | ||
+ | opacity:0.2; | ||
+ | } | ||
+ | #content2{ | ||
+ | width:1840px; | ||
+ | height:4500px; | ||
+ | left:40px; | ||
+ | top: 400px; | ||
+ | position: absolute; | ||
+ | z-index:3; | ||
+ | } | ||
+ | #content2 img{ | ||
+ | display: block; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | #achive{ | ||
+ | margin-left: 20px; | ||
+ | font-size: 30px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | } | ||
+ | #invest{ | ||
+ | margin-left: 20px; | ||
+ | font-size: 20px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | } | ||
+ | #protocals{ | ||
+ | font-size: 30px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | } | ||
+ | #page{ | ||
+ | font-size: 30px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #back{ | ||
+ | font-size: 40px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | } | ||
+ | #articles{ | ||
+ | font-size:30px; | ||
+ | font-family:"Ariel", Times, serif; | ||
+ | } | ||
+ | #attributions{ | ||
+ | font-size:25px; | ||
+ | font-family:"Ariel", Times, serif; | ||
+ | } | ||
+ | #attributions2{ | ||
+ | font-size:20px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | margin-left: 40px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | #social{ | ||
+ | font-size:20px; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | } | ||
+ | #homepic1{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | width: 1800px; | ||
+ | height: 250px; | ||
+ | left: 81px; | ||
+ | top: 11px; | ||
+ | padding-top:250px; | ||
+ | padding-left:120px; | ||
+ | } | ||
+ | #homepic2{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | width: 1800px; | ||
+ | height: 250px; | ||
+ | left: 81px; | ||
+ | top: 11px; | ||
+ | padding-top:950px; | ||
+ | padding-left:750px; | ||
+ | } | ||
+ | #homepic3{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | width: 1800px; | ||
+ | height: 250px; | ||
+ | left: 81px; | ||
+ | top: 11px; | ||
+ | padding-top:1750px; | ||
+ | padding-right:450px; | ||
+ | } | ||
+ | #homepic4{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | width: 1800px; | ||
+ | height: 250px; | ||
+ | left: 81px; | ||
+ | top: 11px; | ||
+ | padding-top:2300px; | ||
+ | padding-left:850px; | ||
+ | } | ||
+ | #homepic5{ | ||
+ | position: absolute; | ||
+ | z-index: 3; | ||
+ | width: 1800px; | ||
+ | height: 250px; | ||
+ | left: 81px; | ||
+ | top: 11px; | ||
+ | padding-top:2875px; | ||
+ | padding-right:450px; | ||
+ | } | ||
+ | #title1{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | width:500px; | ||
+ | height:250px; | ||
+ | transform:rotate(-25deg); | ||
+ | -ms-transform:rotate(-25deg); | ||
+ | -moz-transform:rotate(-25deg); | ||
+ | -webkit-transform:rotate(-25deg); | ||
+ | -o-transform:rotate(-25deg); | ||
+ | font-size:60px; | ||
+ | font-family:Ariel; | ||
+ | padding-top:0px; | ||
+ | padding-left:180px | ||
+ | } | ||
+ | #title2{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | width:500px; | ||
+ | height:250px; | ||
+ | transform:rotate(-70deg); | ||
+ | -ms-transform:rotate(-70deg); | ||
+ | -moz-transform:rotate(-70deg); | ||
+ | -webkit-transform:rotate(-70deg); | ||
+ | -o-transform:rotate(-70deg); | ||
+ | font-size:50px; | ||
+ | font-family:Ariel; | ||
+ | padding-top:2500px; | ||
+ | padding-left:650px | ||
+ | } | ||
+ | #title3{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | width:500px; | ||
+ | height:250px; | ||
+ | transform:rotate(-45deg); | ||
+ | -ms-transform:rotate(-45deg); | ||
+ | -moz-transform:rotate(-45deg); | ||
+ | -webkit-transform:rotate(-45deg); | ||
+ | -o-transform:rotate(-45deg); | ||
+ | font-size:40px; | ||
+ | font-family:Ariel; | ||
+ | padding-top:2000px; | ||
+ | padding-left:450px | ||
+ | } | ||
+ | #title4{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | width:500px; | ||
+ | height:250px; | ||
+ | transform:rotate(80deg); | ||
+ | -ms-transform:rotate(80deg); | ||
+ | -moz-transform:rotate(80deg); | ||
+ | -webkit-transform:rotate(80deg); | ||
+ | -o-transform:rotate(80deg); | ||
+ | font-size:60px; | ||
+ | font-family:Ariel; | ||
+ | padding-top:300px; | ||
+ | padding-left:150px | ||
+ | } | ||
+ | #title5{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | width:500px; | ||
+ | height:250px; | ||
+ | transform:rotate(-50deg); | ||
+ | -ms-transform:rotate(-50deg); | ||
+ | -moz-transform:rotate(-50deg); | ||
+ | -webkit-transform:rotate(-50deg); | ||
+ | -o-transform:rotate(-50deg); | ||
+ | font-size:60px; | ||
+ | font-family:Ariel; | ||
+ | padding-top:3300px; | ||
+ | padding-left:950px | ||
} | } | ||
</style> | </style> | ||
+ | <div id="main"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/4/44/Background_02.jpg" /> | ||
+ | <div id="nav"> | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS"><li>Home</li></a> | ||
+ | <li>Project | ||
+ | |||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Background"><li>Background</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Overview"><li>Overview</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/References"><li>References</li></a> | ||
+ | <li>Design | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Protein Engineering"><li>Protein Engineering</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Confirmatory"><li>Confirmatory</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Result"><li>Result</li></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Parts"><li>Parts</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Modeling"><li>Modeling</li></a> | ||
+ | <li>Human Practice | ||
+ | |||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Achivements"><li>Achivements</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Practices"><li>Practices</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Social outreach"><li>Social outreach</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Collaborations"><li>Collaborations</li></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li>Notebook | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Notebook"><li>Problems and Solutions</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Protocals"><li>Protocals</li></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Safety"><li>Safety</li></a> | ||
+ | <li>Team | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Shenzhen_SFLS"><li>Shenzhen_SFLS</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Members"><li>Members 2015</li></a> | ||
+ | </ul> | ||
+ | <a href="https://2015.igem.org/Team:Shenzhen_SFLS/Attributions"><li>Attributions</li></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
</html> | </html> |
Latest revision as of 03:49, 19 September 2015
![](https://static.igem.org/mediawiki/2015/4/44/Background_02.jpg)