Team:DTU-Denmark/joro

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* Removing wiki-like stuff */
+
<html>
-
/****************************/
+
<head>
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<style type="text/css">
-
    display:none;}
+
 +
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
@font-face {
+
.topWikiNavBackground {
-
     font-family: 'twig';
+
     height:18px;
-
     /*src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');*/
+
     margin-top: -32px;
-
    src: url('https://dl.dropboxusercontent.com/s/0513od7g5ol2oxh/You%20Rook%20Marbelous.ttf') format('truetype');
+
     background-color:transparent;
-
    font-weight: normal;
+
-
    font-style: normal;
+
-
}
+
-
@media screen and (-webkit-min-device-pixel-ratio:0) {
+
-
     @font-face {
+
-
        font-family: 'sketch_rockwell';
+
-
        src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');
+
-
    }
+
}
}
-
/* Redesigning the topmenu -> removes the empty space above our header picture */
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
/***************************/
+
width: 100%;
-
/* Start top-section reset ============================================== */
+
height: 100%;
-
 
+
border: 0px;
-
div#top-section {
+
background-color: transparent;
-
    border: 0;
+
margin: 0px;
-
    height: auto;
+
padding: 0px;
-
    margin: 0;
+
-
    position: static;
+
-
    width: auto;
+
}
}
-
div#p-logo {
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
    height: auto;
+
width: 100%;  
-
    position: static;
+
height: 100%;  
-
    width: auto;
+
background-color: transparent;
-
    z-index: auto;
+
}
}
-
 
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
div#p-logo a, div#p-logo a:hover {
+
border: 0 none;
-
    text-decoration: none;
+
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
        background-color: transparent;  
}
}
-
div#menubar {
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
    font-family: inherit;
+
        background-color:transparent;
-
    font-size: inherit;
+
        height: 14px;
-
    line-height: inherit;
+
display: block;
-
    position: static;
+
z-index: 10;
-
    top: 0px;
+
position: fixed;
-
    white-space: normal;
+
width:100%;
-
    width: auto;
+
top: 0;
-
    z-index: auto;
+
}
}
-
div.left-menu, div.left-menu a {
+
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
    color: inherit;
+
        color:#FFF;
-
    left: 0;
+
text-decoration: none;  
-
    text-align: left;
+
background-color: transparent;
-
    text-transform: none;
+
}
}
-
div#menubar ul {
+
#menubar a:active, #menubar a:hover
-
    color: inherit;
+
{
-
    list-style: disc outside none;
+
        color:#FFF;
-
    margin: 0;
+
text-decoration: underline;
-
    padding: 0;
+
        background-color:transparent;
}
}
 +
* {
 +
margin: 0;
 +
padding: 0;
-
div#menubar li {
+
-webkit-font-smoothing: antialiased;
-
    cursor: auto;
+
-webkit-box-sizing: border-box;
-
    display: list-item;
+
-moz-box-sizing: border-box;
-
    padding: 0;
+
box-sizing: border-box;
-
    margin: 0;
+
-
    position: static;
+
}
}
-
div.left-menu li a {
+
::selection {
-
    padding: 0;
+
background: #F79042;
 +
color: #fff;
}
}
-
div.left-menu:hover {
+
.slide-out-div {
-
    color: inherit;
+
          padding: 20px;
-
    background-color: transparent;
+
          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 {
-
div.left-menu:hover a {
+
text-decoration: none;
-
    color: inherit;
+
color: #F79042;
}
}
-
 
+
a:hover {
-
div.right-menu, div.right-menu a {
+
text-decoration: underline;
-
    color: inherit;
+
}
-
    right: 0;
+
a:active {
-
    text-align: left;
+
text-decoration: none;
}
}
-
div.right-menu li a {
+
.title{
-
    background-color: transparent;
+
position:absolute;
-
    color: inherit;
+
top:38px;
-
    padding: 0;
+
left:83px;
 +
z-index:2;
}
}
-
div.right-menu li a:hover {
+
body {
-
    color: inherit;
+
color: #353535;
-
    text-decoration: none;
+
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
 +
text-align:center;
}
}
-
div#search-controls {
+
h0{
-
    background-color: transparent;
+
color:#FFF;
-
    height: auto;
+
font-size:40px;
-
    position: static;
+
font-weight:700;
-
    right: 0;
+
        text-decoration:none;
-
    text-align: left;
+
-
    top: 0;
+
-
    width: auto;
+
-
    z-index: auto;
+
}
}
-
/* Start top-section style ============================================== */
+
header1{
-
 
+
font-size:28px;
-
/* Remove logo and search */
+
font-weight:700;
-
div#p-logo, div#search-controls {
+
text-transform:uppercase;
-
    display: none;
+
        text-decoration:none;
}
}
-
/* Center wiki-menu; set font & bg (as fallback) color */
+
header2{
-
div#top-section {
+
font-size:18px;
-
    margin: 0px auto;
+
color:#FFF;
-
    width: 965px;
+
font-weight:700;
-
    height: 20px;
+
text-transform:uppercase;
-
    color: #d4c6b6;
+
text-align:left;
-
    background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;
+
        text-decoration:none;
}
}
-
/* Set font and positions */
+
header3{
-
div#menubar {
+
font-size:20px;
-
    font-weight: bold;
+
color:#000;
-
    font-size: 13px;
+
font-weight:700;
-
    line-height: 20px;
+
text-align:left;
 +
        text-decoration:none;
}
}
-
div#menubar.right-menu {
+
maincontent{
-
    float: right;
+
font-size:14px;
 +
font-weight:200;
 +
text-align:justify;
}
}
-
div#menubar.left-menu {
+
capt{
-
    float: left;
+
font-size:12px;
 +
        color:#5E5F5F;
 +
font-weight:150;
 +
text-align:justify;
 +
        line-height:110%
}
}
-
/* Fix text */
+
sidenav{
-
div#menubar.left-menu a, div#menubar.left-menu li {
+
color:#FFF;
-
    text-transform: capitalize;
+
font-weight:700;
}
}
-
div#menubar li {
+
#logo {
-
    padding: 0px 5px;
+
position: absolute;
-
    display: inline;
+
left: 80px;
 +
top: 40px;
 +
z-index: 2;
 +
margin-left: -17px;
}
}
-
/* White on hover */
+
.header{
-
div#menubar a:hover {
+
background-color:#2c8d26; /* #2c8d26 Green #353535 old black*/
-
    color: #FFFFFF;
+
position:fixed;
-
    text-decoration: none;
+
height:135px;
 +
top:0px;
 +
width:100%;
 +
z-index:30;
 +
}
 +
.igemlogo
 +
{
 +
position:fixed;
 +
right:5px;
 +
z-index:30;
}
}
-
div#menubar li[style="color:white;cursor:default"] {
+
 
-
    display: none;
+
#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%;
}
}
-
/* End top-section style ================================================ */
+
#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; }
-
/* Font style and general */
+
/* main level link */
-
/**************************/
+
#nav a {
-
#content {
+
font-family:bree-web, Bree, sans-serif;
-
    font-family: 'Lucida Sans Unicode',sans-serif;
+
font-size:18pt;
-
    font-size: 14px;
+
font-weight:700;
-
    color: #444444;
+
line-height:210%;
-
    text-align:justify; }
+
color: #FF0000;
-
p {
+
text-decoration: none;
-
    margin: 0;}
+
                position: relative;
-
#innercontent p {
+
                top: 5;
-
    margin: 0.6em 0;}
+
display: block;
-
h1 {
+
padding: 0px 0px 0px 5px;
-
    border: none;
+
margin: 0px 0px 0px 0px;
-
    color: #383838;
+
width: 200px;
-
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
+
background: url("https://static.igem.org/mediawiki/2014/3/30/DTU-Denmark-Menu-200x40-green-1.png");
-
    font-size: 32px;
+
}
-
    margin: 5px 0 0 0;
+
-
    font-weight: bold;
+
-
    text-align: left;}
+
-
h2 {
+
-
    /*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/
+
-
    border: none;
+
-
    padding: 20px 0 5px;
+
-
    font-family: Arial;
+
-
    font-size: 24px;
+
-
    font-weight: bold;
+
-
    color: #593672;  /* header 2 color */
+
-
    clear: right;
+
-
    margin-bottom: 0;}
+
-
h3 {   
+
-
    border: none;
+
-
    padding: 20px 0 5px;
+
-
    color: #990000;
+
-
    font-size: 20px;   
+
-
    font-family: Arial;}
+
-
h4{   
+
-
    border: none;
+
-
    color: #000000;
+
-
    font-size: 20px;
+
-
    font-family: Arial;}
+
-
h5 {
+
-
    border: none;
+
-
    font-size: 18px;
+
-
    font-family: Arial;
+
-
    color: #444444;
+
-
    /* background-color: #b0b2b1; */}
+
-
h6 {
+
-
    border: none;
+
-
    font-size: 16px;
+
-
    font-family: Arial;
+
-
    color: #444444;
+
-
    /* background-color: #81F7BE; */ }
+
-
#bodyContent h1, #bodyContent h2 {
+
-
    margin-bottom: 0;}
+
-
h3 {
+
-
    font-size: 20px;
+
-
    padding: 15px 0 5px 0;}
+
-
h4 {
+
-
    font-weight: bold;}
+
-
ul {
+
-
    list-style-position: inside;
+
-
    margin: 0;}
+
-
a, a:visited, a:active {
+
-
    color: #3366CC;}
+
-
pre {
+
-
    overflow: auto;
+
-
    font-size: 12px;}
+
-
div.tright, div.floatright {
+
-
    border: none;
+
-
    margin: 10px 0 10px 20px;}
+
-
div.tleft, div.floatleft {
+
-
    border: none;
+
-
    margin: 10px 20px 10px 0;}
+
-
div.tnone {
+
-
    border: none;}
+
-
iframe {
+
-
    margin: 1px;}
+
-
hr {
+
-
    height: 0;
+
-
    border-top: 1px solid #AAA;
+
-
    border-bottom: 1px solid #FFF;}
+
-
.clear {
+
-
    clear: both;
+
-
    height: 0;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    border: none;
+
-
    visibility: hidden;}
+
-
.superscript {
+
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: -5px;}
+
-
.subscript {
+
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: 5px;}
+
-
.farve0 {
+
-
        background-color: #999999;}
+
-
.farve1 {
+
-
        background-color: #FFCC00;}
+
-
.farve2 {
+
-
        background-color: #FF9900;}
+
-
.farve3 {
+
-
        background-color: #FF6600;}
+
-
.farve4 {
+
-
        background-color: #FF0000;}
+
-
.farve5 {
+
-
        background-color: #990000;}
+
-
.farve6 {
+
-
        background-color: #FF0099;}
+
-
.farve7 {
+
-
        background-color: #CC3399;}
+
-
.farve8 {
+
-
        background-color: #990066;}
+
-
.farve9 {
+
-
        background-color: #660066;}
+
-
.farve10 {
+
-
        background-color: #990099;}
+
-
.farve11 {
+
-
        background-color: #3366CC;}
+
-
.farve12 {
+
-
        background-color: #33CCFF;}
+
-
.farve13 {
+
-
        background-color: #99CC33;}
+
-
.farve14 {
+
-
        background-color: #66CC00;}
+
-
.coloredBg {
+
-
    font-size: 12px;
+
-
    font-weight: normal;
+
-
    color: #FFFFFF;
+
-
    padding: 5px;}
+
 +
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: 5px 5px 5px 5px;
 +
}
-
#bodyContent table.month a { background:none; padding:0 }
+
#nav a:hover {
-
.day-active { color:#0000cc }
+
/*background-color: #870203;
-
.day-empty  { color:#7CC0C0 }  /*81CBCB*/
+
color: #ffffff;*/
 +
}
 +
/* 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;
 +
}
-
/* Layout */
+
/* sub levels link hover */
-
/**********/
+
#nav ul li:hover a, #nav li:hover li a {
-
body, #heading, #innercontent {
+
border: none;
-
    background: #EE0000;}  /*side background colour */
+
background-color: #42f75f; /* drop down menu background*/
-
#content, #globalWrapper {
+
background-repeat:repeat;
-
    border: none;
+
color:#FFF;
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;}
+
-
.centering {
+
-
    margin: 0 auto;
+
-
    width: 1024px;}
+
-
.centering2 {
+
-
    margin: 0 auto;
+
-
    width: 1003px;
+
}
}
-
#header {
 
-
    background: url("https://static.igem.org/mediawiki/2014/thumb/3/3a/Placeholderwide.png/800px-Placeholderwide.png") no-repeat center  #ffffff;  /* headerpicture and colour beyond edges */
 
-
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a>
+
#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;
 +
}
-
  /*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg 
+
/* level 2 list */
-
    https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png
+
#nav ul {
-
    https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */
+
/*display: none;*/
-
    box-shadow: 0 0 10px  rgba(0, 0, 0, 0.5);
+
opacity:0;
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
+
margin: 20px 0 0 0;
-
    height: 240px;
+
padding: 7px 0 0 0;
-
    width: 100%;
+
width: 205px;
-
    border-top: 1px solid #593672;  /* red: 990000, blue: 098C9F */
+
position: absolute;
-
    border-bottom: 1px solid #593672;}  /* red: 990000, blue: 098C9F  */
+
        /*background-color: #870203;*/
-
/*#header .centering {
+
left: 0;
-
    background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;
+
z-index:-1;
-
    height: 100px;}*/
+
-
#heading {
+
-
    height: 50px;
+
-
    border-top: 1px solid #ffffff;}
+
-
#innercontent {
+
-
    padding: 1px;}
+
-
.whitebox {
+
-
    background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;
+
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    border: 1px solid #FFFFFF;
+
-
    /*text-align: justify;*/
+
-
    margin: 0px 0;}
+
-
.article {
+
-
    padding: 0 20px 10px 270px;
+
-
    width: 673px;}
+
-
.whitebox a {
+
-
    width: 1024px;
+
-
    font-weight: bold;}
+
-
#toc a {
+
-
    font-weight: normal;} 
+
-
/* For overview pages */
+
}
-
/**********************/
+
#nav ul li {
-
.overviewPage {
+
float: none;
-
    margin-left: -250px;}
+
margin: 0;
-
.overviewBox {
+
padding: 0;
-
    width: 900px;   /*450px;*/ }
+
}
-
.left {
+
-
    float: left;}
+
-
.right {
+
-
    float: right;}
+
-
/* Footer */
+
#nav ul a {
-
/**********/
+
font-weight: normal;
-
#footer-panel {
+
/*text-shadow: 0 1px 0 #fff;*/
-
    background: #FFFFFF; /* #871717 #333333*/
+
-
    border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */
+
-
    color: #000000;
+
-
    width: 100%;
+
-
    }
+
-
#bodyContent {
+
-
    background: #FFFFFF; /* #871717 */
+
-
    color: #000000;
+
}
}
-
#footer-panel h4 {
+
 
-
    color: #999999;
+
/* clearfix */
-
    font-weight: bold;}
+
#nav:after {
-
#footer-panel p {
+
content: ".";
-
    color: #000000; /*#CCCCCC*/
+
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
}
}
-
div.footerBox3 {
+
#nav {
-
    border-right: 1px solid;
+
display: inline-block;
-
    float: left;
+
}  
-
    margin: 10px 20px 10px 0;
+
html[xmlns] #nav {
-
    padding: 0 20px 0 0;
+
display: block;
-
    width: 648px;
+
-
    min-height: 270px;}
+
-
div.footerBox2 {
+
-
    border-right: 1px solid;
+
-
    float: left;
+
-
    margin: 10px 20px 10px 0;
+
-
    padding: 0 20px 0 0;
+
-
    width: 234px;
+
-
    min-height: 270px;}
+
-
div.footerBox2:last-child {
+
-
    border: none;
+
-
    margin: 10px 0;
+
-
    padding: 0;}
+
-
div.footerBox1 {
+
-
    border-right: 1px solid;
+
-
    float: left;
+
-
    margin: 10px 20px 10px 0;
+
-
    padding: 0 20px 0 0;
+
-
    width: 608px;
+
-
    min-height: 270px;}
+
-
div.footerBox {
+
-
    border-right: 1px solid;
+
-
    float: left;
+
-
    margin: 10px 20px 10px 0;
+
-
    padding: 0 20px 0 0;
+
-
    width: 882px;  /* 274px; */
+
-
    min-height: 270px;}
+
-
div.footerBox:last-child {
+
-
    border: none;
+
-
    margin: 10px 0;
+
-
    padding: 0;}
+
-
img.sponsorImage{
+
-
    float: center; /* left */
+
-
    width: 220px; /*180 - 84*/
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    border: 0px solid #444444;}
+
-
img.sponsorImage1{
+
-
    float: left;
+
-
    width: 190px; /*84*/
+
-
    height: 85px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    border: 0px solid #444444;}
+
-
img.hasPicOnRight {
+
-
    padding-right: 40px;  /*10*/
+
-
    /*border-right-width: 1px;*/}
+
-
img.hasPicOnLeft {
+
-
    padding-left: 40px; /*10*/
+
}
}
-
img.hasPicOnTop {
+
-
    margin-top: 30px;
+
* html #nav {
 +
height: 1%;
}
}
-
/* Redisigning [edit] button */
 
-
/*****************************/
 
-
span.editsection {color: #CCCCCC;}
 
-
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/
 
-
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */
 
-
/*********************************************/
 
-
li.navitem1 > a, li.navitem1 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem2 > a, li.navitem2 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem3 > a, li.navitem3 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem4 > a, li.navitem4 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem5 > a, li.navitem5 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem6 > a, li.navitem6 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem7 > a, li.navitem7 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem8 > a, li.navitem8 > span {
 
-
    border-bottom: 1px solid;}
 
-
li.navitem9 > a, li.navitem9 > span {
 
-
    border-bottom: 1px solid;}
 
-
   
 
-
.page-Team_DTU-Denmark li.home a,
 
-
.page-Team_DTU-Denmark_Team li.team a,
+
.headerdivider{
-
 
+
        background-image:url(https://static.igem.org/mediawiki/2014/1/15/Headerdivider_bu14.png);
-
.page-Team_DTU-Denmark_Project li.project a,
+
position:absolute;
-
.page-Team_DTU-Denmark_Bioinformatics li.project a,
+
top:120px;
-
.page-Team_DTU-Denmark_Timeline li.project a,
+
height:15px;
-
.page-Team_DTU-Denmark_Experiments li.project a,
+
width:100%;
 +
z-index:10;
 +
}
-
.page-Team_DTU-Denmark_Parts li.parts a,
+
.plasmid{
-
 
+
        background-color:transparent;
-
.page-Team_DTU-Denmark_Modeling li.modeling a,
+
position: relative;
-
.page-Team_DTU-Denmark_Protocols li.modeling a,
+
background-repeat:no-repeat;
-
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,
+
margin-left:auto;
-
.page-Team_DTU-Denmark_Matlab li.modeling a,
+
margin-right:auto;
-
 
+
width:400px;
-
.page-Team_DTU-Denmark_Notebook li.notebook a,
+
height:500px;
-
.page-Team_DTU-Denmark_Methods li.notebook a,
+
        top: calc(50% - 300px);
 +
z-index:10;
 +
}
-
.page-Team_DTU-Denmark_Safety li.safety a,
+
.banner {
-
.page-Team_DTU-Denmark_General li.safety a,
+
        background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg);
-
.page-Team_DTU-Denmark_Answers li.safety a,
+
        background-size:cover;
-
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,
+
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);
-
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,
+
box-shadow: 0 1px 2px rgba(0,0,0,.25);
-
.page-Team_DTU-Denmark_Overview li.humanpractices a,
+
-
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,
+
-
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,
+
-
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,
+
-
 
+
-
.page-Team_DTU-Denmark_Attributions li.sponsors a,
+
-
 
+
-
ul.topnav > li > a:hover {
+
-
        padding-bottom: 3px;
+
-
        border-bottom-width: 7px;}
+
-
   
+
-
#navigation,.navigation {
+
-
    height: 35px;
+
-
    width: 100%;
+
-
    text-align:left;}
+
-
.navigation {
+
-
  /* background: url("https://static.igem.org/mediawiki/2014/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
+
-
    /* Image that gives the color to navigation bar */
+
-
    /* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
+
-
    /* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */
+
-
    /*background: url("https://static.igem.org/mediawiki/2014/9/96/Topnav-green1.gif") repeat-x scroll 0 -1px #027600;*/
+
-
    /*background: url("https://static.igem.org/mediawiki/2014/d/d0/Topnav-green2.gif") repeat-x scroll 0 -1px #027600;
+
-
    /*background: url("https://static.igem.org/mediawiki/2014/2/2e/Topnav-green3.gif") repeat-x scroll 0 -1px #027600;*/
+
-
    /*background: url("https://static.igem.org/mediawiki/2014/8/81/Topnav-green4.gif") repeat-x scroll 0 -1px #027600;*/
+
-
    background: url("https://static.igem.org/mediawiki/2014/e/ed/DTU-Denmark-Spinach-menu-2.png") repeat-x scroll 0 -1px #027600;
+
-
 
+
-
 
+
-
    z-index: 1;
+
-
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    position: relative;
+
-
    width:100%;
+
-
    border-top: 6px solid #873000;
+
-
    border-bottom: 6px solid #873000;}  The previous red color was: 990000 & 593672 for blue was 098C9F */
+
-
.stickToTop {
+
-
    position: fixed;
+
-
    top:0;
+
-
    width:120%;}
+
-
ul.topnav {
+
-
    list-style: none;
+
-
    padding: 0px 0px 0px 0px;
+
-
    margin: 0;
+
-
    float: left;
+
-
    width: 100%;
+
-
    font-size: 15px;
+
}
}
-
ul.topnav li {
+
-
    float: left;
+
.wrap {
-
    margin: 0;
+
margin: 0 auto;
-
    padding: 0;
+
width: 960px;
-
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
+
}
}
-
ul.topnav li a {
+
 
-
    padding: 4px 10px 7px 10px;
+
.anchor{
-
    color: #873000;
+
position:absolute;
-
    display: block;
+
top:calc(100% - 125px);
-
    text-decoration: none;
+
-
    float: left;
+
-
    font: normal 24px/30px twig;
+
}
}
-
ul.topnav > li > a {
+
 
-
    height: 23px;
+
.topanchor{
-
    overflow: hidden;}
+
position:absolute;
-
/* ul.topnav li:first-child a{
+
top:calc(0% - 125px);
-
    padding-left: 0;
+
-
} */
+
-
ul.topnav li span { /*--Drop down trigger styles--*/
+
-
    /*width: 17px;
+
-
    height: 34px;
+
-
    float: left;
+
-
    background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/
+
-
        color: ##b03803 /*CCCCCC  Colour of menu arrows*/;
+
}
}
-
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
 
-
ul.topnav li ul.subnav {
+
.lower{
-
    z-index: 1; //Stay on top of slider
+
background-image:url(https://static.igem.org/mediawiki/2014/d/d7/Gradient_bu14.png);
-
    list-style: none;
+
background-color:#FFF;
-
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
text-align:center;
-
    left: 0; top: 35px;
+
background-repeat:repeat-x;
-
    background: #027600; /* 990000 ->red, blue->098C9F, older:#333; Colour of the drop-down menu */
+
width:100%;
-
    margin: 0; padding: 0;
+
position:absolute;
-
    display: none;
+
top:100%;
-
    float: left;
+
z-index:10;
-
    border: 1px solid #111;
+
-
        border-radius: 0 0 5px 5px;
+
}
}
-
ul.topnav li ul.subnav li {
+
.content{
-
    margin: 0; padding: 0;
+
text-align:left;
-
    /*border-top: 1px solid #00FF00; #252525; --Create bevel effect--*/
+
width:100%;
-
    border-bottom: 1px solid ##873000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/
+
position:relative;
-
    clear: both;
+
z-index:10;
-
        list-style: none outside none;
+
 
-
}
+
-
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
+
-
        width: 160px;
+
-
}
+
-
ul.topnav li ul.subnav li:last-child{
+
-
        border-radius: 0 0 5px 5px;
+
}
}
-
html ul.topnav li ul.subnav li a {
+
.text{
-
    float: left;
+
width:75%;
-
    padding-left: 10px;
+
margin-left:auto;
-
    padding-right: 10px;
+
margin-right:auto;
-
    width: 140px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:last-child{
+
-
        border-radius: 0 0 5px 5px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
+
-
    background: #222;
+
-
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
+
}
}
 +
.content1{
 +
background-image:url(../img_bu14/whitebkgd_bu14.png);
 +
background-repeat:repeat;
-
/* Slider (thanks to flowplayer.org) */
 
-
/*************************************/
 
-
.scrollable {
 
-
/* required settinsg */
 
-
position: relative;
 
-
overflow :hidden;
 
-
    margin-top: 0px; /* 14px; */
 
-
    width:  600px; /* 963px;*/
 
-
    height: 400px; /*400px; */
 
-
    border: 1px solid #FFFFFF;
 
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
 
-
    background: #FFFFFF;}
 
-
.scrollable .items {
 
-
/* this cannot be too large */
 
-
width: 50000px;
 
-
position: absolute;}
 
-
.items div {
 
-
float: left;
 
-
width: 963px;
 
-
height: 370px;}
 
-
.prev {
 
-
        background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;
 
-
        height: 74px;
 
-
        width: 74px;
 
-
        /* position: absolute;
 
-
            left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519
 
-
            top: 310px; */
 
-
        margin-left: 50%;
 
-
        cursor: pointer;}
 
-
.next {
 
-
        background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;
 
-
        height: 74px;
 
-
        width: 74px;
 
-
        margin-right: 50%;
 
-
        /* position: absolute;
 
-
            : -519px;  floor(963/2) + 74/2 = 481 + 37 = 518
 
-
            top: 310px; */
 
-
        cursor: pointer;}
 
-
.disabled {
 
-
        visibility: hidden;}
 
-
/* position and dimensions of the navigator */
 
-
.navi {
 
-
    /*left: -56px;
 
-
    margin-left: 50%;
 
-
    position: center;
 
-
    top: 690px; */
 
-
    width: 112px;}
 
-
.navi a {
 
-
width: 8px;
 
-
height: 8px;
 
-
float: left;
 
-
margin: 3px;
 
-
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
 
-
display: block;
 
-
font-size: 1px;}
 
-
.navi a:hover {
 
-
background-position: 0 -8px;}
 
-
.navi a.active {
 
-
background-position: 0 -16px;}
 
-
.navi2 {
+
.sponsors{
-
    left: -56px;
+
background-color:#FFF;
-
    margin-left: 50%;
+
position:relative;
-
    position: absolute;
+
text-align:center;
-
    top: 700px;
+
bottom:0px;
-
    width: 112px;}
+
z-index:10;
-
.navi2 a {
+
}
-
width: 8px;
+
-
height: 8px;
+
-
float: left;
+
-
margin: 3px;
+
-
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
+
-
display: block;
+
-
font-size: 1px;}
+
-
.navi2 a:hover {
+
-
background-position: 0 -8px;}
+
-
.navi2 a.active {
+
-
background-position: 0 -16px;}
+
-
FBox {
+
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
-
    border="0";
+
.wrap {
-
    width: 270px;
+
width: 90%;
-
    padding: 0 20px 10px;
+
}
-
    float: left;
+
#logo {
-
    margin-right: 15px;}
+
left: 50px;
 +
top: 30px;
 +
}
-
/* Calendar CSS */
+
.banner header1, .banner header2 {
-
table.calendar          { margin: 0; padding: 10px;}
+
font-size: 24px;
-
table.calendar td      { margin: 0; padding: 2px; vertical-align: top; }
+
line-height: 30px;
-
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#000; text-align:center; font-size:120%; font-weight:bold;}
+
}
-
table.month .dow td    { color:#033; text-align:center; font-size:110%; }
+
.banner ul li {
-
table.month td.today    { background-color:#dd0; }
+
height: 240px;
-
table.month td {
+
}
-
    border: none;
+
.banner .inner {
-
    margin: 0;
+
padding-top: 100px;
-
    padding: 1pt 1.5pt;
+
padding-bottom: 50px;
-
    font-weight: bold;
+
}
-
    font-size: 8pt;
+
.banner p {
-
    text-align: center;
+
font-size: 15px;
-
    background-color: #eee;
+
width: 80%;
-
    }
+
margin: 0 auto;
-
#bodyContent table.month a { background:none; padding:0}
+
}
-
.day-active { color:#0000cc }
+
pre {
-
.day-empty  { color:#cc0000 }
+
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%;
 +
}
 +
}
-
/* bx-slider*/
 
-
<!-- jQuery library (served from Google) -->
+
</style>
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+
</html>
-
<!-- bxSlider Javascript file -->
+
-
<script src="/js/jquery.bxslider.min.js"></script>
+
-
<!-- bxSlider CSS file -->
+
-
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
+

Revision as of 17:01, 23 July 2014

Retrieved from "http://2014.igem.org/Team:DTU-Denmark/joro"