diff options
author | Jon Reid | 2012-01-31 17:26:56 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-02-02 14:52:47 -0800 |
commit | d99c9e24be7937d9577721b0ba12777bfd0991d8 (patch) | |
tree | dc40c5eb9f57444f933dd9d521c65796b2cf9e59 /_scss/imports/scss | |
parent | 51061ead1bd6cbb8568287724b3e23cf9f5a3b17 (diff) | |
download | ninja-d99c9e24be7937d9577721b0ba12777bfd0991d8.tar.gz |
Added skin for html buttons.
Diffstat (limited to '_scss/imports/scss')
-rw-r--r-- | _scss/imports/scss/_Base.scss | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss index 75ccc07d..77faa8f3 100644 --- a/_scss/imports/scss/_Base.scss +++ b/_scss/imports/scss/_Base.scss | |||
@@ -48,8 +48,7 @@ input.nj-skinned, | |||
48 | textarea.nj-skinned, | 48 | textarea.nj-skinned, |
49 | button.nj-skinned, | 49 | button.nj-skinned, |
50 | select.nj-skinned, | 50 | select.nj-skinned, |
51 | select.nj-skinned option, | 51 | select.nj-skinned option { |
52 | button.nj-skinned { | ||
53 | -webkit-appearance: none; | 52 | -webkit-appearance: none; |
54 | outline: none; | 53 | outline: none; |
55 | } | 54 | } |
@@ -122,6 +121,21 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after { | |||
122 | button.nj-skinned { | 121 | button.nj-skinned { |
123 | font-size: 9px; | 122 | font-size: 9px; |
124 | cursor: pointer; | 123 | cursor: pointer; |
124 | display: block; | ||
125 | border: 0px; | ||
126 | margin: 0px; | ||
127 | padding: 4px; | ||
128 | border: 1px $color-input-border solid; | ||
129 | background-color: $color-menu-bg; | ||
130 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | ||
131 | border-radius: 4px; | ||
132 | color: $color-menu-text; | ||
133 | text-transform: uppercase; | ||
134 | cursor: pointer; | ||
135 | text-shadow: 1px 1px 1px $color-app-shadow | ||
136 | } | ||
137 | button.nj-skinned:hover { | ||
138 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); | ||
125 | } | 139 | } |
126 | 140 | ||
127 | // Radio buttons | 141 | // Radio buttons |