Team:Potsdam Bioware/css homepage

From 2011.igem.org

(Difference between revisions)
(Undo revision 256089 by JessicaE (talk))
 
(39 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;
 +
/*
background: transparent  
background: transparent  
url(https://static.igem.org/mediawiki/2011/9/98/Potsdam10_Box_Home.png) no-repeat scroll center 0px;
url(https://static.igem.org/mediawiki/2011/9/98/Potsdam10_Box_Home.png) no-repeat scroll center 0px;
 +
*/
 +
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.box_home:hover {
+
 
-
background: transparent
+
-
url(https://static.igem.org/mediawiki/2011/9/98/Potsdam10_Box_Home.png) no-repeat scroll center 0px;
+
-
}
+
div.box_home div.img {
div.box_home div.img {
-
width:140px;
+
width:30px;
}
}
.box_home h2 {
.box_home h2 {
Line 26: Line 42:
}
}
div.box_home_small {
div.box_home_small {
 +
cursor:pointer;
margin:15px;
margin:15px;
float:left;
float:left;
Line 31: Line 48:
height:240px;
height:240px;
padding:10px;
padding:10px;
 +
/*
background: transparent  
background: transparent  
url(https://static.igem.org/mediawiki/2011/6/65/Potsdam10_Box_Small.png) no-repeat scroll center 0px;
url(https://static.igem.org/mediawiki/2011/6/65/Potsdam10_Box_Small.png) no-repeat scroll center 0px;
-
}
+
*/
-
div.box_home_small:hover {
+
background:-moz-linear-gradient(top, #fff, #e6e6e6); /* Firefox */
-
background: transparent
+
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); /* Safari, Chrome */
-
url(https://static.igem.org/mediawiki/2011/6/65/Potsdam10_Box_Small.png) no-repeat scroll center 0px;
+
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)";
}
}
Line 49: Line 78:
div.box_long {
div.box_long {
 +
cursor:pointer;
margin:15px;
margin:15px;
float:left;
float:left;
Line 71: 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 155: Line 215:
text-align:center;
text-align:center;
left:-10px;
left:-10px;
-
padding:0 5px;
+
padding:25px 5px;
}
}

Latest revision as of 21:11, 28 October 2011