Team:DTU-Denmark/joro

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
/* Removing wiki-like stuff */
-
<head>
+
/****************************/
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
<title>IGEM DTU WIKI</title>
+
    display:none;}
-
<style type="text/css">
+
 
-
body,td,th {
+
 
-
position: absolute;
+
@font-face {
-
left: 10%;
+
    font-family: 'twig';
-
top: 258px;
+
    /*src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');*/
-
width: 80%;
+
    src: url('https://dl.dropboxusercontent.com/s/0513od7g5ol2oxh/You%20Rook%20Marbelous.ttf') format('truetype');
-
height: 33px;
+
    font-weight: normal;
-
background-color: rgba(0,102,51,0.6);
+
    font-style: normal;
-
padding: 10px;
+
-
border-radius: 30px;
+
-
text-justify: auto;
+
-
text-emphasis: accent;
+
-
text-shadow: 5px 5px 25px rgba(255,255,255,1);
+
-
right: 10%;
+
-
font-size: 12px;
+
-
line-height: normal;
+
-
scrollbar-3d-light-color: rgba(0,204,0,1);
+
}
}
-
body {
+
@media screen and (-webkit-min-device-pixel-ratio:0) {
-
background-color: #060;
+
    @font-face {
-
background-image: url(images/shutterstock_112358282-Copy.jpg);
+
        font-family: 'sketch_rockwell';
-
background-attachment: fixed;
+
        src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');
-
background-size: cover;
+
    }
}
}
-
#apDiv1 {
+
 
-
position: absolute;
+
/* Redesigning the topmenu -> removes the empty space above our header picture */
-
left: 1102px;
+
/***************************/
-
top: 41px;
+
/* Start top-section reset ============================================== */
-
width: 1090px;
+
 
-
height: 1353px;
+
div#top-section {
-
z-index: 1;
+
    border: 0;
-
baseline-shift: super;
+
    height: auto;
-
border-radius: 30;
+
    margin: 0;
 +
    position: static;
 +
    width: auto;
}
}
-
#apDiv2 {
+
 
-
position: absolute;
+
div#p-logo {
-
left: 10%;
+
    height: auto;
-
top: 258px;
+
    position: static;
-
width: 80%;
+
    width: auto;
-
height: 33px;
+
    z-index: auto;
-
background-color: rgba(0,102,51,0.6);
+
-
padding: 10px;
+
-
border-radius: 30px;
+
-
text-justify: auto;
+
-
text-emphasis: accent;
+
-
text-shadow: 5px 5px 25px rgba(255,255,255,1);
+
-
right: 10%;
+
-
font-size: 12px;
+
-
line-height: normal;
+
-
scrollbar-3d-light-color: rgba(0,204,0,1);
+
}
}
-
#apDiv3 {
+
 
-
position: absolute;
+
div#p-logo a, div#p-logo a:hover {
-
left: 207px;
+
    text-decoration: none;
-
top: 120px;
+
-
width: 611px;
+
-
height: 1914px;
+
-
z-index: 3;
+
-
padding: 0px;
+
-
border-radius: 30;
+
}
}
-
#apDiv4 {
+
 
-
position: absolute;
+
div#menubar {
-
left: 10%;
+
    font-family: inherit;
-
top: 351px;
+
    font-size: inherit;
-
width: 80%;
+
    line-height: inherit;
-
height: 1100px;
+
    position: static;
-
z-index: 4;
+
    top: 0px;
-
background-color: rgba(0,102,51,0.6);
+
    white-space: normal;
-
padding: 10px;
+
    width: auto;
-
border-radius: 30px;
+
    z-index: auto;
-
text-shadow: 5px 5px 25px rgba(255,255,255,1);
+
}
}
-
#apDiv5 {
+
 
-
position: absolute;
+
div.left-menu, div.left-menu a {
-
left: 291px;
+
    color: inherit;
-
top: -18px;
+
    left: 0;
-
width: 233px;
+
    text-align: left;
-
height: 197px;
+
    text-transform: none;
-
z-index: 5;
+
-
padding: 0px;
+
-
border-radius: 30px;
+
-
background-color: rgba(51,153,255,0.1);
+
-
text-shadow: 10px 10px 10px;
+
}
}
-
</style>
+
 
-
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
div#menubar ul {
-
<style type="text/css">
+
    color: inherit;
-
#apDiv6 {
+
    list-style: disc outside none;
-
position: absolute;
+
    margin: 0;
-
left: 108px;
+
    padding: 0;
-
top: 65px;
+
-
width: 235px;
+
-
height: 178px;
+
-
z-index: 6;
+
}
}
-
</style>
 
-
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
 
-
</head>
 
-
<body>
+
div#menubar li {
-
<div id="apDiv1"></div>
+
    cursor: auto;
-
<div id="apDiv2">
+
    display: list-item;
-
  <ul id="MenuBar1" class="MenuBarHorizontal">
+
    padding: 0;
-
     <li><a class="MenuBarItemSubmenu" href="#">PROJECT</a>
+
    margin: 0;
-
      <ul>
+
    position: static;
-
        <li><a href="#">Item 1.1</a></li>
+
}
-
        <li><a href="#">Item 1.2</a></li>
+
 
-
         <li><a href="#">Item 1.3</a></li>
+
div.left-menu li a {
-
      </ul>
+
    padding: 0;
-
    </li>
+
}
-
     <li><a href="#">PARTS</a></li>
+
 
-
     <li><a class="MenuBarItemSubmenu" href="#">HUMAN PRACTICES</a>
+
div.left-menu:hover {
-
      <ul>
+
    color: inherit;
-
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
+
    background-color: transparent;
-
          <ul>
+
}
-
            <li><a href="#">Item 3.1.1</a></li>
+
 
-
            <li><a href="#">Item 3.1.2</a></li>
+
div.left-menu:hover a {
-
          </ul>
+
    color: inherit;
-
        </li>
+
}
-
        <li><a href="#">Item 3.2</a></li>
+
 
-
        <li><a href="#">Item 3.3</a></li>
+
div.right-menu, div.right-menu a {
-
      </ul>
+
     color: inherit;
-
     </li>
+
    right: 0;
-
     <li><a href="#">NOTEBOOK</a></li>
+
    text-align: left;
-
     <li><a href="#">TEAM</a></li>
+
}
-
     <li><a href="#">SPONSORS</a></li>
+
 
-
  </ul>
+
div.right-menu li a {
-
</div>
+
    background-color: transparent;
-
<div id="apDiv4">
+
    color: inherit;
-
   <h1>[Project] </h1>
+
    padding: 0;
-
  <h1>Overview</h1>
+
}
-
  <h1>Background</h1>
+
 
-
  <h1>Results</h1>
+
div.right-menu li a:hover {
-
  <h1>Modeling</h1>
+
    color: inherit;
-
  <h1>[Parts]</h1>
+
    text-decoration: none;
-
  <h1>Overview</h1>
+
}
-
  <h1>[Human practices]</h1>
+
 
-
  <h1>Human practices</h1>
+
div#search-controls {
-
  <h1>Safety</h1>
+
    background-color: transparent;
-
  <h1>[Notebook]</h1>
+
    height: auto;
-
  <h1>Methods</h1>
+
    position: static;
-
  <h1>Lab notes</h1>
+
    right: 0;
-
  <h1>[Team]</h1>
+
    text-align: left;
-
  <h1>Team members</h1>
+
    top: 0;
-
  <h1>Attributions</h1>
+
    width: auto;
-
  <h1>Gallery</h1>
+
    z-index: auto;
-
  <h1>Acknowledgments</h1>
+
}
-
  <h1>[Sponsors]</h1>
+
 
-
  <h1>Corporate Sponsors</h1>
+
/* Start top-section style ============================================== */
-
  <h1>Foundations</h1>
+
 
-
</div>
+
/* Remove logo and search */
-
<div id="apDiv6"><img src="images/logo.dtu.o.png" alt="IGEM" name="logo" width="235" height="172" id="logo" /></div>
+
div#p-logo, div#search-controls {
-
<h1>&nbsp;</h1>
+
    display: none;
-
<h1>&nbsp;</h1>
+
}
-
<h1>&nbsp;</h1>
+
 
-
<h1>&nbsp;</h1>
+
/* Center wiki-menu; set font & bg (as fallback) color */
-
<h1>&nbsp;</h1>
+
div#top-section {
-
<h1>&nbsp;</h1>
+
    margin: 0px auto;
-
<h1>&nbsp;</h1>
+
    width: 965px;
-
<h1>&nbsp;</h1>
+
    height: 20px;
-
<h1>&nbsp;</h1>
+
    color: #d4c6b6;
-
<h1>&nbsp;</h1>
+
    background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;
-
<script type="text/javascript">
+
}
-
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
+
 
-
</script>
+
/* Set font and positions */
-
</body>
+
div#menubar {
-
</html><link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
    font-weight: bold;
 +
    font-size: 13px;
 +
    line-height: 20px;
 +
}
 +
 
 +
div#menubar.right-menu {
 +
    float: right;
 +
}
 +
 
 +
div#menubar.left-menu {
 +
    float: left;
 +
}
 +
 
 +
/* Fix text */
 +
div#menubar.left-menu a, div#menubar.left-menu li {
 +
    text-transform: capitalize;
 +
}
 +
 
 +
div#menubar li {
 +
    padding: 0px 5px;
 +
    display: inline;
 +
}
 +
 
 +
/* White on hover */
 +
div#menubar a:hover {
 +
    color: #FFFFFF;
 +
    text-decoration: none;
 +
}
 +
 
 +
div#menubar li[style="color:white;cursor:default"] {
 +
    display: none;
 +
}
 +
 
 +
/* End top-section style ================================================ */
 +
 
 +
 
 +
 
 +
 
 +
/* Font style and general */
 +
/**************************/
 +
#content {
 +
    font-family: 'Lucida Sans Unicode',sans-serif;
 +
    font-size: 14px;
 +
    color: #444444;
 +
    text-align:justify; }
 +
p {
 +
    margin: 0;}
 +
#innercontent p {
 +
    margin: 0.6em 0;}
 +
h1 {
 +
    border: none;
 +
    color: #383838;
 +
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
 +
    font-size: 32px;
 +
    margin: 5px 0 0 0;
 +
    font-weight: bold;
 +
    text-align: left;}
 +
h2 {
 +
    /*background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent;*/
 +
    border: none;
 +
    padding: 20px 0 5px;
 +
    font-family: Arial;
 +
    font-size: 24px;
 +
    font-weight: bold;
 +
    color: #593672;  /* header 2 color */
 +
    clear: right;
 +
    margin-bottom: 0;}
 +
h3 {   
 +
    border: none;
 +
    padding: 20px 0 5px;
 +
    color: #990000;
 +
    font-size: 20px;   
 +
    font-family: Arial;}
 +
h4{   
 +
    border: none;
 +
    color: #000000;
 +
    font-size: 20px;
 +
    font-family: Arial;}
 +
h5 {
 +
    border: none;
 +
    font-size: 18px;
 +
    font-family: Arial;
 +
    color: #444444;
 +
    /* background-color: #b0b2b1; */}
 +
h6 {
 +
    border: none;
 +
    font-size: 16px;
 +
    font-family: Arial;
 +
    color: #444444;
 +
    /* background-color: #81F7BE; */ }
 +
#bodyContent h1, #bodyContent h2 {
 +
    margin-bottom: 0;}
 +
h3 {
 +
    font-size: 20px;
 +
    padding: 15px 0 5px 0;}
 +
h4 {
 +
    font-weight: bold;}
 +
ul {
 +
    list-style-position: inside;
 +
    margin: 0;}
 +
a, a:visited, a:active {
 +
    color: #3366CC;}
 +
pre {
 +
    overflow: auto;
 +
    font-size: 12px;}
 +
div.tright, div.floatright {
 +
    border: none;
 +
    margin: 10px 0 10px 20px;}
 +
div.tleft, div.floatleft {
 +
    border: none;
 +
    margin: 10px 20px 10px 0;}
 +
div.tnone {
 +
    border: none;}
 +
iframe {
 +
    margin: 1px;}
 +
hr {
 +
    height: 0;
 +
    border-top: 1px solid #AAA;
 +
    border-bottom: 1px solid #FFF;}
 +
.clear {
 +
    clear: both;
 +
    height: 0;
 +
    padding: 0;
 +
    margin: 0;
 +
    border: none;
 +
    visibility: hidden;}
 +
.superscript {
 +
    font-size: 80%;
 +
    position: relative;
 +
         top: -5px;}
 +
.subscript {
 +
    font-size: 80%;
 +
    position: relative;
 +
        top: 5px;}
 +
.farve0 {
 +
        background-color: #999999;}
 +
.farve1 {
 +
        background-color: #FFCC00;}
 +
.farve2 {
 +
        background-color: #FF9900;}
 +
.farve3 {
 +
        background-color: #FF6600;}
 +
.farve4 {
 +
        background-color: #FF0000;}
 +
.farve5 {
 +
        background-color: #990000;}
 +
.farve6 {
 +
        background-color: #FF0099;}
 +
.farve7 {
 +
        background-color: #CC3399;}
 +
.farve8 {
 +
        background-color: #990066;}
 +
.farve9 {
 +
        background-color: #660066;}
 +
.farve10 {
 +
        background-color: #990099;}
 +
.farve11 {
 +
        background-color: #3366CC;}
 +
.farve12 {
 +
        background-color: #33CCFF;}
 +
.farve13 {
 +
        background-color: #99CC33;}
 +
.farve14 {
 +
        background-color: #66CC00;}
 +
.coloredBg {
 +
    font-size: 12px;
 +
    font-weight: normal;
 +
    color: #FFFFFF;
 +
    padding: 5px;}
 +
 
 +
 
 +
#bodyContent table.month a { background:none; padding:0 }
 +
.day-active { color:#0000cc }
 +
.day-empty  { color:#7CC0C0 }  /*81CBCB*/
 +
 
 +
 
 +
/* Layout */
 +
/**********/
 +
body, #heading, #innercontent {
 +
     background: #EE0000;}  /*side background colour */
 +
#content, #globalWrapper {
 +
     border: none;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;}
 +
.centering {
 +
    margin: 0 auto;
 +
    width: 1024px;}
 +
.centering2 {
 +
    margin: 0 auto;
 +
    width: 1003px;
 +
}
 +
#header {
 +
    background: url("https://static.igem.org/mediawiki/2014/thumb/3/3a/Placeholderwide.png/800px-Placeholderwide.png") no-repeat center  #ffffff;  /* headerpicture and colour beyond edges */
 +
 
 +
<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a>
 +
 
 +
 
 +
 
 +
  /*https://static.igem.org/mediawiki/2013/2/28/DTU-sample-intro.jpg 
 +
    https://static.igem.org/mediawiki/2013/6/6d/DTU-sample-intro2.png
 +
    https://static.igem.org/mediawiki/2013/8/8d/DTU_header_image.png */
 +
    box-shadow: 0 0 10px  rgba(0, 0, 0, 0.5);
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
 +
    height: 240px;
 +
    width: 100%;
 +
    border-top: 1px solid #593672;  /* red: 990000, blue: 098C9F */
 +
    border-bottom: 1px solid #593672;}  /* red: 990000, blue: 098C9F  */
 +
/*#header .centering {
 +
    background: url("https://static.igem.org/mediawiki/2013/3/3a/DTU-Denmark-temp-header2.png") no-repeat top left transparent;
 +
    height: 100px;}*/
 +
#heading {
 +
    height: 50px;
 +
    border-top: 1px solid #ffffff;}
 +
#innercontent {
 +
    padding: 1px;}
 +
.whitebox {
 +
    background: url("https://static.igem.org/mediawiki/2013/8/81/DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
 +
    border: 1px solid #FFFFFF;
 +
     /*text-align: justify;*/
 +
     margin: 0px 0;}
 +
.article {
 +
    padding: 0 20px 10px 270px;
 +
    width: 673px;}
 +
.whitebox a {
 +
    width: 1024px;
 +
    font-weight: bold;}
 +
#toc a {
 +
    font-weight: normal;} 
 +
 
 +
/* For overview pages */
 +
/**********************/
 +
.overviewPage {
 +
     margin-left: -250px;}
 +
.overviewBox {
 +
    width: 900px;  /*450px;*/ }
 +
.left {
 +
    float: left;}
 +
.right {
 +
    float: right;}
 +
 
 +
/* Footer */
 +
/**********/
 +
#footer-panel {
 +
    background: #FFFFFF; /* #871717 #333333*/
 +
     border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */
 +
    color: #000000;
 +
    width: 100%;
 +
    }
 +
#bodyContent {
 +
    background: #FFFFFF; /* #871717 */
 +
    color: #000000;
 +
}
 +
#footer-panel h4 {
 +
    color: #999999;
 +
    font-weight: bold;}
 +
#footer-panel p {
 +
    color: #000000; /*#CCCCCC*/
 +
}
 +
div.footerBox3 {
 +
    border-right: 1px solid;
 +
    float: left;
 +
    margin: 10px 20px 10px 0;
 +
    padding: 0 20px 0 0;
 +
    width: 648px;
 +
    min-height: 270px;}
 +
div.footerBox2 {
 +
    border-right: 1px solid;
 +
    float: left;
 +
    margin: 10px 20px 10px 0;
 +
    padding: 0 20px 0 0;
 +
    width: 234px;
 +
    min-height: 270px;}
 +
div.footerBox2:last-child {
 +
    border: none;
 +
    margin: 10px 0;
 +
    padding: 0;}
 +
div.footerBox1 {
 +
    border-right: 1px solid;
 +
    float: left;
 +
    margin: 10px 20px 10px 0;
 +
    padding: 0 20px 0 0;
 +
    width: 608px;
 +
    min-height: 270px;}
 +
div.footerBox {
 +
    border-right: 1px solid;
 +
    float: left;
 +
    margin: 10px 20px 10px 0;
 +
    padding: 0 20px 0 0;
 +
    width: 882px;   /* 274px; */
 +
    min-height: 270px;}
 +
div.footerBox:last-child {
 +
    border: none;
 +
    margin: 10px 0;
 +
    padding: 0;}
 +
img.sponsorImage{
 +
    float: center; /* left */
 +
    width: 220px; /*180 - 84*/
 +
    padding: 0;
 +
    margin: 0;
 +
    border: 0px solid #444444;}
 +
img.sponsorImage1{
 +
    float: left;
 +
    width: 190px; /*84*/
 +
    height: 85px;
 +
    padding: 0;
 +
    margin: 0;
 +
    border: 0px solid #444444;}
 +
img.hasPicOnRight {
 +
    padding-right: 40px;  /*10*/
 +
    /*border-right-width: 1px;*/}
 +
img.hasPicOnLeft {
 +
    padding-left: 40px;  /*10*/
 +
}
 +
img.hasPicOnTop {
 +
    margin-top: 30px;
 +
}
 +
 
 +
 
 +
/* Redisigning [edit] button */
 +
/*****************************/
 +
span.editsection {color: #CCCCCC;}
 +
/*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/
 +
 
 +
 
 +
/* Sexy Drop Down Menu (thanks to sohtanaka.com) */
 +
/*********************************************/
 +
li.navitem1 > a, li.navitem1 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem2 > a, li.navitem2 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem3 > a, li.navitem3 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem4 > a, li.navitem4 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem5 > a, li.navitem5 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem6 > a, li.navitem6 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem7 > a, li.navitem7 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem8 > a, li.navitem8 > span {
 +
    border-bottom: 1px solid;}
 +
li.navitem9 > a, li.navitem9 > span {
 +
    border-bottom: 1px solid;}
 +
   
 +
.page-Team_DTU-Denmark li.home a,
 +
 
 +
.page-Team_DTU-Denmark_Team li.team a,
 +
 
 +
.page-Team_DTU-Denmark_Project li.project a,
 +
.page-Team_DTU-Denmark_Bioinformatics li.project a,
 +
.page-Team_DTU-Denmark_Timeline li.project a,
 +
.page-Team_DTU-Denmark_Experiments li.project a,
 +
 
 +
.page-Team_DTU-Denmark_Parts li.parts a,
 +
 
 +
.page-Team_DTU-Denmark_Modeling li.modeling a,
 +
.page-Team_DTU-Denmark_Protocols li.modeling a,
 +
.page-Team_DTU-Denmark_Technical_stuff_math li.modeling a,
 +
.page-Team_DTU-Denmark_Matlab li.modeling a,
 +
 
 +
.page-Team_DTU-Denmark_Notebook li.notebook a,
 +
.page-Team_DTU-Denmark_Methods li.notebook a,
 +
 
 +
.page-Team_DTU-Denmark_Safety li.safety a,
 +
.page-Team_DTU-Denmark_General li.safety a,
 +
.page-Team_DTU-Denmark_Answers li.safety a,
 +
.page-Team_DTU-Denmark_Risk_Assessment li.safety a,
 +
 
 +
.page-Team_DTU-Denmark_Human_Practices li.humanpractices a,
 +
.page-Team_DTU-Denmark_Overview li.humanpractices a,
 +
.page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a,
 +
.page-Team_DTU-Denmark_University_Outreach li.humanpractices a,
 +
.page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,
 +
 
 +
.page-Team_DTU-Denmark_Attributions li.sponsors a,
 +
 
 +
ul.topnav > li > a:hover {
 +
        padding-bottom: 3px;
 +
        border-bottom-width: 7px;}
 +
   
 +
#navigation,.navigation {
 +
    height: 35px;
 +
    width: 100%;
 +
    text-align:left;}
 +
.navigation {
 +
  /* background: url("https://static.igem.org/mediawiki/2014/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
 +
    /* Image that gives the color to navigation bar */
 +
    /* background: url("https://static.igem.org/mediawiki/2013/a/a0/Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
 +
    /* background: url("https://static.igem.org/mediawiki/2013/1/14/DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */
 +
    /*background: url("https://static.igem.org/mediawiki/2014/9/96/Topnav-green1.gif") repeat-x scroll 0 -1px #027600;*/
 +
    /*background: url("https://static.igem.org/mediawiki/2014/d/d0/Topnav-green2.gif") repeat-x scroll 0 -1px #027600;
 +
    /*background: url("https://static.igem.org/mediawiki/2014/2/2e/Topnav-green3.gif") repeat-x scroll 0 -1px #027600;*/
 +
    /*background: url("https://static.igem.org/mediawiki/2014/8/81/Topnav-green4.gif") repeat-x scroll 0 -1px #027600;*/
 +
    background: url("https://static.igem.org/mediawiki/2014/e/ed/DTU-Denmark-Spinach-menu-2.png") repeat-x scroll 0 -1px #027600;
 +
 
 +
 
 +
    z-index: 1;
 +
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
 +
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
 +
    position: relative;
 +
    width:100%;
 +
    border-top: 6px solid #873000;
 +
    border-bottom: 6px solid #873000;}  The previous red color was: 990000 & 593672 for blue was 098C9F */
 +
.stickToTop {
 +
    position: fixed;
 +
    top:0;
 +
    width:120%;}
 +
ul.topnav {
 +
    list-style: none;
 +
    padding: 0px 0px 0px 0px;
 +
    margin: 0;
 +
    float: left;
 +
    width: 100%;
 +
    font-size: 15px;
 +
}
 +
ul.topnav li {
 +
    float: left;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
 +
}
 +
ul.topnav li a {
 +
    padding: 4px 10px 7px 10px;
 +
    color: #873000;
 +
    display: block;
 +
    text-decoration: none;
 +
    float: left;
 +
    font: normal 24px/30px twig;
 +
}
 +
ul.topnav > li > a {
 +
    height: 23px;
 +
    overflow: hidden;}
 +
/* ul.topnav li:first-child a{
 +
    padding-left: 0;
 +
} */
 +
ul.topnav li span { /*--Drop down trigger styles--*/
 +
    /*width: 17px;
 +
    height: 34px;
 +
    float: left;
 +
    background: url(https://static.igem.org/mediawiki/2013/4/45/Subnav_btn.gif) no-repeat center top;*/
 +
        color: ##b03803 /*CCCCCC  Colour of menu arrows*/;
 +
}
 +
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
 +
ul.topnav li ul.subnav {
 +
    z-index: 1; //Stay on top of slider
 +
    list-style: none;
 +
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 +
    left: 0; top: 35px;
 +
    background: #027600; /* 990000 ->red, blue->098C9F, older:#333; Colour of the drop-down menu */
 +
    margin: 0; padding: 0;
 +
    display: none;
 +
    float: left;
 +
    border: 1px solid #111;
 +
        border-radius: 0 0 5px 5px;
 +
}
 +
ul.topnav li ul.subnav li {
 +
    margin: 0; padding: 0;
 +
    /*border-top: 1px solid #00FF00; #252525; --Create bevel effect--*/
 +
    border-bottom: 1px solid ##873000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/
 +
    clear: both;
 +
        list-style: none outside none;
 +
}
 +
ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
 +
        width: 160px;
 +
}
 +
ul.topnav li ul.subnav li:last-child{
 +
        border-radius: 0 0 5px 5px;
 +
}
 +
html ul.topnav li ul.subnav li a {
 +
    float: left;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    width: 140px;
 +
}
 +
html ul.topnav li ul.subnav li a:last-child{
 +
        border-radius: 0 0 5px 5px;
 +
}
 +
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 +
    background: #222;
 +
/*url(https://static.igem.org/mediawiki/2013/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
 +
}
 +
 
 +
/* Slider (thanks to flowplayer.org) */
 +
/*************************************/
 +
.scrollable {
 +
/* required settinsg */
 +
position: relative;
 +
overflow :hidden;
 +
    margin-top: 0px; /* 14px; */
 +
    width:  600px; /* 963px;*/
 +
    height: 400px; /*400px; */
 +
    border: 1px solid #FFFFFF;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
 +
    background: #FFFFFF;}
 +
.scrollable .items {
 +
/* this cannot be too large */
 +
width: 50000px;
 +
position: absolute;}
 +
.items div {
 +
float: left;
 +
width: 963px;
 +
height: 370px;}
 +
.prev {
 +
        background: url(https://static.igem.org/mediawiki/2013/7/7d/UChi-slider-prev.png) no-repeat;
 +
        height: 74px;
 +
        width: 74px;
 +
        /* position: absolute;
 +
            left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519
 +
            top: 310px; */
 +
        margin-left: 50%;
 +
        cursor: pointer;}
 +
.next {
 +
        background: url(https://static.igem.org/mediawiki/2013/d/d9/UChi-slider-next.png) no-repeat;
 +
        height: 74px;
 +
        width: 74px;
 +
        margin-right: 50%;
 +
        /* position: absolute;
 +
            : -519px;  floor(963/2) + 74/2 = 481 + 37 = 518
 +
            top: 310px; */
 +
        cursor: pointer;}
 +
.disabled {
 +
        visibility: hidden;}
 +
/* position and dimensions of the navigator */
 +
.navi {
 +
    /*left: -56px;
 +
    margin-left: 50%;
 +
    position: center;
 +
    top: 690px; */
 +
    width: 112px;}
 +
.navi a {
 +
width: 8px;
 +
height: 8px;
 +
float: left;
 +
margin: 3px;
 +
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
 +
display: block;
 +
font-size: 1px;}
 +
.navi a:hover {
 +
background-position: 0 -8px;}
 +
.navi a.active {
 +
background-position: 0 -16px;}
 +
 
 +
.navi2 {
 +
    left: -56px;
 +
    margin-left: 50%;
 +
    position: absolute;
 +
    top: 700px;
 +
    width: 112px;}
 +
.navi2 a {
 +
width: 8px;
 +
height: 8px;
 +
float: left;
 +
margin: 3px;
 +
background: url(https://static.igem.org/mediawiki/2013/e/e3/UChi-slider-navigator-red.png) 0 0 no-repeat;
 +
display: block;
 +
font-size: 1px;}
 +
.navi2 a:hover {
 +
background-position: 0 -8px;}
 +
.navi2 a.active {
 +
background-position: 0 -16px;}
 +
 
 +
FBox {
 +
    border="0";
 +
    width: 270px;
 +
    padding: 0 20px 10px;
 +
    float: left;
 +
    margin-right: 15px;}
 +
 
 +
/* Calendar CSS */
 +
table.calendar          { margin: 0; padding: 10px;}
 +
table.calendar td      { margin: 0; padding: 2px; vertical-align: top; }
 +
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#000; text-align:center; font-size:120%; font-weight:bold;}
 +
table.month .dow td    { color:#033; text-align:center; font-size:110%; }
 +
table.month td.today    { background-color:#dd0; }
 +
table.month td {
 +
    border: none;
 +
    margin: 0;
 +
    padding: 1pt 1.5pt;
 +
    font-weight: bold;
 +
    font-size: 8pt;
 +
    text-align: center;
 +
    background-color: #eee;
 +
    }
 +
#bodyContent table.month a { background:none; padding:0}
 +
.day-active { color:#0000cc }
 +
.day-empty  { color:#cc0000 }
 +
 
 +
 
 +
/* bx-slider*/
 +
 
 +
<!-- jQuery library (served from Google) -->
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 +
<!-- bxSlider Javascript file -->
 +
<script src="/js/jquery.bxslider.min.js"></script>
 +
<!-- bxSlider CSS file -->
 +
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />

Revision as of 14:36, 23 July 2014

/* Removing wiki-like stuff */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}


@font-face { 

   font-family: 'twig';
   /*src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');*/
   src: url('https://dl.dropboxusercontent.com/s/0513od7g5ol2oxh/You%20Rook%20Marbelous.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;

} @media screen and (-webkit-min-device-pixel-ratio:0) { 

   @font-face {
       font-family: 'sketch_rockwell';
       src: url('https://dl.dropboxusercontent.com/s/cg7k4n3h4d4iu5h/PINEWOOD.TTF') format('truetype');
   }

}

/* Redesigning the topmenu -> removes the empty space above our header picture */ /***************************/ /* Start top-section reset ============================================== */

div#top-section { 

   border: 0;
   height: auto;
   margin: 0;
   position: static;
   width: auto;

}

div#p-logo { 

   height: auto;
   position: static;
   width: auto;
   z-index: auto;

}

div#p-logo a, div#p-logo a:hover { 

   text-decoration: none;

}

div#menubar { 

   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   position: static;
   top: 0px;
   white-space: normal;
   width: auto;
   z-index: auto;

}

div.left-menu, div.left-menu a { 

   color: inherit;
   left: 0;
   text-align: left;
   text-transform: none;

}

div#menubar ul { 

   color: inherit;
   list-style: disc outside none;
   margin: 0;
   padding: 0;

}

div#menubar li { 

   cursor: auto;
   display: list-item;
   padding: 0;
   margin: 0;
   position: static;

}

div.left-menu li a { 

   padding: 0;

}

div.left-menu:hover { 

   color: inherit;
   background-color: transparent;

}

div.left-menu:hover a { 

   color: inherit;

}

div.right-menu, div.right-menu a { 

   color: inherit;
   right: 0;
   text-align: left;

}

div.right-menu li a { 

   background-color: transparent;
   color: inherit;
   padding: 0;

}

div.right-menu li a:hover { 

   color: inherit;
   text-decoration: none;

}

div#search-controls { 

   background-color: transparent;
   height: auto;
   position: static;
   right: 0;
   text-align: left;
   top: 0;
   width: auto;
   z-index: auto;

}

/* Start top-section style ============================================== */

/* Remove logo and search */ div#p-logo, div#search-controls { 

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section { 

   margin: 0px auto;
   width: 965px;
   height: 20px;
   color: #d4c6b6;
   background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%;

}

/* Set font and positions */ div#menubar { 

   font-weight: bold;
   font-size: 13px;
   line-height: 20px;

}

div#menubar.right-menu { 

   float: right;

}

div#menubar.left-menu { 

   float: left;

}

/* Fix text */ div#menubar.left-menu a, div#menubar.left-menu li { 

   text-transform: capitalize;

}

div#menubar li { 

   padding: 0px 5px;
   display: inline;

}

/* White on hover */ div#menubar a:hover { 

   color: #FFFFFF;
   text-decoration: none;

}

div#menubar li[style="color:white;cursor:default"] { 

   display: none;

}

/* End top-section style ================================================ */



/* Font style and general */ /**************************/

  1. content { 
   font-family: 'Lucida Sans Unicode',sans-serif;
   font-size: 14px;
   color: #444444;
   text-align:justify; }

p { 

   margin: 0;}
  1. innercontent p { 
   margin: 0.6em 0;}

h1 { 

   border: none;
   color: #383838;
   text-shadow: 0 1px rgba(255, 255, 255, 0.5);
   font-size: 32px;
   margin: 5px 0 0 0;
   font-weight: bold;
   text-align: left;}

h2 { 

   /*background: url("Horisontal-line.png") repeat-x scroll 0 100% transparent;*/
   border: none;
   padding: 20px 0 5px;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   color: #593672;  /* header 2 color */
   clear: right;
   margin-bottom: 0;}

h3 { 

   border: none;
   padding: 20px 0 5px;
   color: #990000; 
   font-size: 20px;    
   font-family: Arial;}

h4{ 

   border: none;
   color: #000000;
   font-size: 20px;
   font-family: Arial;}

h5 { 

   border: none;
   font-size: 18px;
   font-family: Arial;
   color: #444444;
   /* background-color: #b0b2b1; */}

h6 { 

   border: none;
   font-size: 16px;
   font-family: Arial;
   color: #444444;
   /* background-color: #81F7BE; */ }
  1. bodyContent h1, #bodyContent h2 { 
   margin-bottom: 0;}

h3 { 

   font-size: 20px;
   padding: 15px 0 5px 0;}

h4 { 

   font-weight: bold;}

ul { 

   list-style-position: inside;
   margin: 0;}

a, a:visited, a:active { 

   color: #3366CC;}

pre { 

   overflow: auto;
   font-size: 12px;}

div.tright, div.floatright { 

   border: none;
   margin: 10px 0 10px 20px;}

div.tleft, div.floatleft { 

   border: none;
   margin: 10px 20px 10px 0;}

div.tnone { 

   border: none;}

iframe { 

   margin: 1px;}

hr { 

   height: 0;
   border-top: 1px solid #AAA;
   border-bottom: 1px solid #FFF;}

.clear { 

   clear: both;
   height: 0;
   padding: 0;
   margin: 0;
   border: none;
   visibility: hidden;}

.superscript { 

   font-size: 80%;
   position: relative;
       top: -5px;}

.subscript { 

   font-size: 80%;
   position: relative;
       top: 5px;}

.farve0 { 

       background-color: #999999;}

.farve1 { 

       background-color: #FFCC00;}

.farve2 { 

       background-color: #FF9900;}

.farve3 { 

       background-color: #FF6600;}

.farve4 { 

       background-color: #FF0000;}

.farve5 { 

       background-color: #990000;}

.farve6 { 

       background-color: #FF0099;}

.farve7 { 

       background-color: #CC3399;}

.farve8 { 

       background-color: #990066;}

.farve9 { 

       background-color: #660066;}

.farve10 { 

       background-color: #990099;}

.farve11 { 

       background-color: #3366CC;}

.farve12 { 

       background-color: #33CCFF;}

.farve13 { 

       background-color: #99CC33;}

.farve14 { 

       background-color: #66CC00;}

.coloredBg { 

   font-size: 12px;
   font-weight: normal;
   color: #FFFFFF;
   padding: 5px;}


  1. bodyContent table.month a { background:none; padding:0 }

.day-active { color:#0000cc } .day-empty { color:#7CC0C0 } /*81CBCB*/


/* Layout */ /**********/ body, #heading, #innercontent { 

   background: #EE0000;}  /*side background colour */
  1. content, #globalWrapper { 
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;}

.centering { 

   margin: 0 auto;
   width: 1024px;}

.centering2 { 

   margin: 0 auto;
   width: 1003px;

}

  1. header { 
   background: url("800px-Placeholderwide.png") no-repeat center  #ffffff;  /* headerpicture and colour beyond edges */

<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a> 


 /*DTU-sample-intro.jpg  
   DTU-sample-intro2.png
   DTU_header_image.png */
   box-shadow: 0 0 10px  rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
   height: 240px;
   width: 100%;
   border-top: 1px solid #593672;   /* red: 990000, blue: 098C9F */
   border-bottom: 1px solid #593672;}  /* red: 990000, blue: 098C9F  */

/*#header .centering { 

   background: url("DTU-Denmark-temp-header2.png") no-repeat top left transparent;
   height: 100px;}*/
  1. heading { 
   height: 50px;
   border-top: 1px solid #ffffff;}
  1. innercontent { 
   padding: 1px;}

.whitebox { 

   background: url("DTU-Denmark-innercontent-bg.png") repeat-x #FFFFFF;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   border: 1px solid #FFFFFF;
   /*text-align: justify;*/
   margin: 0px 0;}

.article { 

   padding: 0 20px 10px 270px;
   width: 673px;}

.whitebox a { 

   width: 1024px;
   font-weight: bold;}
  1. toc a { 
   font-weight: normal;}

/* For overview pages */ /**********************/ .overviewPage { 

   margin-left: -250px;}

.overviewBox { 

   width: 900px;   /*450px;*/ }

.left { 

   float: left;}

.right { 

   float: right;}

/* Footer */ /**********/

  1. footer-panel { 
   background: #FFFFFF; /* #871717 #333333*/
   border-top: 30px solid #593672; /*#990000 ->red, 098C9F->blue, older: #871717 1px solid #D9D9D9; */
   color: #000000;
   width: 100%;
   }
  1. bodyContent { 
   background: #FFFFFF; /* #871717 */
   color: #000000;

}

  1. footer-panel h4 { 
   color: #999999;
   font-weight: bold;}
  1. footer-panel p { 
   color: #000000; /*#CCCCCC*/

} div.footerBox3 { 

   border-right: 1px solid;
   float: left;
   margin: 10px 20px 10px 0;
   padding: 0 20px 0 0;
   width: 648px;
   min-height: 270px;}

div.footerBox2 { 

   border-right: 1px solid;
   float: left;
   margin: 10px 20px 10px 0;
   padding: 0 20px 0 0;
   width: 234px;
   min-height: 270px;}

div.footerBox2:last-child { 

   border: none;
   margin: 10px 0;
   padding: 0;}

div.footerBox1 { 

   border-right: 1px solid;
   float: left;
   margin: 10px 20px 10px 0;
   padding: 0 20px 0 0;
   width: 608px;
   min-height: 270px;}

div.footerBox { 

   border-right: 1px solid;
   float: left;
   margin: 10px 20px 10px 0;
   padding: 0 20px 0 0;
   width: 882px;   /* 274px; */
   min-height: 270px;}

div.footerBox:last-child { 

   border: none;
   margin: 10px 0;
   padding: 0;}

img.sponsorImage{ 

   float: center; /* left */
   width: 220px; /*180 - 84*/
   padding: 0;
   margin: 0;
   border: 0px solid #444444;}

img.sponsorImage1{ 

   float: left;
   width: 190px; /*84*/
   height: 85px;
   padding: 0;
   margin: 0;
   border: 0px solid #444444;}

img.hasPicOnRight { 

   padding-right: 40px;  /*10*/
   /*border-right-width: 1px;*/}

img.hasPicOnLeft { 

   padding-left: 40px;  /*10*/

} img.hasPicOnTop { 

   margin-top: 30px;

}


/* Redisigning [edit] button */ /*****************************/ span.editsection {color: #CCCCCC;} /*span.editsection, a:link, a:visited, a:active {color: #CCCCCC;}*/


/* Sexy Drop Down Menu (thanks to sohtanaka.com) */ /*********************************************/ li.navitem1 > a, li.navitem1 > span { 

   border-bottom: 1px solid;}

li.navitem2 > a, li.navitem2 > span { 

   border-bottom: 1px solid;}

li.navitem3 > a, li.navitem3 > span { 

   border-bottom: 1px solid;}

li.navitem4 > a, li.navitem4 > span { 

   border-bottom: 1px solid;}

li.navitem5 > a, li.navitem5 > span { 

   border-bottom: 1px solid;}

li.navitem6 > a, li.navitem6 > span { 

   border-bottom: 1px solid;}

li.navitem7 > a, li.navitem7 > span { 

   border-bottom: 1px solid;}

li.navitem8 > a, li.navitem8 > span { 

   border-bottom: 1px solid;}

li.navitem9 > a, li.navitem9 > span { 

   border-bottom: 1px solid;}

.page-Team_DTU-Denmark li.home a,

.page-Team_DTU-Denmark_Team li.team a,

.page-Team_DTU-Denmark_Project li.project a, .page-Team_DTU-Denmark_Bioinformatics li.project a, .page-Team_DTU-Denmark_Timeline li.project a, .page-Team_DTU-Denmark_Experiments li.project a,

.page-Team_DTU-Denmark_Parts li.parts a,

.page-Team_DTU-Denmark_Modeling li.modeling a, .page-Team_DTU-Denmark_Protocols li.modeling a, .page-Team_DTU-Denmark_Technical_stuff_math li.modeling a, .page-Team_DTU-Denmark_Matlab li.modeling a,

.page-Team_DTU-Denmark_Notebook li.notebook a, .page-Team_DTU-Denmark_Methods li.notebook a,

.page-Team_DTU-Denmark_Safety li.safety a, .page-Team_DTU-Denmark_General li.safety a, .page-Team_DTU-Denmark_Answers li.safety a, .page-Team_DTU-Denmark_Risk_Assessment li.safety a,

.page-Team_DTU-Denmark_Human_Practices li.humanpractices a, .page-Team_DTU-Denmark_Overview li.humanpractices a, .page-Team_DTU-Denmark_High_School_Outreach li.humanpractices a, .page-Team_DTU-Denmark_University_Outreach li.humanpractices a, .page-Team_DTU-Denmark_Public_Outreach li.humanpractices a,

.page-Team_DTU-Denmark_Attributions li.sponsors a,

ul.topnav > li > a:hover { 

       padding-bottom: 3px;
       border-bottom-width: 7px;}
  1. navigation,.navigation { 
   height: 35px;
   width: 100%;
   text-align:left;}

.navigation { 

  /* background: url("Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
   /* Image that gives the color to navigation bar */
   /* background: url("Topnav_bg2.gif") repeat-x scroll 0 -1px #990000;*/
   /* background: url("DTU_Topnav_bg3.gif") repeat-x scroll 0 -1px #098C9F; */
   /*background: url("Topnav-green1.gif") repeat-x scroll 0 -1px #027600;*/
   /*background: url("Topnav-green2.gif") repeat-x scroll 0 -1px #027600;
   /*background: url("Topnav-green3.gif") repeat-x scroll 0 -1px #027600;*/
   /*background: url("Topnav-green4.gif") repeat-x scroll 0 -1px #027600;*/
   background: url("DTU-Denmark-Spinach-menu-2.png") repeat-x scroll 0 -1px #027600;



   z-index: 1;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   position: relative;
   width:100%;
   border-top: 6px solid #873000;
   border-bottom: 6px solid #873000;}  The previous red color was: 990000 & 593672 for blue was 098C9F */

.stickToTop { 

   position: fixed;
   top:0;
   width:120%;}

ul.topnav { 

   list-style: none;
   padding: 0px 0px 0px 0px;
   margin: 0;
   float: left;
   width: 100%;
   font-size: 15px;

} ul.topnav li { 

   float: left;
   margin: 0;
   padding: 0;
   position: relative; /*--Declare X and Y axis base for sub navigation--*/

} ul.topnav li a { 

   padding: 4px 10px 7px 10px;
   color: #873000;
   display: block;
   text-decoration: none;
   float: left;
   font: normal 24px/30px twig;

} ul.topnav > li > a { 

   height: 23px;
   overflow: hidden;}

/* ul.topnav li:first-child a{ 

   padding-left: 0;

} */ ul.topnav li span { /*--Drop down trigger styles--*/ 

   /*width: 17px;
   height: 34px;
   float: left;
   background: url(Subnav_btn.gif) no-repeat center top;*/
       color: ##b03803 /*CCCCCC  Colour of menu arrows*/;

} ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { 

   z-index: 1; //Stay on top of slider
   list-style: none;
   position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
   left: 0; top: 35px;
   background: #027600; /* 990000 ->red, blue->098C9F, older:#333; Colour of the drop-down menu */
   margin: 0; padding: 0;
   display: none;
   float: left;
   border: 1px solid #111;
       border-radius: 0 0 5px 5px;

} ul.topnav li ul.subnav li { 

   margin: 0; padding: 0;
   /*border-top: 1px solid #00FF00; #252525; --Create bevel effect--*/
   border-bottom: 1px solid ##873000; /*Color of border in drop-down menu (navigbar)#444;--Create bevel effect--*/
   clear: both;
       list-style: none outside none;

} ul.topnav li ul.subnav, ul.topnav li ul.subnav li { 

       width: 160px;

} ul.topnav li ul.subnav li:last-child{ 

       border-radius: 0 0 5px 5px;

} html ul.topnav li ul.subnav li a { 

   float: left;
   padding-left: 10px;
   padding-right: 10px;
   width: 140px;

} html ul.topnav li ul.subnav li a:last-child{ 

       border-radius: 0 0 5px 5px;

} html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ 

   background: #222;

/*url(Dropdown_linkbg.gif) no-repeat 10px center;*/ }

/* Slider (thanks to flowplayer.org) */ /*************************************/ .scrollable { /* required settinsg */ position: relative; overflow :hidden; 

   margin-top: 0px; /* 14px; */
   width:  600px; /* 963px;*/
   height: 400px; /*400px; */
   border: 1px solid #FFFFFF;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
   background: #FFFFFF;}

.scrollable .items { /* this cannot be too large */ width: 50000px; position: absolute;} .items div { float: left; width: 963px; height: 370px;} .prev { 

       background: url(UChi-slider-prev.png) no-repeat;
       height: 74px; 
       width: 74px;
       /* position: absolute;
           left: -518px; ceil(963/2) + 74/2 = 482 + 37 = 519
           top: 310px; */
       margin-left: 50%;
       cursor: pointer;}

.next { 

       background: url(UChi-slider-next.png) no-repeat;
       height: 74px;
       width: 74px;
       margin-right: 50%;
       /* position: absolute;
           : -519px;  floor(963/2) + 74/2 = 481 + 37 = 518 
           top: 310px; */
       cursor: pointer;}

.disabled { 

       visibility: hidden;}

/* position and dimensions of the navigator */ .navi { 

   /*left: -56px;
   margin-left: 50%;
   position: center;
   top: 690px; */
   width: 112px;}

.navi a { width: 8px; height: 8px; float: left; margin: 3px; background: url(UChi-slider-navigator-red.png) 0 0 no-repeat; display: block; font-size: 1px;} .navi a:hover { background-position: 0 -8px;} .navi a.active { background-position: 0 -16px;}

.navi2 { 

   left: -56px;
   margin-left: 50%;
   position: absolute;
   top: 700px; 
   width: 112px;}

.navi2 a { width: 8px; height: 8px; float: left; margin: 3px; background: url(UChi-slider-navigator-red.png) 0 0 no-repeat; display: block; font-size: 1px;} .navi2 a:hover { background-position: 0 -8px;} .navi2 a.active { background-position: 0 -16px;}

FBox { 

   border="0";
   width: 270px;
   padding: 0 20px 10px;
   float: left;
   margin-right: 15px;}

/* Calendar CSS */ table.calendar { margin: 0; padding: 10px;} table.calendar td { margin: 0; padding: 2px; vertical-align: top; } table.month .heading td { padding:2px; background-color:#d4d4d4; color:#000; text-align:center; font-size:120%; font-weight:bold;} table.month .dow td { color:#033; text-align:center; font-size:110%; } table.month td.today { background-color:#dd0; } table.month td { 

   border: none;
   margin: 0;
   padding: 1pt 1.5pt;
   font-weight: bold;
   font-size: 8pt;
   text-align: center;
   background-color: #eee;
   }
  1. bodyContent table.month a { background:none; padding:0}

.day-active { color:#0000cc } .day-empty { color:#cc0000 }


/* bx-slider*/

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="/js/jquery.bxslider.min.js"></script> <link href="/lib/jquery.bxslider.css" rel="stylesheet" />

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