| 1 | button { |
|---|
| 2 | font: 14px Helvetica Neue; |
|---|
| 3 | background-color: #222; |
|---|
| 4 | background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,.11)); |
|---|
| 5 | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.25)),color-stop(1, rgba(255,255,255,.11))); |
|---|
| 6 | background-image: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.11)); |
|---|
| 7 | color: #fff; |
|---|
| 8 | text-rendering: optimizeLegibility; |
|---|
| 9 | text-shadow: 0 -1px 1px #222; |
|---|
| 10 | padding: 6px 10px 6px 10px; |
|---|
| 11 | border: 0; |
|---|
| 12 | border-radius: 0; |
|---|
| 13 | border-bottom: 1px solid #222; |
|---|
| 14 | margin: 0; |
|---|
| 15 | -moz-box-shadow: 0 1px 3px #999; |
|---|
| 16 | -webkit-box-shadow: 0 1px 3px #999; |
|---|
| 17 | } |
|---|
| 18 | |
|---|
| 19 | button.first { |
|---|
| 20 | border-top-left-radius: 5px; |
|---|
| 21 | border-bottom-left-radius: 5px; |
|---|
| 22 | } |
|---|
| 23 | |
|---|
| 24 | button.last { |
|---|
| 25 | border-top-right-radius: 5px; |
|---|
| 26 | border-bottom-right-radius: 5px; |
|---|
| 27 | } |
|---|
| 28 | |
|---|
| 29 | button.active { |
|---|
| 30 | background-color: rgb(65,102,133); |
|---|
| 31 | } |
|---|
| 32 | |
|---|
| 33 | button:hover { |
|---|
| 34 | background-color: steelblue; |
|---|
| 35 | } |
|---|
