Team:Potsdam Bioware/css homepage
From 2011.igem.org
(Difference between revisions)
(23 intermediate revisions not shown) | |||
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: | + | 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: | + | 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: | + | padding:25px 5px; |
} | } | ||
Latest revision as of 21:11, 28 October 2011