Team:Potsdam Bioware/css

From 2011.igem.org

Revision as of 09:08, 10 September 2011 by Kai (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

<style> 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>

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