53 lines
2.2 KiB
CSS
53 lines
2.2 KiB
CSS
body {
|
|
width:425px;
|
|
height: 100px;
|
|
margin: 5%;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
color:#505050;
|
|
background: url('../images/bg.jpg') no-repeat center center fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
vertical-align: middle;
|
|
border: 1px solid;
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
|
padding: 20px 30px 30px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.cssButton{
|
|
border:1px solid #b7b7b7;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
font-family:arial, helvetica, sans-serif;
|
|
padding: 10px 10px 10px 10px;
|
|
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
|
|
font-weight:bold;
|
|
font-size: 12;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
background-color: #d3d3d3;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
|
|
background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
|
|
background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
|
|
background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
|
|
background-image: -o-linear-gradient(top, #d3d3d3, #707070);
|
|
background-image: linear-gradient(top, #d3d3d3, #707070);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
|
|
}
|
|
|
|
.cssButton:hover{
|
|
border:2px solid #a0a0a0;
|
|
background-color: #bababa;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
|
|
background-image: -webkit-linear-gradient(top, #bababa, #575757);
|
|
background-image: -moz-linear-gradient(top, #bababa, #575757);
|
|
background-image: -ms-linear-gradient(top, #bababa, #575757);
|
|
background-image: -o-linear-gradient(top, #bababa, #575757);
|
|
background-image: linear-gradient(top, #bababa, #575757);
|
|
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
|
|
cursor: pointer;
|
|
} |