Team:Potsdam Bioware/css homepage
From 2011.igem.org
(Difference between revisions)
(30 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 34: | Line 42: | ||
} | } | ||
div.box_home_small { | div.box_home_small { | ||
+ | cursor:pointer; | ||
margin:15px; | margin:15px; | ||
float:left; | float:left; | ||
Line 52: | 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 64: | Line 78: | ||
div.box_long { | div.box_long { | ||
+ | cursor:pointer; | ||
margin:15px; | margin:15px; | ||
float:left; | float:left; | ||
Line 86: | 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 170: | 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