|
|
(115 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | *{
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | /*-------------------------------------------------------*/
| |
- | /* Changes in some of the iGEM CSS */
| |
- | /*-------------------------------------------------------*/
| |
- |
| |
- | .firstHeading, #p-logo, #catlinks, #search-controls{
| |
- | display:none;
| |
- | }
| |
- | body, html, #globalWrapper, #content{
| |
- | background: transparent;
| |
- | border: none;
| |
- | width: 100%;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | body{
| |
- | background: white url(https://static.igem.org/mediawiki/2013/3/39/UNIK_Copenhagen_background.jpg) no-repeat fixed 50% 50%;
| |
- | -webkit-background-size: cover;
| |
- | -moz-background-size: cover;
| |
- | -o-background-size: cover;
| |
- | background-size: cover;
| |
- | width: 100%;
| |
- | margin: 0 auto;
| |
- | position: relative;
| |
- | }
| |
- | #top-section {
| |
- | height: 0px;
| |
- | }
| |
- | #menubar *{
| |
- | color: black;
| |
- | background: transparent;
| |
- | margin: 0px;
| |
- | padding: 5px;
| |
- | width: 100%;
| |
- | }
| |
- | #menubar.left-menu ul{
| |
- | background: white;
| |
- | border-bottom-left-radius: 5px;
| |
- | border-bottom-right-radius: 5px;
| |
- | box-shadow: 0px 0px 5px #888888;
| |
- | -webkit-box-shadow: 0px 0px 5px #888888;
| |
- | -moz-box-shadow: 0px 0px 5px #888888;
| |
- | }
| |
- | #menubar.left-menu{
| |
- | width: 100%;
| |
- | }
| |
- | #footer-box{
| |
- | background-color: rgba(50, 50, 50, 0.8);
| |
- | z-index: 100;
| |
- | height: 50px;
| |
- | position: absolute;
| |
- | width: 99%;
| |
- | text-align: center;
| |
- | bottom: 30px;
| |
- | border: none;
| |
- | }
| |
- | #footer, #footer ul{
| |
- | font-size: 10px;
| |
- | }
| |
- | #footer a{color: white;}
| |
- |
| |
- | /*-------------------------------------------------------*/
| |
- | /* Navigation Bar CSS */
| |
- | /*-------------------------------------------------------*/
| |
- | #wrapper{
| |
- | position: relative;
| |
- | width:980px;
| |
- | min-height: 1200px;
| |
- | margin: 40px auto;
| |
- | z-index: 95;
| |
- | background: white;
| |
- | top:0px; bottom: 0px;
| |
- | border-radius: 5px;
| |
- | box-shadow: 0px 0px 5px #888888;
| |
- | -webkit-box-shadow: 0px 0px 5px #888888;
| |
- | -moz-box-shadow: 0px 0px 5px #888888;
| |
- | }
| |
- | #nav li{
| |
- | position: relative;
| |
- | list-style: none;
| |
- | float: left;
| |
- | background: #003333;
| |
- | top: 0px;
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul{
| |
- | line-height: 30px;
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul ul{
| |
- | position: absolute;
| |
- | visibility: hidden;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul li a{
| |
- | text-align: center;
| |
- | font-family: Helvetica;
| |
- | font-size: 14px;
| |
- | font-weight: bold;
| |
- | text-decoration: none;
| |
- | height: 30px;
| |
- | display: block;
| |
- | color: white;
| |
- | padding: 0px 23px 0px 23px;
| |
- | margin: 0px;
| |
- | text-shadow: 1px 1px 3px black;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul li ul a{
| |
- | text-align: left;
| |
- | width:165px;
| |
- | padding-left: 10px;
| |
- | border-top: 1px solid white;
| |
- | z-index: 95;
| |
- | }
| |
- |
| |
- | /*----Hover effects and dropdown----*/
| |
- |
| |
- | #nav ul li:hover ul{
| |
- | visibility: visible;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav li:hover a{
| |
- | color: #99cc99;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul li:hover ul li a{
| |
- | background: #336666;
| |
- | color: white;
| |
- | z-index: 95;
| |
- | }
| |
- | #nav ul li:hover ul li a:hover{
| |
- | color: #99cc99;
| |
- | z-index: 95;
| |
- | }
| |
- |
| |
- | /*-------------------------------------------------------*/
| |
- | /* Fonts */
| |
- | /*-------------------------------------------------------*/
| |
- | h1{
| |
- | font-family: Helvetica Neue;
| |
- | font-size: 24px;
| |
- | }
| |
- | h2{
| |
- | font-family: Helvetica Neue;
| |
- | font-size: 20px;
| |
- | }
| |
- | h3{
| |
- | font-family: Helvetica Neue;
| |
- | font-size: 18px;
| |
- | font-weight: normal;
| |
- | }
| |
- | h4{
| |
- | font-family: Helvetica Neue;
| |
- | font-size: 16px;
| |
- | }
| |
- | p,ol,ul{
| |
- | font-family: Baskerville;
| |
- | font-size: 16px;
| |
- | line-height: 25px;
| |
- | }
| |
- |
| |
- | /*-------------------------------------------------------*/
| |
- | /* Content area */
| |
- | /*-------------------------------------------------------*/
| |
- |
| |
- | .the_content{
| |
- | text-align: justify;
| |
- | max-width: 960px;
| |
- | margin: auto;
| |
- | z-index:0;
| |
- | top: 60px;
| |
- | display:block;
| |
- | position: relative;
| |
- | padding: 20px 0px 20px 0px;
| |
- | margin-bottom: 80px;
| |
- | background: rgba(255, 255, 255, 0.6);;
| |
- | }
| |
- | #article{
| |
- | max-width: 630px;
| |
- | padding: 20px;
| |
- | }
| |
- | .image img{
| |
- | width: 400px;
| |
- | display: block;
| |
- | padding-left: 15px;
| |
- | margin-top: 20px;
| |
- | }
| |
- | .image p{
| |
- | display: block;
| |
- | margin: 10px;
| |
- | font-size:14px;
| |
- | font-family: Helvetica Neue;
| |
- | line-height: 21px;
| |
- | padding-left: 15px;
| |
- | margin-bottom: 20px;
| |
- | width: 400px;
| |
- | }
| |
- | #smaller_image img{
| |
- | width: 250px;
| |
- | }
| |
- | .references{
| |
- | font-family: Baskerville;
| |
- | margin-top: 40px;
| |
- | border-top: 1px solid gray;
| |
- | }
| |
- | .references ul li{
| |
- | list-style-type: square;
| |
- | margin-left: 20px;
| |
- | }
| |
- | #video{
| |
- | text-align: center;
| |
- | margin: auto;
| |
- | z-index:50;
| |
- | }
| |
- |
| |
- | /*-------------------------------------------------------*/
| |
- | /* Logos in navigation bar */
| |
- | /*-------------------------------------------------------*/
| |
- |
| |
- | #our_logo{
| |
- | display: inline-block;
| |
- | position: relative;
| |
- | margin: 30px;
| |
- | }
| |
- | #iGEM_logo{
| |
- | display: inline-block;
| |
- | position:relative;
| |
- | margin: 30px;
| |
- | right:0px;
| |
- | }
| |
- | /*-------------------------------------------------------*/
| |
- | /* Navigation Bar HTML */
| |
- | /*-------------------------------------------------------*/
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | <body>
| |
- | <div id="wrapper">
| |
- | <div id="our_logo"><a href="https://2013.igem.org/Team:UNIK_Copenhagen"><img src="https://static.igem.org/mediawiki/2013/8/8e/UNIK_Copenhagen_our_logo.png" width="150"></a></div>
| |
- | <div id="iGEM_logo"><a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/4/4e/UNIK_Copenhagen_iGEM_logo.png" width="100px"></a></div>
| |
- | <div id="nav">
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen">Home</a></li>
| |
- | <li><a href="#">Project</a>
| |
- | <ul>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Project">Overview</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/ExperimentalDesign">Experimental Approach</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Results">Results</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Project/Applications">Applications</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Notebook">Notebook</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Parts">Submitted Parts</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Attributions">Attributions</a></li>
| |
- | </ul></li>
| |
- | <li><a href="#">Team</a>
| |
- | <ul>
| |
- | <li><a href="https://igem.org/Team.cgi">Official Team Profile</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Team">Meet the team</a></li>
| |
- | </ul></li>
| |
- | <li><a href="#">Safety and Ethics</a><ul>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Safety">Safety</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/OpenSource">Open Source</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Outreach">Outreach Activities</a></li>
| |
- | </ul></li>
| |
- | <li><a href="#">Bricks of Knowledge</a><ul>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/BricksOfKnowledge">Invitation</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/BricksOfKnowledgeMovieBricks">Recieved Movie-Bricks</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/BricksOfKnowledgeMovie">BoK -the movie</a></li>
| |
- | </ul></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/TheCphStrain">The CPH Strain</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Sponsors">Sponsors</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </body>
| |
- | </html>
| |