Untitled diff
55 lines
.classname {
body {
-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
text-align: center;
-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
}
box-shadow:inset 0px 1px 0px 0px #bbdaf7;
.button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fa3f7), color-stop(1, #378de5) );
padding: 20px;
background:-moz-linear-gradient( center top, #4fa3f7 5%, #378de5 100% );
-moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa3f7', endColorstr='#378de5');
-webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
background-color:#4fa3f7;
box-shadow: inset 0px 1px 0px 0px #bbdaf7;
-webkit-border-top-left-radius:20px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4fa3f7), color-stop(1, #378de5));
-moz-border-radius-topleft:20px;
background:-moz-linear-gradient(center top, #4fa3f7 5%, #378de5 100%);
border-top-left-radius:20px;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius:20px;
-moz-border-radius: 20px;
-moz-border-radius-topright:20px;
border:1px solid #84bbf3;
border-top-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
-moz-border-radius-bottomright:20px;
border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft:20px;
border-bottom-left-radius:20px;
text-indent:0;
border:1px solid #84bbf3;
display:inline;
display:inline;
color:#ffffff;
color:#ffffff;
font-family:Arial;
font-family:Arial;
font-size:15px;
font-size:15px;
font-weight:bold;
font-weight:bold;
font-style:normal;
font-style:normal;
height:65px;
height:65px;
line-height:65px;
line-height:65px;
width:131px;
width:131px;
text-decoration:none;
text-decoration:none;
text-align:center;
text-align:center;
text-shadow:1px 1px 0px #528ecc;
text-shadow:1px 1px 0px #528ecc;
float: left;
}
.button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #4fa3f7));
background:-moz-linear-gradient(center top, #378de5 5%, #4fa3f7 100%);
}
}
.button:active {
.classname:hover {
position:relative;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color- stop(1, #4fa3f7) );
top:5px;
background:-moz-linear-gradient( center top, #378de5 5%, #4fa3f7 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4fa3f7');
background-color:#378de5;
}.classname:active {
position:relative;
top:1px;
div.button{
display: inline-block;
list-style-type: none;
margin: 7px;
}
}