|
|
Line 10: |
Line 10: |
| } | | } |
| | | |
- | .button { | + | .button{ |
- | -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
| + | width:9em; |
- | -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
| + | padding:9px; |
- | box-shadow:inset 0px 1px 0px 0px #c1ed9c;
| + | position:fixed; |
- | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
| + | bottom:2em; |
- | background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
| + | |
- | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
| + | |
- | background-color:#9dce2c;
| + | |
- | -webkit-border-top-left-radius:30px;
| + | |
- | -moz-border-radius-topleft:30px;
| + | |
- | border-top-left-radius:30px;
| + | |
- | -webkit-border-top-right-radius:0px;
| + | |
- | -moz-border-radius-topright:0px;
| + | |
- | border-top-right-radius:0px;
| + | |
- | -webkit-border-bottom-right-radius:30px;
| + | |
- | -moz-border-radius-bottomright:30px;
| + | |
- | border-bottom-right-radius:30px;
| + | |
- | -webkit-border-bottom-left-radius:0px;
| + | |
- | -moz-border-radius-bottomleft:0px;
| + | |
- | border-bottom-left-radius:0px;
| + | |
- | text-indent:0;
| + | |
- | border:1px solid #83c41a;
| + | |
- | display:inline-block;
| + | |
- | color:#ffffff;
| + | |
- | font-family:Arial;
| + | |
- | font-size:15px;
| + | |
- | font-weight:bold;
| + | |
- | font-style:normal;
| + | |
- | height:50px;
| + | |
- | line-height:50px;
| + | |
- | width:100px;
| + | |
- | text-decoration:none;
| + | |
- | text-align:center;
| + | |
- | text-shadow:1px 1px 0px #689324;
| + | |
- | }
| + | |
- | .button:hover {
| + | |
- | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
| + | |
- | background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
| + | |
- | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
| + | |
- | background-color:#8cb82b;
| + | |
- | }.button:active {
| + | |
- | position:relative;
| + | |
- | top:1px;
| + | |
| } | | } |
| | | |
Line 68: |
Line 30: |
| } | | } |
| | | |
| + | .button:hover{ |
| | | |
| + | } |
| + | |
| + | .button{ |
| + | background-color:green; |
| + | } |
| | | |
| </style> | | </style> |