Team:Freiburg Bioware/css

From 2010.igem.org

(Difference between revisions)
 
(170 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- Freiburg_bioware -->
+
{{:Team:Freiburg_Bioware/css_font}}{{:Team:Freiburg_Bioware/css_images}}{{:Team:Freiburg_Bioware/css_menu}}{{:Team:Freiburg_Bioware/css_homepage}}
<html>
<html>
-
<!-- Stylesheed -->
+
<head>
-
<style>
+
<style type="text/css">
-
#content {
+
{
-
width: 965px;
+
padding: 0;
-
background: white
+
margin: 0;
-
url(https://static.igem.org/mediawiki/2010/f/f5/Freiburg10_huennue5-_Kopie2.png) no-repeat scroll center 90px;
+
-
*border: 1px solid black;*
+
-
border: none;
+
}
}
-
 
+
#globalWrapper {
-
#banner {
+
background: url(https://static.igem.org/mediawiki/2010/b/b4/Freiburg10_Wrap_background.png) #fff;
-
width: 965px;
+
margin:auto;
-
height: 225px;
+
width:1305px;
-
margin: 0px 0px 0px 0px;
+
}
}
-
 
+
#top-section {
-
/*Menu and the corresponding buttons*/
+
border:none;
-
 
+
-
#menu {
+
-
width: 960px;
+
-
margin: 0px 0px 0px 0px;
+
-
border: none;
+
}
}
-
 
+
#content {
-
div.menu_button_left a {
+
top:-118px;
-
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(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/2/2f/Freiburg10_button_a_left_120.jpg) no-repeat scroll center center;
+
-
/*border: 1px solid red;*/
+
border: none;
border: none;
 +
padding:0;
 +
width:975px;
 +
background:transparent;
 +
position:relative;
}
}
-
div.menu_button_left a:hover {
+
.pageContent {
-
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;
+
position:relative;
-
border: none;
+
padding:35px 30px 0;
 +
width:905px;
 +
clear:both;
 +
z-index:5px;
 +
background:transparent;
 +
top:-130px;
 +
left:3px;
}
}
-
 
+
#bodyContent{
-
div.menu_button_right a {
+
width:975px;
-
width: 120px;
+
clear:both;
-
height: 35px;
+
position:relative;
-
margin: 10px 0x 10px 0px;
+
top:30px;
-
padding: 15px 0px 0px 0px;
+
margin-bottom:-180px;
-
float: left;
+
background:none repeat transparent;
-
font-weight: bold;
+
z-index:5;
-
font-size: 12px;
+
-
text-decoration: none;
+
-
color: #555555;
+
-
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;
+
-
/*border: 1px solid red;*/
+
-
border: none;
+
}
}
-
div.menu_button_right a:hover {
+
#footer-box {
-
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;
+
position:relative;
-
border: none;
+
clear:both;
 +
background:url(https://static.igem.org/mediawiki/2010/8/85/Freiburg10_Banner_Snippet_7.png) transparent no-repeat;
 +
border:none;
 +
width:980px;
 +
height:190px;
 +
clear:both;
 +
z-index:10;
}
}
-
div.menu_button_center a {
+
#f-copyrightico, #f-poweredbyico {
-
width: 120px;
+
position:relative;
-
height: 35px;
+
top:180px;
-
margin: 10px 0x 10px 0px;
+
display:none;
-
padding: 15px 0px 0px 0px;
+
-
float: left;
+
-
font-weight: bold;
+
-
font-size: 12px;
+
-
text-decoration: none;
+
-
color: #555555;
+
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/5/56/Freiburg10_button_a_120.jpg) no-repeat scroll center center;
+
-
/*border: 1px solid red;*/
+
-
border: none;
+
}
}
-
div.menu_button_center a:hover {
+
#f-list {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center;
+
position:relative;
-
border: none;
+
top:20px;
}
}
-
/* Sub Menu */
 
-
/* You can find the Sub Menu at http:// */
+
.clearfix {
-
 
+
clear: both;
-
/* Main area */
+
-
 
+
-
div.box_right {
+
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/4/4e/Freiburg10_background_white_780.png) no-repeat scroll center center;
+
-
width: 780px;
+
-
height: auto;
+
-
float: left;
+
-
margin: 20px 0px 0px 0px;
+
-
/*border: 1px solid black;*/
+
}
}
-
 
+
.left {
-
div.box_left_cluster a {
+
float:left;
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/4/4e/Freiburg10_background_white_780.png) no-repeat scroll center center;
+
-
width: 245px;
+
-
height: 410px;
+
-
float: left;
+
-
margin: 10px 0px 0px 0px;
+
-
/*border: 1px solid black;*/
+
}
}
-
div.box_left_cluster a:hover {
+
.right {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/4/4e/Freiburg10_background_white_780.png) no-repeat scroll center center;
+
float:right;
-
text-decoration: none;
+
}
}
-
div.box_right_cluster a {
+
div.lab_journal_box {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/e/e3/Freiburg10_c1.png) no-repeat scroll center center;
+
width:905px;  
-
width: 245px;
+
height:290px;
-
height: 200px;
+
clear:both;
-
float: left;
+
-
margin: 10px 0px 0px 10px;
+
-
/*border: 1px solid black;*/
+
}
}
-
div.box_right_cluster a:hover {
+
div.lab_journal_text {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/9/9a/Freiburg10_c2.png) no-repeat scroll center center;
+
float:left;
-
text-decoration: none;
+
width:460px;
 +
height:auto; 
 +
margin: 0px 5px 0px 5px;  
 +
text-align:justify;
}
}
-
 
+
div.lab_journal_img {
-
/* Images */
+
float: right;
-
 
+
width: 400px;
-
 
+
height: auto;
-
img {
+
-
border: none;
+
}
}
-
 
+
/* box IE */
-
img.img-right {
+
.box_full {
-
float: left;
+
background: #cbffef;
-
max-width: 200px;
+
-
max-height: 200px;
+
}
}
-
 
+
div.box {
-
 
+
margin: 10px 0 20px;
-
 
+
padding:10px;
-
img.logoright {
+
border: 0px solid #eee;
-
margin: 20px 50px 50px 150px;
+
background:-moz-linear-gradient(top, #fbffff, #cbffef); /* Firefox */
-
float: right;
+
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)";
}
}
-
img.logorightII {
+
div.box
-
margin: 50px 100px 30px 200px;
+
{
-
float: right;
+
  position: relative;
}
}
-
img.spon5 {
+
div.box > .tl, div.box > .tr, div.box > .bl, div.box > .br
-
margin: 70px 20px 10px 20px;
+
{
 +
  width: 12px;
 +
  height: 12px;
 +
  position: absolute;
}
}
-
#animated_virus {
+
div.box > .tl
-
width: auto;
+
{
-
height: auto;
+
  background: url(https://static.igem.org/mediawiki/2010/6/66/Freiburg10_tl.png) top left no-repeat;
-
margin: 20px 20px 20px 50px;
+
  top: 0;
-
float: right;
+
  left: 0;
}
}
-
#ccc {
+
div.box > .tr
-
width: 120px;
+
{
-
height: 120px;
+
  background: url(https://static.igem.org/mediawiki/2010/9/99/Freiburg10_tr.png) top right no-repeat;
-
margin: 15px 10px 0px 10px;
+
  top: 0;
-
float: right;
+
  right: 0;
-
align: right;
+
-
vertical-align: bottom;
+
}
}
-
#logo {
+
div.box > .bl
-
width: 160px;
+
{
-
height: 180px;
+
  background: url(https://static.igem.org/mediawiki/2010/c/c4/Freiburg10_bl.png) bottom left no-repeat;
-
margin: 15px 10px 0px 10px;
+
  bottom: 0;
-
float: left;
+
  left: 0;
-
align: left;
+
-
vertical-align: bottom;
+
}
}
-
#spon5 {
+
div.box > .br
-
margin: 70px 20px 10px 20px;
+
{
 +
  background: url(https://static.igem.org/mediawiki/2010/e/e7/Freiburg10_br.png) bottom right no-repeat;
 +
  bottom: 0;
 +
  right: 0;
}
}
-
/* Table */
 
-
#tablePage {
+
div.box_full {
-
margin: 10px 10px 10px 10px;
+
width:885px;
-
float: right;
+
}
}
-
 
+
embed  {
-
#tablePage2 {
+
z-index:0;
-
margin: 10px 10px 10px 10px;
+
-
float: left;
+
}
}
-
/* font */
+
div.map {
-
 
+
padding-left:35px;
-
h1 {
+
clear:both;
-
display: block;
+
-
font-size: 2em;
+
-
color: #444444;
+
-
margin: .67em 0
+
-
text-align: center;
+
-
font-weight: bolder;
+
}
}
-
h2 {
+
.nh {
-
display: block;
+
margin:35px;
-
font: x-small sans-serif;
+
-
font-size: 1.5em;
+
-
color: #444444;
+
-
margin: .75em 0;
+
-
text-align: center;
+
-
font-weight: bolder;
+
-
border-bottom: 1px solid #aaa;
+
}
}
-
 
+
div.statistics {
-
h3 {
+
float:left;
-
display: block;
+
width:510px;
-
font-size: 1.17em;
+
text-align:center;
-
color: #444444;
+
-
margin: .83em 0;
+
-
text-align: center;
+
-
font-weight: bolder;
+
}
}
-
 
+
#bodyContent div.statistics h1, div.statistics h3 {
-
h4 {
+
text-align:center;
-
display: block;
+
-
color: #444444;
+
-
margin: 1.12em 0
+
-
text-align: center;
+
-
font-weight: bolder;
+
-
}
+
-
 
+
-
p.standard {
+
-
font-size: 12px;
+
-
color: #444444;
+
-
margin: 20px 10px 20px 10px;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
p {
+
-
font-size: 12px;
+
-
color: #444444;
+
-
margin: 20px 10px 20px 10px;
+
-
text-align: justify;
+
}
}
</style>
</style>
 +
</head>
 +
</html>

Latest revision as of 00:20, 28 October 2010