|
|
(15 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | MOVED to template_css |
- | <head>
| + | |
- | <style type="text/css">
| + | |
- | | + | |
- | | + | |
- | #PoPScalculator {
| + | |
- | background-image:url('https://static.igem.org/mediawiki/2014/d/d5/DTU-Denmark-FrameCalV1.png');
| + | |
- | background-size: 100%;
| + | |
- | background-repeat: no-repeat;
| + | |
- | margin-top:30px;
| + | |
- | height: 1000px;
| + | |
- | min-height:10px; !important
| + | |
- | }
| + | |
- | | + | |
- | a.scrollable {
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | | + | |
- | .infobox {
| + | |
- | background-color: rgba(150,150,150,07);
| + | |
- | border: 1px solid black;
| + | |
- | box-shadow: 0 0 5px black;
| + | |
- | padding: 20px;
| + | |
- | width: 80%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | :target {
| + | |
- | padding-top: 40px;
| + | |
- | }
| + | |
- | #globalWrapper {
| + | |
- | position: relative;
| + | |
- | top: -8px;
| + | |
- | }
| + | |
- | | + | |
- | td {
| + | |
- | vertical-align: top;
| + | |
- | }
| + | |
- | | + | |
- | h2 {
| + | |
- | border-bottom: none;
| + | |
- | }
| + | |
- | | + | |
- | h1 {
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | | + | |
- | .headertitle {
| + | |
- | position:absolute;
| + | |
- | top:13px;
| + | |
- | left:140px;
| + | |
- | text-align:center;
| + | |
- | z-index:200;
| + | |
- | display: inline;
| + | |
- | white-space: nowrap;
| + | |
- | }
| + | |
- | | + | |
- | .headertitle a {
| + | |
- | font-family:"Arial";
| + | |
- | font-size:34pt;
| + | |
- | line-height:150%;
| + | |
- | color: #E00505;
| + | |
- | font-weight:bold;
| + | |
- | position: relative;
| + | |
- |
| + | |
- | }
| + | |
- | .headertitle a:hover {
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | | + | |
- | .headertitle a:visited {
| + | |
- | color: #668b32; /*#aeaf55;*/
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | .labline-object {
| + | |
- | margin-top: -30px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #top-spacer {
| + | |
- | height: 120px;
| + | |
- | }
| + | |
- | | + | |
- | a.logo_link {
| + | |
- | margin: 20px;
| + | |
- | }
| + | |
- | | + | |
- | .tbody {
| + | |
- | color: transparent
| + | |
- | padding:20px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | pageheader{
| + | |
- | font-size:28px;
| + | |
- | font-weight:700;
| + | |
- | text-transform:uppercase;
| + | |
- | }
| + | |
- | | + | |
- | maincontent{
| + | |
- | font-size:14px;
| + | |
- | font-weight:200;
| + | |
- | text-align:justify;
| + | |
- | }
| + | |
- | | + | |
- | .sponsors{
| + | |
- | background-color:#FFF;
| + | |
- | position:relative;
| + | |
- | text-align:center;
| + | |
- | bottom:0px;
| + | |
- | z-index:10;
| + | |
- | }
| + | |
- | | + | |
- | /* scroll to element*/
| + | |
- | | + | |
- | .scrollable {
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | Back to top button
| + | |
- | */
| + | |
- | #back-top {
| + | |
- | position: fixed;
| + | |
- | bottom: 30px;
| + | |
- | right:30px;
| + | |
- | z-index:50;
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #back-top a {
| + | |
- | width: 50px;
| + | |
- | display: block;
| + | |
- | text-align: center;
| + | |
- | font: 11px/100% Arial, Helvetica, sans-serif;
| + | |
- | text-transform: uppercase;
| + | |
- | text-decoration: none;
| + | |
- | color: #bbb;
| + | |
- | /* background color transition */
| + | |
- | -webkit-transition: 1s;
| + | |
- | -moz-transition: 1s;
| + | |
- | transition: 1s;
| + | |
- | }
| + | |
- | #back-top a:hover {
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | /* arrow icon (span tag) */
| + | |
- | #back-top span {
| + | |
- | width: 60px;
| + | |
- | height: 60px;
| + | |
- | display: block;
| + | |
- | background: url("https://static.igem.org/mediawiki/2014/b/bc/DTU-Denmark-BackToTopV2.png") no-repeat;
| + | |
- | background-size: contain;
| + | |
- | /* background color transition */
| + | |
- | -webkit-transition: 1s;
| + | |
- | -moz-transition: 1s;
| + | |
- | transition: 1s;
| + | |
- | }
| + | |
- | #back-top a:hover span {
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .pagescontent{
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | width:80%;
| + | |
- | text-align:left;
| + | |
- | background: transparent;
| + | |
- | padding-top: 20px;
| + | |
- | }
| + | |
- | | + | |
- | #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%;
| + | |
- | /*min-width: 500px;*/
| + | |
- | /*background: url("https://static.igem.org/mediawiki/2014/5/52/DTU-Denmark-white-bg-4.jpg") repeat-x #FFFFFF; https://static.igem.org/mediawiki/2014/5/52/DTU-Denmark-white-bg-4.jpg http://3.bp.blogspot.com/-kqBrsyBM1og/T-X6pdjKTRI/AAAAAAAAA0k/wUJEbtUw-wk/s1600/background+texture+offset+blend+reoffset.jpg */
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| + | |
- | width: 100%;
| + | |
- | height: 110%;
| + | |
- | /*background: url("https://static.igem.org/mediawiki/2014/5/52/DTU-Denmark-white-bg-4.jpg");*/
| + | |
- | background: url("https://static.igem.org/mediawiki/2014/e/ee/DTU-Denmark-Seemedbackgroundcut.png");
| + | |
- | /*background: url("https://static.igem.org/mediawiki/2014/1/13/DTU-Denmark-Seemedbackgroundcut2.png");*/
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| + | |
- | background-color: transparent;
| + | |
- | border: 0 none;
| + | |
- | height: 20px;
| + | |
- | z-index: 100;
| + | |
- | width: 80%;
| + | |
- | min-width:700px;
| + | |
- | margin-left: 100px;
| + | |
- | position: absolute;
| + | |
- | top: -8px;
| + | |
- | }
| + | |
- | | + | |
- | #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%;
| + | |
- | min-width:700px;
| + | |
- | top: 0;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu:hover {
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #menubar li {
| + | |
- | font-size: 10pt;
| + | |
- | position: relative;
| + | |
- | top: 8px;
| + | |
- | }
| + | |
- | | + | |
- | #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;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu#menubar {
| + | |
- | left:20px;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu#menubar {
| + | |
- | right:10px;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu#menubar ul li:last-child {display: none;} /* hide "teams" in the top menu bar */
| + | |
- | | + | |
- | * {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | | + | |
- | -webkit-font-smoothing: antialiased;
| + | |
- | -webkit-box-sizing: border-box;
| + | |
- | -moz-box-sizing: border-box;
| + | |
- | box-sizing: border-box;
| + | |
- | }
| + | |
- | | + | |
- | ::-moz-selection {
| + | |
- | background: #006600;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | ::selection {
| + | |
- | background: #006600;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- |
| + | |
- | a:link {
| + | |
- | color: #F79042; /*color: #FF0000;*/
| + | |
- | 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;
| + | |
- | }
| + | |
- | | + | |
- | 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;
| + | |
- | width: 80%
| + | |
- | }
| + | |
- | | + | |
- | regulartext{font-size:16px;
| + | |
- | }
| + | |
- | | + | |
- | capt{
| + | |
- | font-size:12px;
| + | |
- | color:#5E5F5F;
| + | |
- | font-weight:150;
| + | |
- | text-align:justify;
| + | |
- | line-height:110%
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #logo {
| + | |
- | position: absolute;
| + | |
- | left: 80px;
| + | |
- | top: 40px;
| + | |
- | z-index: 2;
| + | |
- | margin-left: -17px;
| + | |
- | }
| + | |
- | | + | |
- | .header{
| + | |
- | background-color: #353535;
| + | |
- | position:relative;
| + | |
- | height:98px;
| + | |
- | /*top:-8px;*/
| + | |
- | width:100%;
| + | |
- | min-width: 960px;
| + | |
- | /*min-width: 1500px;*/
| + | |
- | z-index:30;
| + | |
- | | + | |
- | }
| + | |
- | .igemlogo
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:5px;
| + | |
- | right:5px;
| + | |
- | z-index:200;
| + | |
- | }
| + | |
- | | + | |
- | .epopey
| + | |
- | {
| + | |
- | position:absolute;
| + | |
- | top:5px;
| + | |
- | left:15px;
| + | |
- | z-index:200;
| + | |
- | }
| + | |
- | | + | |
- | #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;}*/
| + | |
- | | + | |
- | <!--
| + | |
- | .menu{
| + | |
- | position: fixed;
| + | |
- | top: 30px;
| + | |
- | width: 1100px;
| + | |
- | z-index:100;
| + | |
- | }
| + | |
- | | + | |
- | .menubar {
| + | |
- | position: fixed;
| + | |
- | top: 30px;
| + | |
- | width: 1100px;
| + | |
- | z-index:100;
| + | |
- | }
| + | |
- | -->
| + | |
- | | + | |
- | .navmenu {
| + | |
- | position: fixed;
| + | |
- | top: 30px;
| + | |
- | width: 1100px;
| + | |
- | z-index:100;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | ul#nav {
| + | |
- | background-color: transparent;/*#353535;*/
| + | |
- | width:100%;
| + | |
- | height:30px;
| + | |
- | position: absolute;
| + | |
- | top:68px;
| + | |
- | left: 0px;
| + | |
- | z-index:30;
| + | |
- | text-align: center;
| + | |
- | margin: 0;
| + | |
- | padding-left: 90px;
| + | |
- | white-space: nowrap;
| + | |
- | }
| + | |
- | | + | |
- | #nav li {
| + | |
- | margin: 0 0 0 0;
| + | |
- | float: left;
| + | |
- | list-style: none;
| + | |
- | position: relative;
| + | |
- | white-space: nowrap;
| + | |
- | }
| + | |
- | #nav li:last-child { margin:0; }
| + | |
- | | + | |
- | /* main level link */
| + | |
- | #nav a {
| + | |
- | font-family:bree-web, Bree, sans-serif;
| + | |
- | font-size:14pt;
| + | |
- | 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: 160px;
| + | |
- | 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: inline;
| + | |
- | 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: inline-block;
| + | |
- | float: left;
| + | |
- | text-align: center;
| + | |
- | opacity:0;
| + | |
- | margin: 0 0 0 0;
| + | |
- | padding: 0 0 0 0;
| + | |
- | /*background-color: #870203;*/
| + | |
- | position: absolute;
| + | |
- | left: 0;
| + | |
- | z-index:-1;
| + | |
- | font-size: 8pt;
| + | |
- | }
| + | |
- | #nav ul li {
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | position: relative;
| + | |
- | display: inline-block;
| + | |
- | }
| + | |
- | | + | |
- |
| + | |
- | | + | |
- | /* sub menu text */
| + | |
- | #nav ul a {
| + | |
- | font-weight: normal;
| + | |
- | font-size: 12pt;
| + | |
- | /*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;
| + | |
- | }
| + | |
- | * {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | html, body {
| + | |
- | height: 100%;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .wrapper {
| + | |
- | min-height: 100%;
| + | |
- | height: auto !important;
| + | |
- | height: 100%;
| + | |
- | margin: 0 auto -226px;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | .footer, .push {
| + | |
- | height: 200px;
| + | |
- | }
| + | |
- | .push { z-index: -30;}
| + | |
- | .footer { z-index: 20;}
| + | |
- | | + | |
- | #nav ul a:footer {
| + | |
- | color: #353535 !important;
| + | |
- | background-color: #fff ;
| + | |
- | /*text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
| + | |
- | }
| + | |
- | | + | |
- | .protocol-header span {
| + | |
- | font-size: 12px;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- |
| + | |
- | /* 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; }
| + | |
- | | + | |
- | | + | |
- | #PROMOTER-PLANNING { background-color: #aeaf55; }
| + | |
- | #PROMOTER-PROOF { background-color: #B65836; }
| + | |
- | #PROMOTER-CONSTRUCT { background-color: #4AA984; }
| + | |
- | #PROMOTER-TRANSCRIPTION { background-color: #B48662; }
| + | |
- | #PROMOTER-MEASUREMENT { background-color: #CB7135; border: 0px solid black; }
| + | |
- | | + | |
- | #INTERLAB-CONSTRUCT { background-color: #aeaf55; }
| + | |
- | #INTERLAB-MEASUREMENT { background-color: #AF512F; }
| + | |
- | | + | |
- | #HUMAN-STRATEGY { background-color: #4AA984; }
| + | |
- | #HUMAN-DEVELOPMENT { background-color: #B48662; }
| + | |
- | #HUMAN-WORKSHOP { background-color: #CB7135; }
| + | |
- | | + | |
- |
| + | |
- | .wrap {
| + | |
- | margin: 0 auto;
| + | |
- | width: 960px;
| + | |
- | }
| + | |
- | | + | |
- | .anchor{
| + | |
- | position:absolute;
| + | |
- | top:calc(100% - 125px);
| + | |
- | }
| + | |
- | | + | |
- | .topanchor{
| + | |
- | position:absolute;
| + | |
- | top:calc(0% - 125px);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .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);
| + | |
- | background-repeat:repeat;*/
| + | |
- | | + | |
- | /*background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;*/
| + | |
- | | + | |
- | }
| + | |
- | .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%;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | /* SLIMBOX */
| + | |
- | lbOverlay {
| + | |
- | position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
| + | |
- | lbCenter, #lbBottomContainer {
| + | |
- | position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
| + | |
- | .lbLoading { background: #fff url(TUM13_loading.gif) no-repeat center; }
| + | |
- | lbImage {
| + | |
- | position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
| + | |
- | lbPrevLink, #lbNextLink {
| + | |
- | display: block; position: absolute; top: 0; width: 25%; outline: none; }
| + | |
- | lbPrevLink {
| + | |
- | left: 0; }
| + | |
- | lbPrevLink:hover {
| + | |
- | background: transparent url(TUM13_prevlabel.gif) no-repeat 0 15%; }
| + | |
- | lbNextLink {
| + | |
- | right: 0; }
| + | |
- | lbNextLink:hover {
| + | |
- | background: transparent url(TUM13_nextlabel.gif) no-repeat 100% 15%; }
| + | |
- | lbBottom {
| + | |
- | font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
| + | |
- | lbCloseLink {
| + | |
- | display: block; float: right; width: 66px; height: 22px; background: transparent url(TUM13_closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
| + | |
- | lbCaption, #lbNumber {
| + | |
- | margin-right: 71px; }
| + | |
- | lbCaption {
| + | |
- | font-weight: bold; }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | </html>
| + | |