Team:Potsdam Bioware/css homepage

From 2011.igem.org

(Difference between revisions)
(Undo revision 256089 by JessicaE (talk))
 
(24 intermediate revisions not shown)
Line 11: Line 11:
float:left;
float:left;
width:400px;
width:400px;
-
height:240px;
+
height:120px;
padding:10px;
padding:10px;
/*
/*
Line 23: Line 23:
background:-ms-linear-gradient(top, #fff, #e6e6e6); /* IE */
background:-ms-linear-gradient(top, #fff, #e6e6e6); /* IE */
background:linear-gradient(top, #fff, #e6e6e6); /* W3C Standard */
background:linear-gradient(top, #fff, #e6e6e6); /* W3C Standard */
 +
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
 +
 +
 +
/* Für Internet Explorer 5.5 - 7 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e6e6e6);zoom: 1;
 +
/* Für Internet Explorer 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6)";
}
}
div.box_home div.img {
div.box_home div.img {
-
width:140px;
+
width:30px;
}
}
.box_home h2 {
.box_home h2 {
Line 54: Line 61:
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
 +
 +
/* Für Internet Explorer 5.5 - 7 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e6e6e6);zoom: 1;
 +
/* Für Internet Explorer 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6)";
}
}
Line 89: Line 101:
div.div_home
div.div_home
{
{
 +
padding:10px;
cursor:pointer;
cursor:pointer;
-
height:210px;
+
height:270px;
margin:0 15px 15px;
margin:0 15px 15px;
background:-moz-linear-gradient(top, #fff, #e6e6e6); /* Firefox */
background:-moz-linear-gradient(top, #fff, #e6e6e6); /* Firefox */
Line 101: Line 114:
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
 +
 +
/* Für Internet Explorer 5.5 - 7 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e6e6e6);zoom: 1;
 +
/* Für Internet Explorer 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6)";
 +
}
 +
 +
div.div_home img
 +
{
 +
float: left;
 +
width: 170px;
 +
max-height: 400px;
 +
margin: 20px 20px 13px 0px;
 +
}
 +
 +
div.div_home h2
 +
{
 +
width:700px;
}
}
Line 184: Line 215:
text-align:center;
text-align:center;
left:-10px;
left:-10px;
-
padding:65px 5px;
+
padding:25px 5px;
}
}

Latest revision as of 21:11, 28 October 2011