Team:Chalmers-Gothenburg

From 2012.igem.org

Revision as of 16:04, 9 April 2012 by Wiebe (Talk | contribs)

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

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

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar {
   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. menubar > ul > li:last-child {
   display:none;}

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}
  1. toctitle {
   margin: 5px 0;}

.toc, #toc {

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}
  1. toc ul, .toc ul {
   margin: 0 5px 5px 5px;}

.toc ul li {

   padding-left: 12px;
   text-indent: -12px;
   /*width: 200px;*/}

.toc ul li ul li {

   padding-left: 30px;
   text-indent: -24px;
   /*width: 170px;*/}
  1. toc ul ul, .toc ul ul {
   margin: 0;}

.toc {

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation {

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden {

   position: static;
   margin-left: -250px;}

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

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

p {

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

h2, h3, h4, h5, h6 {

   border: none;
   font-weight: lighter;
   color: #444444;}

h1 {

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

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;
   clear: right;
   margin-bottom: 0;}
  1. bodyContent h1, #bodyContent h2 {
   margin-bottom: 0;}

h3 {

   font-size: 30px;
   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;}

.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;}

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

   background: url("DTU-Denmark2011-bg2.jpg") repeat #D7D7D7;}
  1. content, #globalWrapper {
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;}

.centering {

   margin: 0 auto;
   width: 965px;}
  1. header {
   background: url("DTU-Denmark2011-5element.png") no-repeat right -30px #990000;
   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: 100px;
   width: 100%;
   border-top: 1px solid #660000;
   border-bottom: 1px solid #660000;}
  1. header .centering {
   background: url("DTU-Denmark2011-temp-header2.png") no-repeat top left transparent;
   /*background: url("DTU-Denmark2011-temp-header.png") no-repeat top left transparent;*/
   height: 100px;}
  1. heading {
   height: 50px;
   border-top: 1px solid #FFFFFF;}
  1. innercontent {
   padding: 1px;} /* Important!*/

.whitebox {

   background: url("DTU-Denmark2011-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: 14px 0;}

.article {

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

.whitebox a {

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

/* Frontpage only */ /******************/ .smallBox {

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

.lastSmallBox {

   width: 269px;
   margin-right: 0;}

body.page-Team_DTU-Denmark div.whitebox:first-child {

   display: none;}

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

   margin-left: -250px;}

.overviewBox {

   width: 450px;}

.left {

   float: left;}

.right {

   float:right;}

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

  1. footer-panel {
   background: #333333;
   border-top: 1px solid #D9D9D9;}
  1. bodyContent {
   background: #333333;}
  1. footer-panel h4 {
   color: #999999;
   font-weight: bold;}
  1. footer-panel p {
   color: #CCCCCC;}

div.footerBox {

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

div.footerBox:last-child {

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

img.sponsorImage{

   float: left;
   width: 84px;
   padding: 0;
   margin: 0;
   border: 0px solid #444444;}

img.hasPicOnRight {

   padding-right: 10px;
   border-right-width: 1px;}

img.hasPicOnLeft {

   padding-left: 10px;}

img.hasPicOnTop {

   margin-top: 20px;

}

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

   margin-top: 14px;
   width: 963px;
   height: 370px;
   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(DTU-Denmark2011-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(DTU-Denmark2011-slider-next.png) no-repeat;
       height: 74px;
       width: 74px;
       margin-right: 50%;
       position: absolute;
           right: -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: absolute;
   top: 505px;
   width: 112px;}

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

/* Tooltips (thanks to flowplayer.org) */ /*********************************************/ /*.tooltip {

       z-index: 2;

display:none; background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); font-size:14px; height:70px; width:160px; padding:25px; color:#fff;}

  • /

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

   border-bottom: 1px solid #660066;}

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

   border-bottom: 1px solid #990099;}

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

   border-bottom: 1px solid #3366CC;}

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

   border-bottom: 1px solid #33CCFF;}

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

   border-bottom: 1px solid #99CC33;}

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

   border-bottom: 1px solid #FFCC00;}

.page-Team_DTU-Denmark li.home a,

.page-Team_DTU-Denmark_Vision li.vision a,

.page-Team_DTU-Denmark_Project li.project a, .page-Team_DTU-Denmark_Bioinformatic li.project a, .page-Team_DTU-Denmark_Project_testing_sRNA li.project a, .page-Team_DTU-Denmark_Project_improving_araBAD li.project a, .page-Team_DTU-Denmark_Modeling li.project a, .page-Team_DTU-Denmark_Data li.project a, .page-Team_DTU-Denmark_Attributions li.project a,

.page-Team_DTU-Denmark_Technical_stuff li.technical_stuff a, .page-Team_DTU-Denmark_Parts li.technical_stuff a, .page-Team_DTU-Denmark_Notebook li.technical_stuff a, .page-Team_DTU-Denmark_Protocols li.technical_stuff a, .page-Team_DTU-Denmark_Technical_stuff_math li.technical_stuff a, .page-Team_DTU-Denmark_Matlab li.technical_stuff a, .page-Team_DTU-Denmark_Safety li.technical_stuff a,

.page-Team_DTU-Denmark_Background li.background a, .page-Team_DTU-Denmark_Background_sRNA li.background a, .page-Team_DTU-Denmark_Background_the_natural_system li.background a, .page-Team_DTU-Denmark_Background_synthetic_biology li.background a,

.page-Team_DTU-Denmark_Team li.team a,

ul.topnav > li > a:hover { /*background: url(Topnav_hover.gif) no-repeat center -1px;*/

       padding-bottom: 1px;
       border-bottom-width: 5px;}
  1. navigation,.navigation {
   height: 35px;}

.navigation {

   background: url("Topnav_bg.gif") repeat-x scroll 0 -1px #222222;
   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;
   border-bottom: 1px solid #000000;}

.stickToTop {

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

ul.topnav { list-style: none; padding: 0; 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: 6px 20px 5px 20px; color: #fff; display: block; text-decoration: none; float: left; } 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: #CCCCCC;

} 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: #333; 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 #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #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; /*background: #333 url(Dropdown_linkbg.gif) no-repeat 10px center;*/

   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*/; }


This is a template page. READ THESE INSTRUCTIONS.
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples HERE.
You MUST have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.



You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Your team picture
Team Chalmers-Gothenburg


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions