Team:Potsdam Bioware/css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<head>
<head>
-
<p>
 
-
<style>
 
   
   
body{
body{

Revision as of 09:12, 10 September 2011

<head>

body{ font-family:verdana,arial,helvetica,geneva,sans-serif; background:#fff; }

.news{ font-size:1.17em; }

  1. content{

color: #333 }

a, a:visited, a:active, a:hover, a h5 { color: #1010b8; } a.onlyAnchor { text-decoration:none; color:#333; }

h1, h2, h3, h4, h5 { text-dekoration:none; padding:0px 0px 0px 0px; border: none; color: #333; text-align: left; }

.bold { font-weight: bolder; }

  1. bodyContent h1 {

display: block; font-size: 2em; margin: 20px 0 30px 0; font-weight: bolder; text-align:left; }

  1. bodyContent h2 {

display: block; font: x-small sans-serif; font-size: 1.5em; margin: .75em 0; text-align: left; font-weight: bolder; border-bottom: solid #555 1px; margin:0 0 0 0; padding-bottom: 2px; }

h3 { display: block; font-size: 1.17em; margin: .83em 0; text-align: left; font-weight: bolder; }

h4 { display: block; margin: 1.12em 0 text-align: center; font-weight: bolder; font-size: 1em; } h5 { display: inline; font-feight: bolder; font-size:0.9em; }

p.standard { font-size: 12px; margin: 20px 10px 20px 10px; text-align: justify; }

.box_home_small p { text-align:left; margin:0 10px 0; }

  1. bodyContent .box_home_small h2 {

margin-bottom:5px; }

.box_home p { margin: 10px 10px 10px 10px; text-align: left; } p { font-size: 12px; margin: 20px 10px 20px 10px; text-align: justify; }


/* table */ table { color:#333; border-collapse:collapse; background:transparent; } td { padding:10px; border: none; } table.highlights td { background: white; }

</style>

<style>

.pageContent img { margin:10px; margin:auto; }

  1. dna-foot img {

z-index: 20; }

  1. lab_journal_navi img {

margin: 2px 0; }

div.lab_journal_img img { width:400px; margin: 40px 5px 0px 5px; }

.virus img { margin:10px 0; }

.box_home img { float:left; width:100px; height:100px; margin:0 0 0 10px; }


img.right { float: right; max-width: 400px; max-height: 400px; } img.left { float: left; max-width: 400px; max-height: 400px; }

img.spon5 { max-width:135px; max-height:135px; } div.spon5{ padding:20px 20px 10px; float:left; width:135px; height:135px; } .spon5 .subtitle { display:none; }

  1. animated_virus {

width: auto; height: auto; }

  1. spon5 {

margin: 70px 20px 10px 20px; }

table.highlights { width:260px; }

</style>

<style> /* menu and header */

/* top menu */

  1. p-logo {

display:none; }

  1. top-section .left-menu {

margin-left:0px; }

  1. top-section {

background:transparent }

  1. menubar li.pad-right {

padding-right:20px; }

  1. search-controls {

top:15px; margin-right:30px; }

input.searchButton { color:#555; position:relative; top:-20px; left:20px; } input.searchButton:hover, #menubar li a:hover { color:#030659; }

  1. searchGoButton {

display:none; }

  1. searchInput {

width:100px; }

  1. searchform {

left:-15px; position:relative; }

  1. menubar li a, #menubar .selected a {

color:#030659; } div#menubar li.menubar_current { color:#970808; }

  1. top-section #menubar {

top:10px; }

  1. top-section .right-menu {

margin-right:185px; width:250px; }


input.searchButton { left:80px; }

/* banner */

  1. banner-wrap {

width:975px; height:350px; position:relative; margin-left:-10px; top:12px; background:transparent; }

  1. banner1, #banner2, #banner3 {

background:transparent; }

  1. banner1 {

float:left; width: 713px; height: 285px; margin: 0px 0px 0px 0px; background: transparent url(Freiburg10_Banner_Snippet_1.png) no-repeat scroll center 0px; position:relative; top:-25px; }

  1. banner2 {

float:left; width: 20px; height: 325px; margin: 0px 0px 0px 0px; background: transparent url(Freiburg10_Banner_Snippet_6.png) no-repeat scroll center 0px; position:relative; top:-25px; z-index:2; }

  1. banner3 {

float:left; width: 242px; height: 260px; margin: 0px 0px 0px 0px; background: transparent url(Freiburg10_Banner_Snippet_3.png) no-repeat scroll center 0px; position:relative; top:-25px; z-index:-1; }

  1. banneralt {

width: 965px; height: 400px; margin: 0px 0px 0px 0px; background: white url(Freiburg10_huennue5-_Kopie2.png) no-repeat scroll center 0px; } /* Drop-Down Start */

div#menu { left:5px; }

  1. menu {

clear:both; width: 975px; margin: 0px 0px 0px 0px; border: none; position: relative; text-align:center; top: -52px; filter:alpha(opacity=50); -moz-opacity: 0.97; opacity: 0.97; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2); filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2)"; z-index:1; }

  1. menu {list-style-type:none; padding:0;}
  2. menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:119px; height:3em;}
  3. menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
  4. menu li a, #menu li a:visited {text-decoration:none;}
  5. menu li dd {display:none;}
  6. menu li d3 {display:none;}
  7. menu li a:hover {border:0;}
  8. menu li:hover dd, #menu li a:hover dd, #menu li:hover d3, #menu li a:hover d3 {display:block;}
  9. menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
  10. menu table {border-collapse:collapse; padding:0; margin:-1px;}
  11. menu dl {width: 119px; margin: 0; padding: 0; background: transparent;}
  12. menu dt {margin:0; padding: 0;}
  1. menu dd, #menu d3 {margin:0; padding:0; color: #fff; font-size: 0.9em; text-align:left;width: 150px;}
  2. menu dd.first, #menu d3.first {margin: 30px 0 0;}
  1. menu dt a,
  2. menu dt a:visited {

width: 120px; height: 35px; margin: 10px 0x 10px 0px; padding: 15px 0px 0px 0px; float: left; font-weight: bold; font-size: 12px; text-decoration: none; color: #555555; background: transparent url(Freiburg10_button_a_120.jpg) no-repeat scroll center center; outline:none;}

  1. menu li:hover dt a,
  2. menu a:hover dt a,
  3. menu li:active dt a,
  4. menu a:active dt a {

color:#030659; background: transparent url(Freiburg10_button_aho_120.jpg) no-repeat scroll center center; outline:none; }

  1. menu li dt a.current,
  2. menu li dt a.current {

color:#970808; background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center; outline:none; }

  1. menu li:active dt a, #menu a:active dt a, #menu li:focus dt a, #menu a:focus dt a {color:#970808;}
  2. menu dt.menu_button_left a,
  3. menu dt.menu_button_left a:visited {

background: transparent url(Freiburg10_button_a_left_120.png) no-repeat scroll center center; }

  1. menu li:hover dt.menu_button_left a,
  2. menu a:hover dt.menu_button_left a,
  3. menu li:active dt.menu_button_left a,
  4. menu a:active dt.menu_button_left a,
  5. menu li dt.menu_button_left a.current,
  6. menu a dt.menu_button_left a.current {

background: transparent url(Freiburg10_button_aho_left_120.png) no-repeat scroll center center; }

  1. menu li:active dt.menu_button_left a,
  2. menu a:active dt.menu_button_left a,
  3. menu li:focus dt.menu_button_left a,
  4. menu a:focus dt.menu_button_left a {

color:#970808; }

  1. menu dt.menu_button_right a,
  2. menu dt.menu_button_right a:visited {

background: transparent url(Freiburg10_button_a_right_120.png) no-repeat scroll center center; }

  1. menu li:hover dt.menu_button_right a,
  2. menu a:hover dt.menu_button_right a,
  3. menu li:active dt.menu_button_right a,
  4. menu a:active dt.menu_button_right a,
  5. menu li dt.menu_button_right a.current,
  6. menu a dt.menu_button_right a.current {

background: transparent url(Freiburg10_button_aho_right_120.png) no-repeat scroll center center; }

  1. menu li:active dt.menu_button_right a,
  2. menu a:active dt.menu_button_right a,
  3. menu li:focus dt.menu_button_right a,
  4. menu a:focus dt.menu_button_right a {

color:#970808; }

  1. menu dd a, #menu dd a:visited, #menu d3 a, #menu d3 a:visited {background:#f5f5f5; color: #555555; padding:0.5em 0; text-decoration:none; display:block; text-align:left; border:none; font-weight:bolder; padding: 5px;}
  2. menu dd a:hover, #menu d3 a:hover {background: #d7f6d6; color:#030659; border: none; font-weight:bolder;}
  3. menu b {display:block; overflow:hidden; height:1px;}
  4. menu ul {list-style-image:none;}

/* 3rd level */

/* Drop-Down Start */

  1. menu3 {

width: 975px; margin: 0px 0px 0px 0px; border: none; position: relative; text-align:center; top: -57px; filter:alpha(opacity=50); -moz-opacity: 0.97; opacity: 0.97; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2); filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2)"; z-index:1; }

  1. menu3 {list-style-type:none; padding:0;}
  2. menu3 li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:119px; height:3em;}
  3. menu3 li dl {position:absolute; top:0; left:0; padding-bottom:0;}
  4. menu3 li a, #menu li a:visited {text-decoration:none;}
  5. menu3 li dd {display:none;}
  6. menu3 li d3 {display:none;}
  7. menu3 li a:hover {border:0;}
  8. menu3 li:hover dd, #menu li a:hover dd, #menu li:hover d3, #menu li a:hover d3 {display:block;}
  9. menu3 li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
  10. menu3 table {border-collapse:collapse; padding:0; margin:-1px;}
  11. menu3 dl {width: 119px; margin: 0; padding: 0; background: transparent;}
  12. menu3 dd {margin:0; padding: 0;}
  1. menu d3 {margin:0; padding:0; color: #fff; font-size: 0.9em; text-align:left;width: 150px;}
  2. menu d3.first {margin: 30px 0 0;}
  1. menu3 dd a,
  2. menu3 dd a:visited {

width: 120px; height: 35px; margin: 10px 0x 10px 0px; padding: 15px 0px 0px 0px; float: left; font-weight: bold; font-size: 12px; text-decoration: none; color: #555555; background: none repeat scroll 0 0 #F5F5F5; outline:none;}

  1. menu3 li:hover dd a,
  2. menu3 a:hover dd a,
  3. menu3 li:active dd a,
  4. menu3 a:active dd a {

color:#030659; background: background: none repeat scroll 0 0 #030659; outline:none; }

  1. menu3 li dd a.current,
  2. menu3 li dd a.current {

color:#970808; background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center; outline:none; }

  1. menu3 li:active dd a, #menu a:active dd a, #menu li:focus dd a, #menu a:focus dt a {color:#970808;}
  2. menu3 dd.menu_button_left a,
  3. menu3 dd.menu_button_left a:visited {

background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/2/2f/Freiburg10_button_a_left_120.jpg) no-repeat scroll center center; }

  1. menu3 li:hover dd.menu_button_left a,
  2. menu3 a:hover dd.menu_button_left a,
  3. menu3 li:active dd.menu_button_left a,
  4. menu3 a:active dd.menu_button_left a,
  5. menu3 li dd.menu_button_left a.current,
  6. menu3 a dd.menu_button_left a.current {

background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/9/92/Freiburg10_button_aho_left_120.jpg) no-repeat scroll center center; }

  1. menu3 li:active dd.menu_button_left a,
  2. menu3 a:active dd.menu_button_left a,
  3. menu3 li:focus dd.menu_button_left a,
  4. menu3 a:focus dd.menu_button_left a {

color:#970808; }

  1. menu3 dd.menu_button_right a,
  2. menu3 dd.menu_button_right a:visited {

background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/a/a6/Freiburg10_button_a_right_120.jpg) no-repeat scroll center center; }

  1. menu3 li:hover dd.menu_button_right a,
  2. menu3 a:hover dd.menu_button_right a,
  3. menu3 li:active dd.menu_button_right a,
  4. menu3 a:active dd.menu_button_right a,
  5. menu3 li dd.menu_button_right a.current,
  6. menu3 a dd.menu_button_right a.current {

background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f9/Freiburg10_button_aho_right_120.jpg) no-repeat scroll center center; }

  1. menu3 li:active dd.menu_button_right a,
  2. menu3 a:active dd.menu_button_right a,
  3. menu3 li:focus dd.menu_button_right a,
  4. menu3 a:focus dd.menu_button_right a {

color:#970808; }

  1. menu3 d3 a, #menu3 d3 a:visited {background:#f5f5f5; color: #555555; padding:0.5em 0; text-decoration:none; display:block; text-align:left; border:none; font-weight:bolder; padding: 5px;}
  2. menu3 d3 a:hover {background: #d7f6d6; color:#030659; border: none; font-weight:bolder;}
  3. menu3 b {display:block; overflow:hidden; height:1px;}
  4. menu3 ul {list-style-image:none;}

/* Drop-Down-End */


  1. content a#top {

display:none; }

.firstHeading, #contentSub { display:none; }

</style>

<style>

.separator{ border-bottom: 1px solid #eee; }

div.box_home { margin:15px; float:left; width:400px; height:240px; padding:10px; background: transparent url(Freiburg10_Box_Home.png) no-repeat scroll center 0px; } div.box_home:hover { background: transparent url(Freiburg10_Box_Home.png) no-repeat scroll center 0px; } div.box_home div.img { width:140px; } .box_home h2 { width:265px; } div.box_home_small { margin:15px; float:left; width:175px; height:240px; padding:10px; background: transparent url(Freiburg10_Box_Small.png) no-repeat scroll center 0px; } div.box_home_small:hover { background: transparent url(Freiburg10_Box_Small.png) no-repeat scroll center 0px; }

div.box_home_small img { max-width: 50px; float:right; margin:0 10px 10px 0; } .box_home_small h2 { width:110px; }

div.box_long { margin:15px; float:left; width:400px; height:95px; padding:10px; background: transparent url(Freiburg10_Box_Long.png) no-repeat scroll center 0px; }

div.box_long img { max-width: 100px; max-height:100px; float:right; margin:0 10px 10px 0; }

div.box_long h2 { width: 335px; }

div.div_home { width: 590px; margin:0 15px 15px; float:left; }

div.virus { height:260px; margin: 0 15px 15px; float:right; }


/* labjournal css */

.box_labjournal_195 a { margin: 5px 0px 5px 25px; float: left; width: 195px; height: 260px; background: transparent url(Freiburg10_Box_Small.png) no-repeat scroll center 0px; } .box_labjournal_195 a:hover { background: transparent url(Freiburg10_Box_klein.png) no-repeat scroll center 0px; text-decoration: none; }

.image_labjournal { width: 195px; height: auto; margin: 0px 0px 0px 0px; }

.boxes_labjournal_day { font-family: verdana,arial,helvetica,geneva,sans-serif; font-size: 12px; text-align: left margin: 10px 0px 0px 5px; color: #333; }

.boxes_labjournal_text { font-family: verdana,arial,helvetica,geneva,sans-serif; font-size: 12px; text-align: center; margin: 5px 0px 0px 0px; color: #333; }

/*labjournal style ends here */

  1. logo {

width: 160px; height: 180px; margin: 15px 10px 0px 10px; float: left; align: left; vertical-align: bottom; }

img.logoright { margin: 5px; float: right; }

img.logorightII { margin: 50px 100px 30px 200px; float: right; }

/* news ticker */ .newsticker { list-style-type: none; 

       list-style-image: none;

border: none; background: transparent; padding: 0; margin: 0; 

       top:-30px;

} .news p { margin:0; position:relative; top:45px; font-size:1em; text-align:center; left:-10px; padding:0 5px; }

.news { position:relative; top:-30px; }

div.box_long_news a h2 { width: 275px; }

/* go to the top */

  1. to_top {

position: fixed; bottom: 50px; right: 10px; height: 110px; width: 40px; background: transparent url("http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/c/cb/To_the_top_image.png") no-repeat scroll center center; /*border: 1px solid black;*/ }

</style>


<head> <style type="text/css">

  • {

padding: 0; margin: 0; }

  1. globalWrapper {

background: url(Freiburg10_Wrap_background.png) #fff; margin:auto; width:1305px; }

  1. top-section {

border:none; }

  1. content {

top:-118px; border: none; padding:0; width:975px; background:transparent; position:relative; } .pageContent { position:relative; padding:35px 30px 0; width:905px; clear:both; z-index:5px; background:transparent; top:-130px; left:3px; }

  1. bodyContent{

width:975px; clear:both; position:relative; top:30px; margin-bottom:-180px; background:none repeat transparent; z-index:5; }

  1. footer-box {

position:relative; clear:both; background:url(Freiburg10_Banner_Snippet_7.png) transparent no-repeat; border:none; width:980px; height:190px; clear:both; z-index:10; }

  1. f-copyrightico, #f-poweredbyico {

position:relative; top:180px; display:none; }

  1. f-list {

position:relative; top:20px; }


.clearfix { clear: both; } .left { float:left; } .right { float:right; }

div.lab_journal_box { width:905px; height:290px; clear:both; } div.lab_journal_text { float:left; width:460px; height:auto; margin: 0px 5px 0px 5px; text-align:justify; } div.lab_journal_img { float: right; width: 400px; height: auto; } /* box IE */ .box_full { background: #cbffef; } div.box { margin: 10px 0 20px; padding:10px; border: 0px solid #eee; background:-moz-linear-gradient(top, #fbffff, #cbffef); /* Firefox */ background:-webkit-gradient(linear, left top, left bottom, from(#fbffff), to(#cbffef)); /* Safari, Chrome */ -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#fbffff, endColorstr=#cbffef); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#fbffff, endColorstr=#cbffef)"; }

div.box { 

 position: relative;

}

div.box > .tl, div.box > .tr, div.box > .bl, div.box > .br { 

 width: 12px;
 height: 12px;
 position: absolute;

}

div.box > .tl { 

 background: url(Freiburg10_tl.png) top left no-repeat;
 top: 0;
 left: 0;

}

div.box > .tr { 

 background: url(Freiburg10_tr.png) top right no-repeat;
 top: 0;
 right: 0;

}

div.box > .bl { 

 background: url(Freiburg10_bl.png) bottom left no-repeat;
 bottom: 0;
 left: 0;

}

div.box > .br { 

 background: url(Freiburg10_br.png) bottom right no-repeat;
 bottom: 0;
 right: 0;

}


div.box_full { width:885px; } embed { z-index:0; }

div.map { padding-left:35px; clear:both; }

.nh { margin:35px; } div.statistics { float:left; width:510px; text-align:center; }

  1. bodyContent div.statistics h1, div.statistics h3 {

text-align:center; }

</style> </head>

</p>

Retrieved from "http://2011.igem.org/Team:Potsdam_Bioware/css"