|
|
| (5 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-color: #cccccc;
| |
| - | background-image: url("https://static.igem.org/mediawiki/2013/b/ba/UNIK_Copenhagen_bg.png");
| |
| - | width: 100%;
| |
| - | margin: 0 auto;
| |
| - | position: relative;
| |
| - | background-attachment: fixed;
| |
| - | }
| |
| - | #top-section {
| |
| - | height: 0px;
| |
| - | }
| |
| - | #menubar *{
| |
| - | color: #666666;
| |
| - | background: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 5px;
| |
| - | width: 100%;
| |
| - | }
| |
| - | #menubar.left-menu ul{
| |
| - | margin-left: -5px;
| |
| - | padding: 5px 3px 3px 5px;
| |
| - | 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%;
| |
| - | }
| |
| - | #menubar.right-menu ul{
| |
| - | padding: 5px 6px 3px 3px;
| |
| - | }
| |
| - | #footer-box{
| |
| - | background-color: rgba(50, 50, 50, 0.8);
| |
| - | z-index: 100;
| |
| - | height: 65px;
| |
| - | position: absolute;
| |
| - | width: 100%;
| |
| - | text-align: center;
| |
| - | bottom: 20px;
| |
| - | border: none;
| |
| - | }
| |
| - | #footer, #footer ul{
| |
| - | font-size: 12px;
| |
| - | }
| |
| - | #footer{width: 900px; margin: 0px auto}
| |
| - | #footer a{color: white;}
| |
| - | /*-------------------------------------------------------*/
| |
| - | /* Navigation Bar CSS */
| |
| - | /*-------------------------------------------------------*/
| |
| - | #wrapper{
| |
| - | display: block;
| |
| - | position: relative;
| |
| - | width:984px;
| |
| - | min-height: 1000px;
| |
| - | margin: 45px auto -5px auto;
| |
| - | padding: 0px 10px 60px 10px;
| |
| - | z-index: 95;
| |
| - | background: white;
| |
| - | top:-10px;
| |
| - | border-radius: 5px;
| |
| - | box-shadow: 0px 0px 5px #888888;
| |
| - | -webkit-box-shadow: 0px 0px 5px #888888;
| |
| - | -moz-box-shadow: 0px 0px 5px #888888;
| |
| - | }
| |
| - | #nav{
| |
| - | display: block;
| |
| - | width: 940px;
| |
| - | height: 38px;
| |
| - | margin: 0 auto;
| |
| - | border-bottom: 1px solid #cccccc;
| |
| - | border-top: 1px solid #cccccc;
| |
| - | }
| |
| - | #nav li{
| |
| - | position: relative;
| |
| - | list-style: none;
| |
| - | float: left;
| |
| - | top: -1px;
| |
| - | padding: 8px 0px 0px 0px;
| |
| - | margin: 0px;
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav ul{
| |
| - | padding: 0px;
| |
| - | margin: 0px;
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav ul ul{
| |
| - | position: absolute;
| |
| - | visibility: hidden;
| |
| - | z-index: 95;
| |
| - | margin:1px 0px 0px 0px;
| |
| - | background: white;
| |
| - | box-shadow: 0px 0px 2px #888888;
| |
| - | -webkit-box-shadow: 0px 0px 2px #888888;
| |
| - | -moz-box-shadow: 0px 0px 2px #888888;
| |
| - | }
| |
| - | #nav ul ul li{
| |
| - | border: none;
| |
| - | }
| |
| - | #nav ul li a{
| |
| - | text-align: center;
| |
| - | font-family: Helvetica;
| |
| - | font-size: 14px;
| |
| - | text-decoration: none;
| |
| - | display: block;
| |
| - | height: 30px;
| |
| - | color: #333333;
| |
| - | padding: 0px 12px 0px 12px;
| |
| - | margin: 0px;
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav ul li ul a{
| |
| - | text-align: left;
| |
| - | width:165px;
| |
| - | padding-left: 12px;
| |
| - | z-index: 95;
| |
| - | }
| |
| - |
| |
| - | /*----Hover effects and dropdown----*/
| |
| - |
| |
| - | #nav ul li:hover ul{
| |
| - | visibility: visible;
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav li:hover{
| |
| - | border-bottom: 1px solid #990000;
| |
| - | border-top: 1px solid #990000;
| |
| - | }
| |
| - | #nav li:hover a{
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav li li:hover{
| |
| - | border: none;
| |
| - | }
| |
| - | #nav ul li:hover ul li a{
| |
| - | z-index: 95;
| |
| - | }
| |
| - | #nav ul li:hover ul li a:hover{
| |
| - | color: #990000;
| |
| - | 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: 0px;
| |
| - | display:block;
| |
| - | position: relative;
| |
| - | padding: 20px 0px 40px 0px;
| |
| - | 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 */
| |
| - | /*-------------------------------------------------------*/
| |
| - | #two_logos{
| |
| - | height: 140px;
| |
| - | }
| |
| - | #our_logo{
| |
| - | display: inline-block;
| |
| - | position: relative;
| |
| - | float: left;
| |
| - | margin: 30px 0px 0px 15px;
| |
| - | }
| |
| - | #iGEM_logo{
| |
| - | display: inline-block;
| |
| - | float: right;
| |
| - | position:relative;
| |
| - | margin: 15px 15px 0px 0px;
| |
| - | top: 0px;
| |
| - | }
| |
| - | #iGEM{
| |
| - | position: relative;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | z-index: 100;
| |
| - | }
| |
| - | #no_wheel{
| |
| - | z-index: 100;
| |
| - | }
| |
| - | #iGEM #wheel{
| |
| - | width: 100px;
| |
| - | height: 100px;
| |
| - | display: block;
| |
| - | position: absolute;
| |
| - | top: 14px;
| |
| - | left: 36px;
| |
| - | z-index: -1;
| |
| - |
| |
| - | -webkit-transition-duration: 1s;
| |
| - | -moz-transition-duration: 1s;
| |
| - | -o-transition-duration: 1s;
| |
| - | transition-duration: 1s;
| |
| - |
| |
| - | -webkit-transform: rotate(0deg);
| |
| - | -moz-transform: rotate(0deg);
| |
| - | -o-transform: rotate(0deg);
| |
| - | -ms-transform: rotate(0deg);
| |
| - |
| |
| - | -webkit-transition-property: -webkit-transform;
| |
| - | -moz-transition-property: -moz-transform;
| |
| - | -o-transition-property: -o-transform;
| |
| - | transition-property: transform;
| |
| - | }
| |
| - |
| |
| - | #no_wheel:hover + #wheel{
| |
| - | -webkit-transform: rotate(360deg);
| |
| - | -moz-transform: rotate(360deg);
| |
| - | -o-transform: rotate(360deg);
| |
| - | -ms-transform: rotate(360deg);
| |
| - | z-index: -1;
| |
| - | }
| |
| - |
| |
| - | /*-------------------------------------------------------*/
| |
| - | /* Navigation Bar HTML */
| |
| - | /*-------------------------------------------------------*/
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - | <body>
| |
| - | <div id="wrapper">
| |
| - | <div id="two_logos">
| |
| - | <div id="iGEM_logo"><a href="https://2013.igem.org">
| |
| - | <div id="iGEM">
| |
| - | <img id="no_wheel" src="https://static.igem.org/mediawiki/2013/d/d9/UNIK_Copenhagen_iGEM_no_wheel.png" width="150">
| |
| - | <div id="wheel"><img src="https://static.igem.org/mediawiki/2013/3/31/UNIK_Copenhagen_iGEM_the_wheel.png" width="100"></div>
| |
| - | </div></a></div>
| |
| - | <div id="our_logo"><a href="https://2013.igem.org/Team:UNIK_Copenhagen"><img src="https://static.igem.org/mediawiki/2013/2/23/UNIK_Copenhagen_our_logo_darker.jpg" width="200"></a></div>
| |
| - | </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/Signe/Project">Overview</a></li>
| |
| - | <li><a href="https://2013.igem.org/Team:UNIK_Copenhagen/Signe/ExperimentalApproach">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>
| |
"
