Team:DTU-Denmark/joro

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Template:Team:DTU-Denmark/css3}}
 +
 +
/*Shamelessly stolen from the 2014 Boston team, thank you Boston team!*/
 +
<html>
<html>
 +
<head>
<head>
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
.pagescontent{
-
 
+
position:relative;
-
.topWikiNavBackground {
+
left:90px;
-
    height:18px;
+
top:130px;
-
    margin-top: -32px;
+
width:80%;
-
    background-color:transparent;
+
text-align:left;
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
pageheader{
-
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: #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-size:28px;
font-weight:700;
font-weight:700;
text-transform:uppercase;
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;
 
}
}
Line 146: Line 27:
text-align:justify;
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: #FF0000;
 
-
text-decoration: none;
 
-
                position: relative;
 
-
                top: 5;
 
-
display: block;
 
-
padding: 0px 0px 0px 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: 5px 5px 5px 5px;
 
-
}
 
-
 
-
#nav a:hover {
 
-
/*background-color: #870203;
 
-
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;
 
-
}
 
-
 
-
/* sub levels link hover */
 
-
#nav ul li:hover a, #nav li:hover li a {
 
-
border: none;
 
-
background-color: #42f75f; /* drop down menu background*/
 
-
background-repeat:repeat;
 
-
color:#FFF;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
/* level 2 list */
 
-
#nav ul {
 
-
/*display: none;*/
 
-
opacity:0;
 
-
margin: 20px 0 0 0;
 
-
padding: 7px 0 0 0;
 
-
width: 205px;
 
-
position: absolute;
 
-
        /*background-color: #870203;*/
 
-
left: 0;
 
-
z-index:-1;
 
-
 
-
}
 
-
#nav ul li {
 
-
float: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
#nav ul a {
 
-
font-weight: normal;
 
-
/*text-shadow: 0 1px 0 #fff;*/
 
-
}
 
-
 
-
/* 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://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:#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{
.sponsors{
Line 416: Line 36:
}
}
-
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
+
</style>
-
.wrap {
+
</head>
-
width: 90%;
+
<body>
-
}
+
-
#logo {
+
-
left: 50px;
+
-
top: 30px;
+
-
}
+
-
.banner header1, .banner header2 {
+
<!--Header-->
-
font-size: 24px;
+
<div class="header">
-
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) {
+
<!--BU iGEM Title-->
-
.features li:before {
+
-
background: url('img/icons@2x.png');
+
-
background-size: 100%;
+
-
}
+
-
}
+
-
</style>
+
<div class="title"><a href="https://2014.igem.org/Team:BostonU"><img src="https://static.igem.org/mediawiki/2014/b/bc/DTU-Denmark-logo-test.png" width="728" height="51"></a></div>
 +
 
 +
<!--iGEM Logo-->
 +
<div class="igemlogo"> <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9e/IGEMLogo_bu14.gif" width="147" height="120"></a></div>
 +
</div>
 +
 
 +
<!--Navibar-->
 +
<ul id="nav">
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark">Home</a>
 +
</li>
 +
<li><a href=#>Overview</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Background">Background</a></li> 
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Strategy">Strategy</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Overview/Policy_and_Practices">Policy and Practices</a></li>
 +
</ul>
 +
</li>
 +
<li><a href=#>Methods</a>
 +
<ul>
 +
        <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Protocols">Protocols</a></li>
 +
            <li><a href="https://2014.igem.org/Team:DTU-Denmark/Methods/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li><a href=#>Achievements</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Experimental_Results">Experimental Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Outreach">Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Achievements/Medal_fulfillings">Medal Fulfillings</a></li>
 +
</ul>
 +
</li>
 +
<li><a href=#>Team</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Profile">Experimental Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Members">Parts</a></li>
 +
<li><a href="https://igem.org/Team.cgi?id=1330">Official Team Page</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Sponsors">Sponsors</a></li>
 +
<li><a href="https://2014.igem.org/Team:DTU-Denmark/Team/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 
 +
</body>
</html>
</html>

Revision as of 17:04, 23 July 2014

/*Shamelessly stolen from the 2014 Boston team, thank you Boston team!*/

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