Chris@3: /** Chris@3: * @file Chris@3: * Styles for Bartik's buttons. Chris@3: */ Chris@3: Chris@3: .button { Chris@3: background-color: #fff; Chris@3: background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8); Chris@3: background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8); Chris@3: border: 1px solid #e4e4e4; Chris@3: border-bottom-color: #b4b4b4; Chris@3: border-left-color: #d2d2d2; Chris@3: border-right-color: #d2d2d2; Chris@3: color: #3a3a3a; Chris@3: cursor: pointer; Chris@3: font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; Chris@3: font-size: 0.929em; Chris@3: font-weight: normal; Chris@3: text-align: center; Chris@3: padding: 0.250em 1.063em; Chris@3: border-radius: 1em; Chris@3: display: inline-block; Chris@3: line-height: normal; Chris@3: } Chris@3: .button:hover, Chris@3: .button:active, Chris@3: .button:focus { Chris@3: background: #dedede; Chris@3: color: #5a5a5a; Chris@3: text-decoration: none; Chris@3: } Chris@3: .button.is-disabled:hover, Chris@3: .button.is-disabled:active, Chris@3: .button.is-disabled:focus, Chris@3: .button.is-disabled { Chris@3: background: #ededed; Chris@3: border-color: #bbb; Chris@3: color: #717171; Chris@3: cursor: default; Chris@3: }