Difference between revisions of "Template:Shenzhen SFLS"
(Prototype team template page) |
|||
(153 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
− | + | <style type="text/css"> | |
− | + | /* Hide first heading */ | |
− | + | .firstHeading { | |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | /* | + | /*-- Remove borders, float content left and remove padding/margin */ |
− | + | #globalWrapper, #content{ | |
− | + | background-color: transparent; | |
− | + | border: 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
float: left; | float: left; | ||
− | + | margin:0px; | |
− | + | padding: 0px; | |
− | + | ||
} | } | ||
− | /* | + | /*left align Black Menu Bar */ |
− | # | + | #top_menu_inside { |
− | + | margin-left: 20px; | |
− | margin | + | }#main{ |
− | + | position: relative; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2015/4/44/Background_02.jpg); | |
− | } | + | background: center no-repeat; |
− | + | z-index:1; | |
− | + | } | |
− | + | #nav ul li{ | |
− | + | list-style: none; | |
− | + | font-size: 25px; | |
− | + | padding-top: 70px; | |
− | + | font-family:"Times New Romans", Times, serif; | |
− | + | padding-left: 55px; | |
− | + | margin-left: 10px; | |
− | + | top: 10px; | |
− | + | } | |
− | + | #nav li{ | |
− | + | float:left; | |
− | + | } | |
− | + | #nav ul li ul{ | |
− | + | display:none; | |
− | + | position:absolute; | |
− | + | } | |
− | + | #nav ul li ul li{ | |
− | + | font-family:"Times New Romans", Times, serif; | |
− | + | } | |
− | + | #nav ul li:hover ul{ | |
− | + | display:block; | |
− | + | width:auto; | |
− | + | } | |
− | + | #nav ul li:hover ul li{ | |
− | + | display:block; | |
− | + | margin-left: -95px; | |
− | + | margin-top: -15px; | |
− | + | padding-top: 10px; | |
− | + | } | |
− | + | #nav ul li:hover ul li ul li{ | |
− | + | display:none; | |
− | + | } | |
− | + | #nav ul li ul li:hover ul li{ | |
− | + | display:block; | |
− | + | margin-left: -95px; | |
− | + | margin-top : -20px; | |
− | + | padding-top: -10px; | |
− | + | } | |
− | + | #nav ul li ul li ul li{ | |
− | + | display:block; | |
− | + | } | |
− | + | #nav{ | |
− | + | position: absolute; | |
− | + | z-index: 3; | |
− | + | background: no-repeat; | |
− | + | width: 1600px; | |
− | + | height: 250px; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2015/a/a9/Nav.png); | |
− | + | left: 81px; | |
− | + | top: 11px; | |
− | + | } | |
− | + | #nav ul li{ | |
− | + | position:relative; | |
− | + | float:left; | |
− | + | font-family: ; | |
− | + | } | |
− | + | #nav ul{ | |
− | + | 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> | ||
+ | <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