"
Team:Potsdam Bioware/css homepage
From 2011.igem.org
(Difference between revisions)
| (25 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: | + | 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: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: | + | width:30px; |
} | } | ||
.box_home h2 { | .box_home h2 { | ||
| Line 53: | 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 88: | Line 101: | ||
div.div_home | div.div_home | ||
{ | { | ||
| + | padding:10px; | ||
cursor:pointer; | cursor:pointer; | ||
| - | height: | + | 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 100: | 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 183: | Line 215: | ||
text-align:center; | text-align:center; | ||
left:-10px; | left:-10px; | ||
| - | padding: | + | padding:25px 5px; |
} | } | ||
Latest revision as of 21:11, 28 October 2011
