|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <head {
| |
| - | background-color: #FFCC66;
| |
| - | background-image: url("https://2014.igem.org/File:Copenhagen_world-HD.jpg");
| |
| - | background-repeat: no-repeat;
| |
| - | background-attachment: fixed;
| |
| - | background-position: right bottom;
| |
| - | }>
| |
| - | <style type="text/css">
| |
| - |
| |
| - | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
| |
| - |
| |
| - | .topWikiNavBackground {
| |
| - | height:18px;
| |
| - | margin-top: -32px;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | border: 0px;
| |
| - | background-color: transparent;
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | }
| |
| - |
| |
| - | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
| - | border: 0 none;
| |
| - | height: 14px;
| |
| - | z-index: 100;
| |
| - | top: 0;
| |
| - | position: fixed;
| |
| - | width: 975px;
| |
| - | left: 50%;
| |
| - | margin-left: -487px;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
| - | background-color:transparent;
| |
| - | height: 14px;
| |
| - | display: block;
| |
| - | z-index: 10;
| |
| - | position: fixed;
| |
| - | width:100%;
| |
| - | top: 0;
| |
| - | }
| |
| - |
| |
| - | #menubar a:link, #menubar a:visited { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
| - | color:#FFF;
| |
| - | text-decoration: none;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | #menubar a:active, #menubar a:hover
| |
| - | {
| |
| - | color:#FFF;
| |
| - | text-decoration: underline;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - | * {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - |
| |
| - | -webkit-font-smoothing: antialiased;
| |
| - | -webkit-box-sizing: border-box;
| |
| - | -moz-box-sizing: border-box;
| |
| - | box-sizing: border-box;
| |
| - | }
| |
| - |
| |
| - | ::selection {
| |
| - | background: #F79042;
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | .slide-out-div {
| |
| - | padding: 20px;
| |
| - | background-image:url(../img_bu14/popopenbkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - | z-index:30;
| |
| - | text-align:left;
| |
| - | }
| |
| - |
| |
| - | a:link {
| |
| - | color: #FF0000; /*Text menu mouseover*/
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a:visited {
| |
| - | text-decoration: none;
| |
| - | color: #F79042;
| |
| - | }
| |
| - | a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - | a:active {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | .title{
| |
| - | position:absolute;
| |
| - | top:38px;
| |
| - | left:83px;
| |
| - | z-index:2;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | color: #FFFF00;
| |
| - | font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
| |
| - | text-align:center;
| |
| - | }
| |
| - |
| |
| - | h0{
| |
| - | color:#FFF;
| |
| - | font-size:40px;
| |
| - | font-weight:700;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | header1{
| |
| - | font-size:28px;
| |
| - | font-weight:700;
| |
| - | text-transform:uppercase;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | header2{
| |
| - | font-size:18px;
| |
| - | color:#FFF;
| |
| - | font-weight:700;
| |
| - | text-transform:uppercase;
| |
| - | text-align:left;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | header3{
| |
| - | font-size:20px;
| |
| - | color:#000;
| |
| - | font-weight:700;
| |
| - | text-align:left;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | maincontent{
| |
| - | font-size:14px;
| |
| - | font-weight:200;
| |
| - | text-align:justify;
| |
| - | }
| |
| - |
| |
| - | capt{
| |
| - | font-size:12px;
| |
| - | color:#5E5F5F;
| |
| - | font-weight:150;
| |
| - | text-align:justify;
| |
| - | line-height:110%
| |
| - | }
| |
| - |
| |
| - | sidenav{
| |
| - | color:#FFF;
| |
| - | font-weight:700;
| |
| - | }
| |
| - |
| |
| - | #logo {
| |
| - | position: absolute;
| |
| - | left: 80px;
| |
| - | top: 40px;
| |
| - | z-index: 2;
| |
| - | margin-left: -17px;
| |
| - | }
| |
| - |
| |
| - | .header{
| |
| - | background-color:#2c8d26; /* #2c8d26 Green #353535 old black*/
| |
| - | position:fixed;
| |
| - | height:135px;
| |
| - | top:0px;
| |
| - | width:100%;
| |
| - | z-index:30;
| |
| - | }
| |
| - | .igemlogo
| |
| - | {
| |
| - | position:fixed;
| |
| - | right:5px;
| |
| - | z-index:30;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #tracking_nav
| |
| - | {
| |
| - | margin: 0px 0px 0px 950px;
| |
| - | position: fixed;
| |
| - | color:#bababa;
| |
| - | border: 1px solid #3d3f3c;
| |
| - | background:#3d3f3c;
| |
| - | font-size: 16pt;
| |
| - | padding: 5px;
| |
| - | line-height: 120%;
| |
| - | }
| |
| - |
| |
| - | #tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
| |
| - | /*#tracking_nav a:hover {background:#bababa;}*/
| |
| - |
| |
| - | ul#nav {
| |
| - | width:90%;
| |
| - | top:100px;
| |
| - | left:60px;
| |
| - | position:fixed;
| |
| - | z-index:30;
| |
| - | }
| |
| - |
| |
| - | #nav li {
| |
| - | color: #FFF;
| |
| - | background-color:none;
| |
| - | margin: 0 20px 0 0;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | list-style: none;
| |
| - |
| |
| - | }
| |
| - | #nav li:last-child { margin:0; }
| |
| - |
| |
| - | /* main level link */
| |
| - | #nav a {
| |
| - | font-family:bree-web, Bree, sans-serif;
| |
| - | font-size:18pt;
| |
| - | font-weight:700;
| |
| - | line-height:210%;
| |
| - | color: #0000FF;
| |
| - | text-decoration: none;
| |
| - | position: relative;
| |
| - | top: 5;
| |
| - | display: block;
| |
| - | padding: 5px 5px 5px 5px;
| |
| - | margin: 0px 0px 0px 0px;
| |
| - | width: 200px;
| |
| - | background: url("https://static.igem.org/mediawiki/2014/3/30/DTU-Denmark-Menu-200x40-green-1.png");
| |
| - | }
| |
| - |
| |
| - | ul#nav > li > a {
| |
| - | line-height:20px;
| |
| - | /*border-left:solid 1px #ffff00;*/
| |
| - | /*border-right:solid 1px #ffff00;*/
| |
| - | /*border-top:solid 1px #ffff00;*/
| |
| - | /*border-bottom:solid 1px #ffff00;*/
| |
| - | padding: 7px 5px 3px 5px;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #nav a:hover {
| |
| - | /*background-color: (0,255,127,0.5);
| |
| - | color: #ffff00;*/
| |
| - | }
| |
| - |
| |
| - | /* main level link hover */
| |
| - | #nav .current a, #nav li:hover > a {
| |
| - | color: #724f20; /*mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
| |
| - | border-color:#724f20;
| |
| - | }
| |
| - |
| |
| - | /* sub levels link hover */
| |
| - | #nav ul li:hover a, #nav li:hover li a {
| |
| - | border: none;
| |
| - | background: none;
| |
| - | background-color: #42f75f; /* drop down menu background*/
| |
| - | background-repeat:repeat;
| |
| - | color:#FFF;
| |
| - | visibility: visible;
| |
| - | }
| |
| - |
| |
| - | #nav ul a:hover {
| |
| - | color: #353535 !important;
| |
| - | /*background: #fff url() repeat-x 0 -100px !important;
| |
| - | text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* dropdown */
| |
| - | #nav li:hover > ul {
| |
| - | /*display: block;*/
| |
| - | opacity:1;
| |
| - | margin:0;
| |
| - | background-color: none ; /*#870203 reddish, can fix opacity problem here */
| |
| - | z-index:0;
| |
| - | border-left:solid 1px #ffff00;
| |
| - | border-right:solid 1px #ffff00;
| |
| - | border-top:solid 1px #ffff00;
| |
| - | border-bottom:solid 1px #ffff00;
| |
| - | }
| |
| - |
| |
| - | /* level 2 list */
| |
| - | #nav ul {
| |
| - | /*display: none;*/
| |
| - | opacity:0;
| |
| - | margin: 0 0 0 0;
| |
| - | padding: 0 0 0 0;
| |
| - | width: 200px;
| |
| - | position: absolute;
| |
| - | /*background-color: #870203;*/
| |
| - | left: 0;
| |
| - | z-index:-1;
| |
| - | font-size: 8pt;
| |
| - | }
| |
| - | #nav ul li {
| |
| - | float: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #nav ul a {
| |
| - | font-weight: normal;
| |
| - | /*text-shadow: 0 1px 0 #fff;*/
| |
| - | }
| |
| - |
| |
| - | ul#nav > li > ul {
| |
| - | visibility: hidden;
| |
| - | background: #559a57;
| |
| - | }
| |
| - |
| |
| - | /* clearfix */
| |
| - | #nav:after {
| |
| - | content: ".";
| |
| - | display: block;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | line-height: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | #nav {
| |
| - | display: inline-block;
| |
| - | }
| |
| - | html[xmlns] #nav {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | * html #nav {
| |
| - | height: 1%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .headerdivider{
| |
| - | background-image:url(https://static.igem.org/mediawiki/2014/1/15/Headerdivider_bu14.png);
| |
| - | position:absolute;
| |
| - | top:120px;
| |
| - | height:15px;
| |
| - | width:100%;
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | .plasmid{
| |
| - | background-color:transparent;
| |
| - | position: relative;
| |
| - | background-repeat:no-repeat;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | width:400px;
| |
| - | height:500px;
| |
| - | top: calc(50% - 300px);
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | .banner {
| |
| - | background-image:url(https://2014.igem.org/File:Copenhagen_world-HD.jpg);
| |
| - | background-size:cover;
| |
| - | position: absolute;
| |
| - | top:100px;
| |
| - | width: 100%;
| |
| - | height:100%;
| |
| - | overflow: auto;
| |
| - | font-size: 18px;
| |
| - | text-align: center;
| |
| - | color: rgba(255,255,255,.6);
| |
| - | text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
| |
| - |
| |
| - | box-shadow: 0 1px 2px rgba(0,0,0,.25);
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .wrap {
| |
| - | margin: 0 auto;
| |
| - | width: 960px;
| |
| - | }
| |
| - |
| |
| - | .anchor{
| |
| - | position:absolute;
| |
| - | top:calc(100% - 125px);
| |
| - | }
| |
| - |
| |
| - | .topanchor{
| |
| - | position:absolute;
| |
| - | top:calc(0% - 125px);
| |
| - | }
| |
| - |
| |
| - | .lower{
| |
| - | background-image:url(https://static.igem.org/mediawiki/2014/d/d7/Gradient_bu14.png);
| |
| - | background-color:#FFF;
| |
| - | text-align:center;
| |
| - | background-repeat:repeat-x;
| |
| - | width:100%;
| |
| - | position:absolute;
| |
| - | top:100%;
| |
| - | z-index:10;
| |
| - | }
| |
| - | .content{
| |
| - | text-align:left;
| |
| - | width:100%;
| |
| - | position:relative;
| |
| - | z-index:10;
| |
| - |
| |
| - | }
| |
| - | .text{
| |
| - | width:75%;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - | }
| |
| - | .content1{
| |
| - | background-image:url(../img_bu14/whitebkgd_bu14.png);
| |
| - | background-repeat:repeat;
| |
| - |
| |
| - |
| |
| - | .sponsors{
| |
| - | background-color:#FFF;
| |
| - | position:relative;
| |
| - | text-align:center;
| |
| - | bottom:0px;
| |
| - | z-index:10;
| |
| - | }
| |
| - |
| |
| - | @media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
| |
| - | .wrap {
| |
| - | width: 90%;
| |
| - | }
| |
| - | #logo {
| |
| - | left: 50px;
| |
| - | top: 30px;
| |
| - | }
| |
| - |
| |
| - | .banner header1, .banner header2 {
| |
| - | font-size: 24px;
| |
| - | line-height: 30px;
| |
| - | }
| |
| - | .banner ul li {
| |
| - | height: 240px;
| |
| - | }
| |
| - | .banner .inner {
| |
| - | padding-top: 100px;
| |
| - | padding-bottom: 50px;
| |
| - | }
| |
| - | .banner p {
| |
| - | font-size: 15px;
| |
| - | width: 80%;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - | pre {
| |
| - | overflow: auto;
| |
| - | }
| |
| - | .features li {
| |
| - | width: 100%;
| |
| - | margin-left: 10px;
| |
| - | margin-bottom: 30px;
| |
| - | }
| |
| - | .how li {
| |
| - | width: 90%;
| |
| - | }
| |
| - | .how pre {
| |
| - | position: static;
| |
| - | width: 100%;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
| |
| - | .features li:before {
| |
| - | background: url('img/icons@2x.png');
| |
| - | background-size: 100%;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </html>
| |
"
