Team:Potsdam Bioware/css homepage

From 2011.igem.org

(Difference between revisions)
(Undo revision 256089 by JessicaE (talk))
 
(32 intermediate revisions not shown)
Line 7: Line 7:
div.box_home {
div.box_home {
 +
cursor:pointer;
margin:15px;
margin:15px;
float:left;
float:left;
width:400px;
width:400px;
-
height:240px;
+
height:120px;
padding:10px;
padding:10px;
/*
/*
Line 22: 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: 3px 3px 4px #000;
+
 
-
-webkit-box-shadow: 3px 3px 4px #000;
+
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
-
box-shadow: 3px 3px 4px #000;
+
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
-
/* For IE 8 */
+
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
-
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
+
 
-
/* For IE 5.5 - 7 */
+
 
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
+
/* 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 38: Line 42:
}
}
div.box_home_small {
div.box_home_small {
 +
cursor:pointer;
margin:15px;
margin:15px;
float:left;
float:left;
Line 53: Line 58:
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: 3px 3px 4px #000;
+
-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
-
-webkit-box-shadow: 3px 3px 4px #000;
+
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
-
box-shadow: 3px 3px 4px #000;
+
box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
-
/* For IE 8 */
+
 
-
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
+
/* Für Internet Explorer 5.5 - 7 */
-
/* For IE 5.5 - 7 */
+
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e6e6e6);zoom: 1;
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
+
/* Für Internet Explorer 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6)";
}
}
Line 72: Line 78:
div.box_long {
div.box_long {
 +
cursor:pointer;
margin:15px;
margin:15px;
float:left;
float:left;
Line 94: Line 101:
div.div_home
div.div_home
{
{
 +
padding:10px;
 +
cursor:pointer;
 +
height:270px;
margin:0 15px 15px;
margin:0 15px 15px;
 +
background:-moz-linear-gradient(top, #fff, #e6e6e6); /* Firefox */
 +
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); /* Safari, Chrome */
 +
background:-webkit-linear-gradient(top, #fff, #e6e6e6); /* Safari, Chrome - neue Syntax! */
 +
background:-o-linear-gradient(top, #fff, #e6e6e6); /* Opera */
 +
background:-ms-linear-gradient(top, #fff, #e6e6e6); /* IE */
 +
background:linear-gradient(top, #fff, #e6e6e6); /* W3C Standard */
 +
-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 */
 +
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 178: 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

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