http://2013.igem.org/wiki/index.php?title=Special:Contributions/Amourka&feed=atom&limit=50&target=Amourka&year=&month=
2013.igem.org - User contributions [en]
2024-03-29T09:47:41Z
From 2013.igem.org
MediaWiki 1.16.5
http://2013.igem.org/Team:DTU-Denmark/High_School_Outreach
Team:DTU-Denmark/High School Outreach
2013-10-04T13:31:30Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|High School Outreach}}<br />
<div class="overviewPage"><br />
<div class="overviewBox"><br />
<br />
==The idea==<br />
To inform high school students about synthetic biology in general and our project in particular we conducted two workshops (on 2013-01-29 and 2013-04-28) in which we invited students to DTU. For the first workshop our guests were the "[http://www.sciencetalenter.dk/da/ Science Talents]", a selected group of 16 talented high schoolers from both Greenland and Denmark. The second workshop was given in front of 20 danish lifescience students and 11 international students from Norway, Hong Kong, China and the Netherlands.<br />
<br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0" style="background-color:transparent"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/9/9a/Dtu-co1.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/4/48/Dtu-co_DSC_0490.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/9/9a/Dtu-co_DSC_0506.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/a/a2/Or_29_01_2.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/9/9b/Or_29_01_3.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/c/cd/Dtu-co_IMG_4318.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/e/eb/Dtu-co_IMG_4351.JPG"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/e/ef/Dtu-co_IMG_4355.JPG"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<div class="navi2"></div> <br />
</html> <br />
<br />
<br />
The workshops consisted of three parts: Firstly a theoretical part in which we gave a lecture about the principles of Synthetic Biology and iGEM. Specifically we introduced the idea of biological parts and how they can be combined to create systems that help solve problems of our time. To illustrate this point we presented two iGEM projects from last year.<br />
<br />
The lecture was followed by a practical part in which the students formed small groups and did a hands-on exercise. In this exercise we gave them [https://static.igem.org/mediawiki/2013/4/43/Dtu_Bio_parts.pdf parts] and let them build biological systems to solve a problem of their own choice.<br />
<br />
The workshops concluded with the student groups explaining their systems to each other in short presentations.<br />
<br />
==Agenda==<br />
<br />
10:40 - Welcome and short Introduction.<br />
<br />
10:50 - [http://tedxcopenhagen.dk/birger-lindberg-moller-plant-power-ultimate-way-to-go-green/ Video]: Plant power - The ultimate way to go green- Birger Lindberg Møller at TEDxCopenhagen 2012.<br />
<br />
11:05 - Presentation by DTU iGEM team: Present iGEM and parts, bring many examples.<br />
<br />
11:25 - Present some parts and encourage them try to rebuild previous iGEM concepts, eg. Imperial College London 2012.<br />
<br />
11:35 - Present "Portfolio of problems" so they have something to work towards.<br />
<br />
5 min break if needed<br />
<br />
11:45 - Workshop: Divide into four random group, each group will get one of the iGEM team members as adviser.<br />
<br />
Using presented parts, or coming up with their own ideas for parts, they will "build" something by cutting and pasting on the board.<br />
<br />
12:15 - Presentation five minutes for each group.<br />
<br />
12:35 - Written feedback while the iGEM team picks a winner.<br />
<br />
12:37 - Presentation of winner, Choko-Prize, small pamphlets with our contact info, iGEM link, link to the video they saw etc.<br />
<br />
12:40 - Students leave for lunch.<br />
<br />
<br />
<div style="clear: both;"></div><br />
</div><br />
{{:Team:DTU-Denmark/Templates/EndPage}}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T13:31:28Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #593672; /* header 2 color */<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #593672;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
.navi2 {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 700px; <br />
width: 112px;}<br />
.navi2 a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi2 a:hover {<br />
background-position: 0 -8px;}<br />
.navi2 a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T13:31:06Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #593672; /* header 2 color */<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #593672;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
.navi2 {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi2 a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi2 a:hover {<br />
background-position: 0 -8px;}<br />
.navi2 a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T12:06:47Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #593672; /* header 2 color */<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #593672;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T12:06:09Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #593672; /* header 2 color */<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T12:02:00Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T12:01:32Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 965px;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/Templates/StartPage
Team:DTU-Denmark/Templates/StartPage
2013-10-04T11:59:42Z
<p>Amourka: </p>
<hr />
<div><html><br />
<br />
<!-- STYLESHEET --><br />
<!-- *********** --><br />
<br />
<br />
<link rel="stylesheet" href="https://2013.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link rel="icon" type="image/png" size="16x16" href="https://static.igem.org/mediawiki/2013/1/16/DTU-n2o-favicon.png"/> <br />
<br />
<br />
<!-- JAVASCRIPTS --><br />
<!-- *********** --><br />
<br />
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) --><br />
<!--[if lt IE 9]><br />
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script><br />
<![endif]--><br />
<br />
<!-- jQuery Tools (slider) --><br />
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script><br />
<script><br />
$(function() {<br />
// initialize scrollable<br />
$(".scrollable").scrollable().navigator();<br />
});<br />
</script><br />
<br />
<!-- Navigation scroll follow --><br />
<script type="text/javascript"><br />
$(window).scroll(function () { <br />
var scrollPos = $(window).scrollTop();<br />
if (scrollPos > 250) { <!-- this is height of banner plus 10 px --><br />
$(".navigation").addClass("stickToTop");<br />
} else {<br />
$(".navigation").removeClass("stickToTop");<br />
}<br />
<!-- here is added table of content fixing to screen : was all 35 with Title OutsideWhitebox--><br />
<br />
var toc_margin_from_top = $(".navigation").height() + 35;<br />
var scroll_pos_above_start_of_article = scrollPos < $(".whitebox.article").offset().top - 68;<br />
var toc_end_reached_bottom_of_article = scrollPos + toc_margin_from_top + $(".toc").height() > $(".whitebox.article").offset().top + $(".whitebox.article").height() - 35;<br />
var toc_margin_from_title = scrollPos < ($(".whitebox.article").offset().top );<br />
<br />
if(scroll_pos_above_start_of_article){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + 68});<br />
} else if(toc_end_reached_bottom_of_article){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + $(".whitebox.article").height() - $(".toc").height() - 35});<br />
} else if(toc_margin_from_title){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + 68});<br />
} else {<br />
$(".toc").offset({top: scrollPos + toc_margin_from_top});<br />
}<br />
<br />
<br />
//if (scroll_pos_below_start_of_article){ //&& (scrollPos < $(document).height() - $(".navigation")[0].height() - 70)) {<br />
// $(".toc").addClass("stickBelowNavigation");<br />
//} else {<br />
// $(".toc").removeClass("stickBelowNavigation");<br />
//}<br />
});<br />
</script><br />
<br />
<!-- MathJax (LaTeX for the web) --><br />
<script type="text/x-mathjax-config"><br />
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});<br />
MathJax.Hub.Config({<br />
TeX: { <br />
equationNumbers: { autoNumber: "AMS" }<br />
}<br />
});<br />
</script><br />
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><br />
<br />
<!-- Drop Down navigation --><br />
<script type="text/javascript"><br />
$(document).ready(<br />
function(){<br />
$("ul.subnav").parent().find("> a").append("<span> â–¼</span>");<br />
$("ul.topnav li").hover(<br />
function() {<br />
// Hover over<br />
$(this).parent().find("ul.subnav").hide();<br />
$(this).find("ul.subnav").show();<br />
// Hover out<br />
$(this).hover(<br />
function() {<br />
},<br />
function(){<br />
$(this).find("ul.subnav").hide();<br />
}<br />
);<br />
},<br />
function(){<br />
$(this).find("ul.subnav").hide();<br />
}<br />
<br />
);<br />
}<br />
);<br />
</script><br />
<br />
<!-- iGem wiki hacks --><br />
<!-- Remove all empty <p> tags --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$("p").filter( function() {<br />
return $.trim($(this).html()) == '';<br />
}).remove();<br />
});<br />
</script><br />
<br />
<!-- Remove "team" from the menubar --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$("menubar > ul > li:last-child").remove();<br />
});<br />
</script><br />
<br />
<!-- If Empty heading -> Then remove it --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
if ("" == "</html>{{{1}}}<html>") {<br />
$("#heading").remove();<br />
}<br />
});<br />
</script><br />
<br />
<!-- HTML CONTENT --><br />
<!-- ************ --><br />
<br />
<!-- Header image --><br />
<br />
<div id="header"><br />
<div class="centering"><br />
</div><br />
</div><br />
<br />
<!-- Navigation bar --><br />
</html>{{:Team:DTU-Denmark/Templates/Navigationbar2}}<html><br />
<br />
<br />
<!-- Prepare for content --><br />
<div id="innercontent"><br />
<div class="centering"><br />
<div class="whitebox article"><br />
<br />
<div class="overviewPage"> <br />
<h1><br />
</html><br />
{{{1}}}<br />
<html><br />
</h1><br />
</div><br />
<br />
</html></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/Templates/StartPage
Team:DTU-Denmark/Templates/StartPage
2013-10-04T11:58:50Z
<p>Amourka: </p>
<hr />
<div><html><br />
<br />
<!-- STYLESHEET --><br />
<!-- *********** --><br />
<br />
<br />
<link rel="stylesheet" href="https://2013.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css" type="text/css" /><br />
<link rel="icon" type="image/png" size="16x16" href="https://static.igem.org/mediawiki/2013/1/16/DTU-n2o-favicon.png"/> <br />
<br />
<br />
<!-- JAVASCRIPTS --><br />
<!-- *********** --><br />
<br />
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) --><br />
<!--[if lt IE 9]><br />
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script><br />
<![endif]--><br />
<br />
<!-- jQuery Tools (slider) --><br />
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script><br />
<script><br />
$(function() {<br />
// initialize scrollable<br />
$(".scrollable").scrollable().navigator();<br />
});<br />
</script><br />
<br />
<!-- Navigation scroll follow --><br />
<script type="text/javascript"><br />
$(window).scroll(function () { <br />
var scrollPos = $(window).scrollTop();<br />
if (scrollPos > 250) { <!-- this is height of banner plus 10 px --><br />
$(".navigation").addClass("stickToTop");<br />
} else {<br />
$(".navigation").removeClass("stickToTop");<br />
}<br />
<!-- here is added table of content fixing to screen : was all 35 with Title OutsideWhitebox--><br />
<br />
var toc_margin_from_top = $(".navigation").height() + 35;<br />
var scroll_pos_above_start_of_article = scrollPos < $(".whitebox.article").offset().top - 68;<br />
var toc_end_reached_bottom_of_article = scrollPos + toc_margin_from_top + $(".toc").height() > $(".whitebox.article").offset().top + $(".whitebox.article").height() - 35;<br />
var toc_margin_from_title = scrollPos < ($(".whitebox.article").offset().top );<br />
<br />
if(scroll_pos_above_start_of_article){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + 68});<br />
} else if(toc_end_reached_bottom_of_article){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + $(".whitebox.article").height() - $(".toc").height() - 35});<br />
} else if(toc_margin_from_title){<br />
$(".toc").offset({top: $(".whitebox.article").offset().top + 68});<br />
} else {<br />
$(".toc").offset({top: scrollPos + toc_margin_from_top});<br />
}<br />
<br />
<br />
//if (scroll_pos_below_start_of_article){ //&& (scrollPos < $(document).height() - $(".navigation")[0].height() - 70)) {<br />
// $(".toc").addClass("stickBelowNavigation");<br />
//} else {<br />
// $(".toc").removeClass("stickBelowNavigation");<br />
//}<br />
});<br />
</script><br />
<br />
<!-- MathJax (LaTeX for the web) --><br />
<script type="text/x-mathjax-config"><br />
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});<br />
MathJax.Hub.Config({<br />
TeX: { <br />
equationNumbers: { autoNumber: "AMS" }<br />
}<br />
});<br />
</script><br />
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script><br />
<br />
<!-- Drop Down navigation --><br />
<script type="text/javascript"><br />
$(document).ready(<br />
function(){<br />
$("ul.subnav").parent().find("> a").append("<span> â–¼</span>");<br />
$("ul.topnav li").hover(<br />
function() {<br />
// Hover over<br />
$(this).parent().find("ul.subnav").hide();<br />
$(this).find("ul.subnav").show();<br />
// Hover out<br />
$(this).hover(<br />
function() {<br />
},<br />
function(){<br />
$(this).find("ul.subnav").hide();<br />
}<br />
);<br />
},<br />
function(){<br />
$(this).find("ul.subnav").hide();<br />
}<br />
<br />
);<br />
}<br />
);<br />
</script><br />
<br />
<!-- iGem wiki hacks --><br />
<!-- Remove all empty <p> tags --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$("p").filter( function() {<br />
return $.trim($(this).html()) == '';<br />
}).remove();<br />
});<br />
</script><br />
<br />
<!-- Remove "team" from the menubar --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$("menubar > ul > li:last-child").remove();<br />
});<br />
</script><br />
<br />
<!-- If Empty heading -> Then remove it --><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
if ("" == "</html>{{{1}}}<html>") {<br />
$("#heading").remove();<br />
}<br />
});<br />
</script><br />
<br />
<!-- HTML CONTENT --><br />
<!-- ************ --><br />
<br />
<!-- Header image --><br />
<div id="innercontent"><br />
<div id="header"><br />
<div class="centering"><br />
</div><br />
</div><br />
</div><br />
<!-- Navigation bar --><br />
</html>{{:Team:DTU-Denmark/Templates/Navigationbar2}}<html><br />
<br />
<br />
<!-- Prepare for content --><br />
<div id="innercontent"><br />
<div class="centering"><br />
<div class="whitebox article"><br />
<br />
<div class="overviewPage"> <br />
<h1><br />
</html><br />
{{{1}}}<br />
<html><br />
</h1><br />
</div><br />
<br />
</html></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T11:56:47Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
width: 100%;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T11:41:52Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #593672; /* red: 990000, blue: 098C9F */<br />
border-bottom: 1px solid #593672;} /* red: 990000, blue: 098C9F */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */<br />
background: url("https://static.igem.org/mediawiki/2013/1/13/DTU_Topnav_bg4.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #593672;} The previous red color was: 990000 & for blue was 098C9F */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #593672; /* 990000 ->red, blue->098C9F, older:#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/File:DTU_Topnav_bg4.gif
File:DTU Topnav bg4.gif
2013-10-04T11:17:58Z
<p>Amourka: </p>
<hr />
<div></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T11:03:02Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #098C9F; /* 990000 */<br />
border-bottom: 1px solid #098C9F;} /* 990000 */<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #098C9F;} The previous red color was: 990000 */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:51:48Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #098C9F;} The previous red color was: 990000 */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:31:57Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;} The previous red color was: 990000 */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:31:31Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
/* border-bottom: 1px solid #990000;} The previous red color was: 990000 */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:29:26Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #098C9F;} /* The previous red color was: 990000 */<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:24:01Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #098C9F; /* 990000 #333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:18:33Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #098C9F; /*#990000 #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T10:13:26Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/1/12/Dtu-Banner-colour.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 240px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
/* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/<br />
background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/File:DTU_Topnav_bg3.gif
File:DTU Topnav bg3.gif
2013-10-04T10:12:43Z
<p>Amourka: </p>
<hr />
<div></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T07:39:20Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/f/f7/DTU_Banner_wide_new_height_test.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 115px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 600px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T07:39:00Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/f/f7/DTU_Banner_wide_new_height_test.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 115px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 610px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-04T07:38:36Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA */;<br />
background: url("https://static.igem.org/mediawiki/2013/f/f7/DTU_Banner_wide_new_height_test.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 115px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 650px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:26:16Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 32px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 705px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:14:33Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 705px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:14:04Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 700px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:13:38Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 690px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:12:54Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 400px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 680px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:09:02Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 680px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:08:33Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 705px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T22:07:56Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
<div class="overviewBox"><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0" style="background-color:transparent"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<div class="navi"></div> <br />
<br />
</html> <br />
<br />
<div class="la" style="margin: 20px"><br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
<br />
</div><br />
<div class="clear"></div><br />
</div><br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:07:39Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 505px; <br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T22:01:26Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
/*position: absolute;<br />
top: 730px; 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T21:52:45Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
<div class="overviewBox"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0" style="background-color:transparent"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="la" style="margin: 20px"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
<br />
</div><br />
<div class="clear"></div><br />
</div><br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T21:30:04Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/ } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
border="0";<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T21:28:45Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
</div><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0" style="background-color:#F9F9F9"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<div class="la" style="margin: 20px"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
</div><br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T20:54:13Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
</div><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<div class="la" style="margin: 20px"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
</div><br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T20:52:18Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/<br />
margin-left: -250px;<br />
margine-right: 20px; } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T20:51:21Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
</div><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<p><br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
</p><br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T20:51:02Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 10;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/<br />
margin-left: 20px;<br />
margine-right: 20px; } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T20:49:58Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px; /*450px;*/<br />
margin-left: 20px;<br />
margine-right: 20px; } <br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T20:44:54Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;<br />
text-align: left;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px;} /*450px;*/<br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T15:39:19Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
</div><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T15:30:35Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px;} /*450px;*/<br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 730px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T15:30:04Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px;} /*450px;*/<br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 720px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T15:29:28Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px;} /*450px;*/<br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 710px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T15:28:26Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<div class="overviewPage"><br />
== Requiem for a Stream:<br>From Ammonia Pollution to Energy Production via Denitrification ==<br />
</div><br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
<br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T15:20:51Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<br />
<br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px"><br />
<div class="next"></div><br />
</td><br />
</tr><br />
</table><br />
<br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
<br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark
Team:DTU-Denmark
2013-10-03T15:19:27Z
<p>Amourka: </p>
<hr />
<div>{{:Team:DTU-Denmark/Templates/StartPage|}}<br />
<br />
<br />
<html><br />
</div><br />
<!-- Slider --><br />
<table border="0"><br />
<tr><br />
<td style="width: 181px"><br />
<div class="prev" style="position:relative"></div><br />
</td><br />
<td><div class="scrollable"> <br />
<div class="items"><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/69/Dtu_1_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/d/dd/Dtu_2_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="500px" src="https://static.igem.org/mediawiki/2013/4/4f/Dtu_3_vid.jpg"></img><br />
</div><br />
<div><br />
<img width="600px" src="https://static.igem.org/mediawiki/2013/6/6b/Dtu_4_vid.jpg"></img><br />
</div><br />
</div><br />
</div><br />
</td><br />
<td style="width: 181px">row 1, cell 2</td><br />
</tr><br />
</table><br />
<div class="next"></div><br />
<div class="navi"></div><br />
</html> <br />
<br />
<div class="whitebox FBox"><br />
<br />
Intense agriculture is the base of feeding a growing world population. However it comes at a cost for the environment. Part of this is the growing problem of ammonia pollution. As the demand for food articles is steadily increasing farmers turn to extensive use of fertilizers and nitrogen-enriched animal feeds to increase their yield. Much of this nitrogen comes in the form of ammonia and accumulates in the argicultural runoff, which pollutes surface bodies of water like lakes and streams but also the groundwater. <br />
Our project is a requiem for those streams. Our goal is to remove surplus ammonia from wastewater, and via two ''E. coli'' mutants turn it into nitrous oxide.<br />
<br />
TODO: There should either be a link to our video or it should be embedded here. Alternatively, we can use the scanned pictures.<br />
<br />
<br />
[[File:Dtu overview.png|400px|center]]<br />
<br />
Ammonia is a common pollutant in agricultural runoff, and excess ammonia in the environment leads to increased algae growth and eutrophication, which starves other water-borne organisms for oxygen. Our project reverses nitrogen fixation, and is a means to clean up polluted streams and wastewater. The final product is nitrous oxide, which can be sold as an industrial product or reclaimed and used as a source of small scale sustainable energy.<br />
<br />
==Highlights==<br />
<br />
* We successfully [[Team:DTU-Denmark/Experiment4|characterized our first transformant for Mutant 1]].<br />
* We constructed and characterized a [[Team:DTU-Denmark/pBAD_SPL|synthetic promoter library]] built on the arabinose inducible promoter.<br />
* We successfully [[Team:DTU-Denmark/HelloWorld|targeted proteins to the periplasm]] in our Hello World pilot project.<br />
* We conducted several events around [[Team:DTU-Denmark/Human_Practices|human practices]], including a [[Team:DTU-Denmark/Biobrick_Workshop|biobrick workshop]] and a [[Team:DTU-Denmark/IP_and_Synthetic_Biology|discussion on IP and synthetic biology]].<br />
<br />
For more information on our project, please see [[Team:DTU-Denmark/Project| our project details]], and for information on the experiments we did to characterize the mutants, see [[Team:DTU-Denmark/Experiments|an overview of the experiments]] we conducted. Also be sure to check out our [[Team:DTU-Denmark/Notebook| online lab notebook]], and the [[Team:DTU-Denmark/Human_Practices | human practices events]] that we hosted. <br />
<br />
<br />
</div><br />
<div class="clear"></html><br />
<br />
<br />
{{:Team:DTU-Denmark/Templates/EndPage}}<br />
<!-- {{:Team:DTU-Denmark/Templates/Footer1}} --><br />
<!-- {{:Team:DTU-Denmark/Templates/Footer}} --></div>
Amourka
http://2013.igem.org/Team:DTU-Denmark/stylesheet
Team:DTU-Denmark/stylesheet
2013-10-03T15:18:54Z
<p>Amourka: </p>
<hr />
<div>/* Removing wiki-like stuff */<br />
/****************************/<br />
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {<br />
display:none;}<br />
<br />
/* Redesigning the topmenu -> removes the empty space above our header picture */<br />
/***************************/<br />
body {<br />
margin: 10px 0 0 0;<br />
padding: 0;}<br />
#top-section {<br />
width: 965px;<br />
height: 0;<br />
margin: 0 auto;<br />
padding: 0;<br />
border: none;}<br />
#menubar {<br />
font-size: 65%;<br />
top: -14px;}<br />
.left-menu:hover {<br />
background-color: transparent;}<br />
#menubar li a {<br />
background-color: transparent;}<br />
#menubar:hover {<br />
color: white;}<br />
#menubar li a {<br />
color: transparent;}<br />
#menubar:hover li a {<br />
color: white;}<br />
#menubar > ul > li:last-child {<br />
display:none;}<br />
<br />
<br />
/* Redesigning Table Of Content -> for the javascript section*/<br />
/*************************************************************/<br />
table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {<br />
text-align: left;}<br />
#toctitle {<br />
margin: 5px 0;}<br />
.toc, #toc {<br />
background-color: #F6F6F6; /* #FCEAEA; #F6F6F6;*/<br />
/*color: #397F39;*/<br />
border: 1px solid #CCCCCC;<br />
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);<br />
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/<br />
float: left;<br />
/* position: absolute; static - petaei left*/<br />
width: 228px;<br />
display: block;<br />
overflow: hidden;<br />
padding: 0;}<br />
#toc ul, .toc ul {<br />
margin: 0 5px 5px 5px;}<br />
.toc ul li {<br />
padding-left: 12px;<br />
text-indent: -12px;<br />
/*width: 200px;*/}<br />
.toc ul li ul li {<br />
padding-left: 30px;<br />
text-indent: -24px;<br />
/*width: 170px;*/}<br />
#toc ul ul, .toc ul ul {<br />
margin: 0;}<br />
.toc {<br />
margin-left: -250px;<br />
margin-top: 20px;}<br />
.stickBelowNavigation {<br />
position: fixed;<br />
top: 35px;<br />
left: 50%;<br />
margin-left: -462px;}<br />
.tochidden {<br />
position: static;<br />
margin-left: -250px;} <br />
<br />
/* Font style and general */<br />
/**************************/<br />
#content {<br />
font-family: 'Lucida Sans Unicode',sans-serif;<br />
font-size: 14px;<br />
color: #444444;<br />
text-align:justify; }<br />
p {<br />
margin: 0;}<br />
#innercontent p {<br />
margin: 0.6em 0;}<br />
h1 {<br />
border: none;<br />
color: #383838;<br />
text-shadow: 0 1px rgba(255, 255, 255, 0.5);<br />
font-size: 35px;<br />
margin: 5px 0 0 0;<br />
font-weight: bold;}<br />
h2 {<br />
/*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/<br />
border: none;<br />
padding: 20px 0 5px;<br />
font-family: Arial;<br />
font-size: 24px;<br />
font-weight: bold;<br />
color: #990000;<br />
clear: right;<br />
margin-bottom: 0;}<br />
h3 { <br />
border: none;<br />
padding: 20px 0 5px;<br />
color: #000000; <br />
font-size: 20px; <br />
font-family: Arial;}<br />
h4{ <br />
border: none;<br />
color: #000000;<br />
font-size: 20px;<br />
font-family: Arial;}<br />
h5 {<br />
border: none;<br />
font-size: 18px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #b0b2b1; */}<br />
h6 {<br />
border: none;<br />
font-size: 16px;<br />
font-family: Arial;<br />
color: #444444;<br />
/* background-color: #81F7BE; */ }<br />
#bodyContent h1, #bodyContent h2 {<br />
margin-bottom: 0;}<br />
h3 {<br />
font-size: 20px;<br />
padding: 15px 0 5px 0;}<br />
h4 {<br />
font-weight: bold;}<br />
ul {<br />
list-style-position: inside;<br />
margin: 0;}<br />
a, a:visited, a:active {<br />
color: #3366CC;}<br />
pre {<br />
overflow: auto;<br />
font-size: 12px;}<br />
div.tright, div.floatright {<br />
border: none;<br />
margin: 10px 0 10px 20px;}<br />
div.tleft, div.floatleft {<br />
border: none;<br />
margin: 10px 20px 10px 0;}<br />
div.tnone {<br />
border: none;}<br />
iframe {<br />
margin: 1px;}<br />
hr {<br />
height: 0;<br />
border-top: 1px solid #AAA;<br />
border-bottom: 1px solid #FFF;}<br />
.clear {<br />
clear: both;<br />
height: 0;<br />
padding: 0;<br />
margin: 0;<br />
border: none;<br />
visibility: hidden;}<br />
.superscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: -5px;}<br />
.subscript {<br />
font-size: 80%;<br />
position: relative;<br />
top: 5px;}<br />
.farve0 {<br />
background-color: #999999;}<br />
.farve1 {<br />
background-color: #FFCC00;}<br />
.farve2 {<br />
background-color: #FF9900;}<br />
.farve3 {<br />
background-color: #FF6600;}<br />
.farve4 {<br />
background-color: #FF0000;}<br />
.farve5 {<br />
background-color: #990000;}<br />
.farve6 {<br />
background-color: #FF0099;}<br />
.farve7 {<br />
background-color: #CC3399;}<br />
.farve8 {<br />
background-color: #990066;}<br />
.farve9 {<br />
background-color: #660066;}<br />
.farve10 {<br />
background-color: #990099;}<br />
.farve11 {<br />
background-color: #3366CC;}<br />
.farve12 {<br />
background-color: #33CCFF;}<br />
.farve13 {<br />
background-color: #99CC33;}<br />
.farve14 {<br />
background-color: #66CC00;}<br />
.coloredBg {<br />
font-size: 12px;<br />
font-weight: normal;<br />
color: #FFFFFF;<br />
padding: 5px;}<br />
<br />
/*Calendar*/<br />
/**********/<br />
table.calendar { margin: 0; padding: 10px; }<br />
table.calendar td { margin: 0; padding: 2px; vertical-align: top; }<br />
table.month .heading td { padding:2px; background-color:#E6BDC3; color:#7F4D8F; text-align:center; font-size:120%; font-weight:bold; }<br />
table.month .dow td { color:#7F4D8F; text-align:center; font-size:110%; }<br />
table.month td.today { background-color:#FCDEE8; }<br />
table.month td {<br />
border: none;<br />
margin: 0;<br />
padding: 1pt 1.5pt;<br />
font-weight: bold;<br />
font-size: 8pt;<br />
text-align: right;<br />
background-color: #FFE9F0;<br />
}<br />
#bodyContent table.month a { background:none; padding:0 }<br />
.day-active { color:#0000cc }<br />
.day-empty { color:#7CC0C0 } /*81CBCB*/<br />
<br />
<br />
/* Layout */<br />
/**********/<br />
body, #heading, #innercontent {<br />
background: url("https://static.igem.org/mediawiki/2013/d/d3/DTU-Denmark-bg2.jpg") repeat #D7D7D7;}<br />
#content, #globalWrapper {<br />
border: none;<br />
width: 100%;<br />
margin: 0;<br />
padding: 0;}<br />
.centering {<br />
margin: 0 auto;<br />
width: 965px;}<br />
.centering2 {<br />
margin: 0 auto;<br />
width: 944px;<br />
}<br />
#header {<br />
/* background: url("https://static.igem.org/mediawiki/2013/4/4f/DTU_header_image4.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/igem.org/6/6c/DTU_Banner2.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/2/27/DTUBanner2_w_logo.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/5/57/DTU_Banner_wide.png") no-repeat center #FBFAFA; */<br />
/* background: url("https://static.igem.org/mediawiki/2013/9/9c/DTU_Banner_wide_new.png") no-repeat center #FBFAFA; */<br />
background: url("https://static.igem.org/mediawiki/2013/e/e7/DTU_Banner_wide_new2.png") no-repeat center #FBFAFA;<br />
<br />
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a><br />
<br />
<br />
<br />
/*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg <br />
https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png<br />
https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */<br />
height: 230px;<br />
width: 100%;<br />
border-top: 1px solid #660000;<br />
border-bottom: 1px solid #660000;}<br />
/*#header .centering {<br />
background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;<br />
height: 100px;}*/<br />
#heading {<br />
height: 50px;<br />
border-top: 1px solid #FFFFFF;}<br />
#innercontent {<br />
padding: 1px;} <br />
.whitebox {<br />
background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
border: 1px solid #FFFFFF;<br />
/*text-align: justify;*/<br />
margin: 0px 0;}<br />
.article {<br />
padding: 0 20px 10px 270px;<br />
width: 673px;}<br />
.whitebox a {<br />
font-weight: bold;}<br />
#toc a {<br />
font-weight: normal;} <br />
<br />
/* For overview pages */<br />
/**********************/<br />
.overviewPage {<br />
margin-left: -250px;}<br />
.overviewBox {<br />
width: 900px;} /*450px;*/<br />
.left {<br />
float: left;}<br />
.right {<br />
float: right;}<br />
<br />
/* Footer */<br />
/**********/<br />
#footer-panel {<br />
background: #FFFFFF; /* #871717 #333333*/<br />
border-top: 30px solid #990000; /* #871717 1px solid #D9D9D9; */<br />
color: #000000;<br />
}<br />
#bodyContent {<br />
background: #FFFFFF; /* #871717 */<br />
color: #000000;<br />
}<br />
#footer-panel h4 {<br />
color: #999999;<br />
font-weight: bold;}<br />
#footer-panel p {<br />
color: #000000; /*#CCCCCC*/<br />
}<br />
div.footerBox3 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 648px;<br />
min-height: 270px;}<br />
div.footerBox2 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 234px;<br />
min-height: 270px;}<br />
div.footerBox2:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
div.footerBox1 {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 608px;<br />
min-height: 270px;}<br />
div.footerBox {<br />
border-right: 1px solid;<br />
float: left;<br />
margin: 10px 20px 10px 0;<br />
padding: 0 20px 0 0;<br />
width: 882px; /* 274px; */<br />
min-height: 270px;}<br />
div.footerBox:last-child {<br />
border: none;<br />
margin: 10px 0;<br />
padding: 0;}<br />
img.sponsorImage{<br />
float: center; /* left */<br />
width: 220px; /*180 - 84*/<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.sponsorImage1{<br />
float: left;<br />
width: 190px; /*84*/<br />
height: 85px;<br />
padding: 0;<br />
margin: 0;<br />
border: 0px solid #444444;}<br />
img.hasPicOnRight {<br />
padding-right: 40px; /*10*/<br />
/*border-right-width: 1px;*/}<br />
img.hasPicOnLeft {<br />
padding-left: 40px; /*10*/<br />
}<br />
img.hasPicOnTop {<br />
margin-top: 30px;<br />
}<br />
<br />
<br />
/* Redisigning [edit] button */<br />
/*****************************/<br />
span.editsection {color: #CCCCCC;}<br />
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/<br />
<br />
<br />
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */<br />
/*********************************************/<br />
li.navitem1 > a, li.navitem1 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem2 > a, li.navitem2 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem3 > a, li.navitem3 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem4 > a, li.navitem4 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem5 > a, li.navitem5 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem6 > a, li.navitem6 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem7 > a, li.navitem7 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem8 > a, li.navitem8 > span {<br />
border-bottom: 1px solid;}<br />
li.navitem9 > a, li.navitem9 > span {<br />
border-bottom: 1px solid;}<br />
<br />
.page-Team_DTU-Denmark li.home a,<br />
<br />
.page-Team_DTU-Denmark_Team li.team a,<br />
<br />
.page-Team_DTU-Denmark_Project li.project a,<br />
.page-Team_DTU-Denmark_Bioinformatics li.project a,<br />
.page-Team_DTU-Denmark_Timeline li.project a,<br />
.page-Team_DTU-Denmark_Experiments li.project a,<br />
<br />
.page-Team_DTU-Denmark_Parts li.parts a,<br />
<br />
.page-Team_DTU-Denmark_Modeling li.modeling a,<br />
.page-Team_DTU-Denmark_Protocols li.modeling a,<br />
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,<br />
.page-Team_DTU-Denmark_Matlab li.modeling a,<br />
<br />
.page-Team_DTU-Denmark_Notebook li.notebook a,<br />
.page-Team_DTU-Denmark_Methods li.notebook a,<br />
<br />
.page-Team_DTU-Denmark_Safety li.safety a,<br />
.page-Team_DTU-Denmark_General li.safety a,<br />
.page-Team_DTU-Denmark_Answers li.safety a,<br />
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,<br />
<br />
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,<br />
.page-Team_DTU-Denmark_Overview li.humanpractices a,<br />
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,<br />
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,<br />
<br />
.page-Team_DTU-Denmark_Attributions li.sponsors a,<br />
<br />
ul.topnav > li > a:hover {<br />
padding-bottom: 1px;<br />
border-bottom-width: 5px;}<br />
<br />
#navigation,.navigation {<br />
height: 35px;<br />
width:100%;<br />
text-align:left;}<br />
.navigation {<br />
/* background: url("https://static.igem.org/mediawiki/2013/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #990000;*/<br />
/* Image that gives the color to navigation bar */<br />
background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;<br />
z-index: 1;<br />
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
position: relative;<br />
width:100%;<br />
border-bottom: 1px solid #990000;}<br />
.stickToTop {<br />
position: fixed;<br />
top:0;<br />
width:100%;}<br />
ul.topnav {<br />
list-style: none;<br />
padding: 0;<br />
margin: 0;<br />
float: left;<br />
width: 100%;<br />
font-size: 15px;<br />
}<br />
ul.topnav li {<br />
float: left;<br />
margin: 0;<br />
padding: 0;<br />
position: relative; /*--Declare X and Y axis base for sub navigation--*/<br />
}<br />
ul.topnav li a {<br />
padding: 6px 20px 5px 20px;<br />
color: #fff;<br />
display: block;<br />
text-decoration: none;<br />
float: left;<br />
}<br />
ul.topnav > li > a {<br />
height: 23px;<br />
overflow: hidden;}<br />
/* ul.topnav li:first-child a{<br />
padding-left: 0;<br />
} */<br />
ul.topnav li span { /*--Drop down trigger styles--*/<br />
/*width: 17px;<br />
height: 34px;<br />
float: left;<br />
background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/<br />
color: #CCCCCC;<br />
}<br />
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/<br />
ul.topnav li ul.subnav {<br />
z-index: 1; //Stay on top of slider<br />
list-style: none;<br />
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/<br />
left: 0; top: 35px;<br />
background: #990000; /*#333; Color of drop-down menu */<br />
margin: 0; padding: 0;<br />
display: none;<br />
float: left;<br />
border: 1px solid #111;<br />
border-radius: 0 0 5px 5px;<br />
}<br />
ul.topnav li ul.subnav li {<br />
margin: 0; padding: 0;<br />
/*border-top: 1px solid #000000; #252525; --Create bevel effect--*/<br />
border-bottom: 1px solid #000000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/<br />
clear: both;<br />
list-style: none outside none;<br />
}<br />
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {<br />
width: 160px;<br />
}<br />
ul.topnav li ul.subnav li:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a {<br />
float: left;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
width: 140px;<br />
}<br />
html ul.topnav li ul.subnav li a:last-child{<br />
border-radius: 0 0 5px 5px;<br />
}<br />
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/<br />
background: #222; <br />
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/<br />
}<br />
<br />
/* Slider (thanks to flowplayer.org) */<br />
/*************************************/<br />
.scrollable {<br />
/* required settinsg */<br />
position: relative;<br />
overflow :hidden;<br />
margin-top: 0px; /* 14px; */<br />
width: 600px; /* 963px;*/<br />
height: 370px; /*400px; */<br />
border: 1px solid #FFFFFF;<br />
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br />
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */<br />
background: #FFFFFF;}<br />
.scrollable .items {<br />
/* this cannot be too large */<br />
width: 50000px;<br />
position: absolute;}<br />
.items div {<br />
float: left;<br />
width: 963px;<br />
height: 370px;}<br />
.prev {<br />
background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;<br />
height: 74px; <br />
width: 74px;<br />
/* position: absolute;<br />
left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519<br />
top: 310px; */<br />
margin-left: 50%;<br />
cursor: pointer;}<br />
.next {<br />
background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;<br />
height: 74px;<br />
width: 74px;<br />
margin-right: 50%;<br />
/* position: absolute;<br />
: -519px; floor(963/2) + 74/2 = 481 + 37 = 518 <br />
top: 310px; */<br />
cursor: pointer;}<br />
.disabled {<br />
visibility: hidden;}<br />
/* position and dimensions of the navigator */<br />
.navi {<br />
left: -56px;<br />
margin-left: 50%;<br />
position: absolute;<br />
top: 705px; /* 505px; */<br />
width: 112px;}<br />
.navi a {<br />
width: 8px;<br />
height: 8px;<br />
float: left;<br />
margin: 3px;<br />
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;<br />
display: block;<br />
font-size: 1px;}<br />
.navi a:hover {<br />
background-position: 0 -8px;}<br />
.navi a.active {<br />
background-position: 0 -16px;}<br />
<br />
FBox {<br />
width: 270px;<br />
padding: 0 20px 10px;<br />
float: left;<br />
margin-right: 15px;}</div>
Amourka