Team:Freiburg Bioware/css

From 2010.igem.org

(Difference between revisions)
 
(200 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">
 +
*  {
 +
padding: 0;
 +
margin: 0;
 +
}
 +
#globalWrapper {
 +
background: url(https://static.igem.org/mediawiki/2010/b/b4/Freiburg10_Wrap_background.png) #fff;
 +
margin:auto;
 +
width:1305px;
 +
}
 +
#top-section {
 +
border:none;
 +
}
#content {
#content {
-
width: 965px;
+
top:-118px;
-
background: white url(https://static.igem.org/mediawiki/2010/6/65/Freiburg10_hanna-banna.jpg) no-repeat scroll center 90px;
+
border: none;
 +
padding:0;
 +
width:975px;
 +
background:transparent;
 +
position:relative;
}
}
-
 
+
.pageContent {
-
#banner {
+
position:relative;
-
width: 965px;
+
padding:35px 30px 0;
-
height: 228px;
+
width:905px;
-
margin: 0px 0px 0px 0px;
+
clear:both;
 +
z-index:5px;
 +
background:transparent;
 +
top:-130px;
 +
left:3px;
}
}
-
 
+
#bodyContent{
-
/*Menu and the corresponding buttons*/
+
width:975px;
-
 
+
clear:both;
-
#menu {
+
position:relative;
-
width: 960px;
+
top:30px;
-
margin: 0px 0px 0px 0px;
+
margin-bottom:-180px;
 +
background:none repeat transparent;
 +
z-index:5;
 +
}
 +
#footer-box {
 +
position:relative;
 +
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_left 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/2/2f/Freiburg10_button_a_left_120.jpg) no-repeat scroll center center;
+
-
/*border: 1px solid red;*/
+
}
}
-
div.menu_button_left a:hover {
+
#f-list {
-
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;
 +
top:20px;
}
}
-
div.menu_button_right a {
+
 
-
width: 120px;
+
.clearfix {
-
height: 35px;
+
clear: both;
-
margin: 10px 0x 10px 0px;
+
}
-
padding: 15px 0px 0px 0px;
+
.left {
-
float: left;
+
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/a/a6/Freiburg10_button_a_right_120.jpg) no-repeat scroll center center;
+
-
/*border: 1px solid red;*/
+
}
}
-
div.menu_button_right a:hover {
+
.right {
-
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;
+
float:right;
}
}
-
div.menu_button_center a {
+
div.lab_journal_box {
-
width: 120px;
+
width:905px;  
-
height: 35px;
+
height:290px;
-
margin: 10px 0x 10px 0px;
+
clear:both;
-
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;*/
+
}
}
-
div.menu_button_center a:hover {
+
div.lab_journal_text {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center;
+
float:left;
 +
width:460px;
 +
height:auto; 
 +
margin: 0px 5px 0px 5px;
 +
text-align:justify;
}
}
-
 
+
div.lab_journal_img {
-
/* Sub Menu */
+
float: right;  
-
 
+
width: 400px;  
-
/* You can find the Sub Menu at http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/index.php/Homepage/SubHome */
+
-
 
+
-
/* 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;
height: auto;
-
float: left;
 
-
margin: 20px 0px 0px 0px;
 
-
/*border: 1px solid black;*/
 
}
}
-
 
+
/* box IE */
-
div.box_left_cluster a {
+
.box_full {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/4/4e/Freiburg10_background_white_780.png) no-repeat scroll center center;
+
background: #cbffef;
-
width: 245px;
+
-
height: 410px;
+
-
float: left;
+
-
margin: 10px 0px 0px 0px;
+
-
/*border: 1px solid black;*/
+
}
}
-
div.box_left_cluster a:hover {
+
div.box {
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/4/4e/Freiburg10_background_white_780.png) no-repeat scroll center center;
+
margin: 10px 0 20px;
-
text-decoration: none;
+
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_right_cluster a {
+
div.box
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/e/e3/Freiburg10_c1.png) no-repeat scroll center center;
+
{
-
width: 245px;
+
  position: relative;
-
height: 200px;
+
-
float: left;
+
-
margin: 10px 0px 0px 10px;
+
-
/*border: 1px solid black;*/
+
}
}
-
div.box_right_cluster a:hover {
+
 
-
background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/9/9a/Freiburg10_c2.png) no-repeat scroll center center;
+
div.box > .tl, div.box > .tr, div.box > .bl, div.box > .br
-
text-decoration: none;
+
{
 +
  width: 12px;
 +
  height: 12px;
 +
  position: absolute;
}
}
-
/* Images */
+
div.box > .tl
-
 
+
{
-
img {
+
  background: url(https://static.igem.org/mediawiki/2010/6/66/Freiburg10_tl.png) top left no-repeat;
-
border: none;
+
  top: 0;
 +
  left: 0;
}
}
-
#animated_virus {
+
div.box > .tr
-
width: auto;
+
{
-
height: auto;
+
  background: url(https://static.igem.org/mediawiki/2010/9/99/Freiburg10_tr.png) top right no-repeat;
-
margin: 20px 20px 20px 50px;
+
  top: 0;
-
float: right;
+
  right: 0;
}
}
-
#ccc {
+
div.box > .bl
-
width: 120px;
+
{
-
height: 120px;
+
  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: right;
+
  left: 0;
-
align: right;
+
-
vertical-align: bottom;
+
}
}
-
#logo {
+
div.box > .br
-
width: 160px;
+
{
-
height: 180px;
+
  background: url(https://static.igem.org/mediawiki/2010/e/e7/Freiburg10_br.png) bottom right no-repeat;
-
margin: 15px 10px 0px 10px;
+
  bottom: 0;
-
float: left;
+
  right: 0;
-
align: left;
+
-
vertical-align: bottom;
+
}
}
-
/* font */
 
-
u1 {
+
div.box_full {
-
font-size: 22px;
+
width:885px;
-
color: #444444;
+
}
-
margin: 0px 0px 0px 0px;
+
embed  {
-
text-align: center;
+
z-index:0;
-
font-weight: bolder;
+
}
}
-
u2 {
+
div.map {
-
font: x-small sans-serif;
+
padding-left:35px;
-
font-size: 18px;
+
clear:both;
-
color: #444444;
+
-
margin: 0px 0px 0px 0px;
+
-
text-align: center;
+
-
font-weight: bolder;
+
-
border-bottom: 1px solid #aaa;
+
}
}
-
u3 {
+
.nh {
-
font-size: 14px;
+
margin:35px;
-
color: #444444;
+
-
margin: 0px 0px 0px 0px;
+
-
text-align: center;
+
-
font-weight: bolder;
+
}
}
-
 
+
div.statistics {
-
p.standard {
+
float:left;
-
font-size: 12px;
+
width:510px;
-
color: #444444;
+
text-align:center;
-
margin: 20px 10px 20px 10px;
+
}
-
text-align: justify;
+
#bodyContent div.statistics h1, div.statistics h3 {
 +
text-align:center;
}
}
</style>
</style>
 +
</head>
 +
</html>

Latest revision as of 00:20, 28 October 2010