|
|
(544 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | MOVED to template_css |
- | <head>
| + | |
- | <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: -510px;
| + | |
- | 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: #353535;
| + | |
- | 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: #353535; /* red #2c8d26 Green #353535 old black*/
| + | |
- | position:fixed;
| + | |
- | height:135px;
| + | |
- | top:0px;
| + | |
- | width:100%;
| + | |
- | z-index:50;
| + | |
- | }
| + | |
- | .igemlogo
| + | |
- | {
| + | |
- | position:fixed;
| + | |
- | top:5px;
| + | |
- | 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:80%;
| + | |
- | top:100px;
| + | |
- | left:60px;
| + | |
- | position:fixed;
| + | |
- | z-index:100;
| + | |
- | }
| + | |
- | | + | |
- | #nav li {
| + | |
- | margin: 0 -10 0 -10;
| + | |
- | 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: #f5f5f5;
| + | |
- | text-decoration: none;
| + | |
- | position: relative;
| + | |
- | top: 5;
| + | |
- | display: block;
| + | |
- | padding: 5px 5px 5px 5px;
| + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | width: 200px;
| + | |
- | background-color: transparent; /*#d80d0d;*/
| + | |
- | }
| + | |
- | | + | |
- | 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: #870203;
| + | |
- | color: #ffffff;*/
| + | |
- | }
| + | |
- | | + | |
- | /* main level link hover */
| + | |
- | #nav .current a, #nav li:hover > a {
| + | |
- | color: #FFF; /*mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
| + | |
- | border-color:#724f20;
| + | |
- | /*background-color: #f8353e;*/
| + | |
- | }
| + | |
- | | + | |
- | /* sub levels link hover */
| + | |
- | #nav ul li:hover a, #nav li:hover li a {
| + | |
- | border: none;
| + | |
- | /*background: none;
| + | |
- | background-color: transparent; #42f75f; drop down menu background*/
| + | |
- | background-repeat:repeat;
| + | |
- | color:#FFF;
| + | |
- | visibility: visible;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul a:hover {
| + | |
- | color: #353535 !important;
| + | |
- | background-color: #fff ;
| + | |
- | /*text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* dropdown */
| + | |
- | #nav li:hover > ul {
| + | |
- | /*display: block;*/
| + | |
- | opacity:1;
| + | |
- | margin:0;
| + | |
- | /*background-color: transparent; #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;
| + | |
- | }
| + | |
- | | + | |
- | /* sub menu text */
| + | |
- | #nav ul a {
| + | |
- | font-weight: normal;
| + | |
- | font-size: 14pt;
| + | |
- | /*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%;
| + | |
- | }
| + | |
- | | + | |
- | /* Color separately */
| + | |
- | #HOME a { color: #aeaf55; }
| + | |
- | | + | |
- | #OVERVIEW a { color: #B65836; }
| + | |
- | #OVERVIEW:hover > ul {background-color: #B65836; visibility: visible;}
| + | |
- | #OVERVIEW:hover {background-color: #B65836;}
| + | |
- | #OVERVIEW ul:hover a {background-color: #B65836}
| + | |
- | #OVERVIEW ul:hover li a {background-color: #B65836}
| + | |
- | #OVERVIEW:ul {background-color: #B65836;}
| + | |
- | | + | |
- | #METHODS a { color: #4AA984; }
| + | |
- | #METHODS:hover > ul {background-color: #4AA984; visibility: visible;}
| + | |
- | #METHODS ul:hover a {background-color: #4AA984}
| + | |
- | #METHODS ul:hover li a {background-color: #4AA984}
| + | |
- | #METHODS:ul {background-color: #4AA984;}
| + | |
- | | + | |
- | #ACHIEVEMENTS a { color: #B48662; }
| + | |
- | #ACHIEVEMENTS:hover > ul {background-color: #B48662; visibility: visible;}
| + | |
- | #ACHIEVEMENTS ul:hover a {background-color: #B48662}
| + | |
- | #ACHIEVEMENTS ul:hover li a {background-color: #B48662}
| + | |
- | #ACHIEVEMENTS:ul {background-color: #B48662;}
| + | |
- | | + | |
- | #TEAM a { color: #D2783C; }
| + | |
- | #TEAM:hover > ul {background-color: #D2783C; visibility: visible;}
| + | |
- | #TEAM ul:hover a {background-color: #D2783C}
| + | |
- | #TEAM ul:hover li a {background-color: #D2783C}
| + | |
- | #TEAM:ul {background-color: #D2783C;}
| + | |
- | #TEAM a { color: #D2783C; }
| + | |
- | | + | |
- | .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://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.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:#F00;
| + | |
- | text-align:center;
| + | |
- | background-repeat:repeat-x;
| + | |
- | width:100%;
| + | |
- | position:absolute;
| + | |
- | top:100%;
| + | |
- | z-index:10;
| + | |
- | }
| + | |
- | .content{
| + | |
- | text-align:left;
| + | |
- | width:100%;
| + | |
- | position:relative;
| + | |
- | top: 125px;
| + | |
- | z-index:10;
| + | |
- | background-image:url(https://static.igem.org/mediawiki/2014/5/52/DTU-Denmark-white-bg-4.jpg);
| + | |
- |
| + | |
- | | + | |
- | }
| + | |
- | .text{
| + | |
- | width:75%;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | }
| + | |
- | .content1{
| + | |
- | /*background-image:url(https://static.igem.org/mediawiki/2014/a/aa/DTU-Denmark-Seamlesstexture29_1200.jpg);
| + | |
- | 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>
| + | |