diff --git a/public/stylesheets/nyan.css b/public/stylesheets/nyan.css index d4ede21b7..304f1d3ac 100644 --- a/public/stylesheets/nyan.css +++ b/public/stylesheets/nyan.css @@ -44,6 +44,87 @@ background-color:#f6f6f6; } +/* minimal +*******************************************************************************/ +.nyan-minimal { + background: #e3e3e3; + border: 1px solid #bbb; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; + -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; + box-shadow: inset 0 0 1px 1px #f6f6f6; + color: #333; + font: bold 12px "helvetica neue", helvetica, arial, sans-serif; + line-height: 1; + padding: 8px 0 9px; + text-align: center; + text-shadow: 0 1px 0 #fff; + width: 150px; +} +.nyan-minimal:hover { + background: #d9d9d9; + -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; + -moz-box-shadow: inset 0 0 1px 1px #eaeaea; + box-shadow: inset 0 0 1px 1px #eaeaea; + color: #222; + cursor: pointer; +} +.nyan-minimal:active { + background: #d0d0d0; + -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; + -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; + box-shadow: inset 0 0 1px 1px #e3e3e3; + color: #000; +} + +/* clean gray +*******************************************************************************/ +.nyan-clean-gray { + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); + background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); + background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); + background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); + background-image: -o-linear-gradient(top, #eeeeee, #cccccc); + background-image: linear-gradient(top, #eeeeee, #cccccc); + border: 1px solid #ccc; + border-bottom: 1px solid #bbb; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #333; + font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + line-height: 1; + padding: 8px 0; + text-align: center; + text-shadow: 0 1px 0 #eee; + width: 150px; +} +.nyan-clean-gray:hover { + background-color: #dddddd; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb)); + background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); + background-image: linear-gradient(top, #dddddd, #bbbbbb); + border: 1px solid #bbb; + border-bottom: 1px solid #999; + cursor: pointer; + text-shadow: 0 1px 0 #ddd; +} +.nyan-clean-gray:active { + border: 1px solid #aaa; + border-bottom: 1px solid #888; + -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; +} + + + .whiteButton:active { position:relative; top:1px;