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 /css | |
parent | 51061ead1bd6cbb8568287724b3e23cf9f5a3b17 (diff) | |
download | ninja-d99c9e24be7937d9577721b0ba12777bfd0991d8.tar.gz |
Added skin for html buttons.
Diffstat (limited to 'css')
-rw-r--r-- | css/ninja.css | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/css/ninja.css b/css/ninja.css index 9126c1d3..bf71955f 100644 --- a/css/ninja.css +++ b/css/ninja.css | |||
@@ -16,7 +16,7 @@ | |||
16 | 16 | ||
17 | .layout-table .flexor div:last-child { float: right; } | 17 | .layout-table .flexor div:last-child { float: right; } |
18 | 18 | ||
19 | input.nj-skinned, textarea.nj-skinned, button.nj-skinned, select.nj-skinned, select.nj-skinned option, button.nj-skinned { -webkit-appearance: none; outline: none; } | 19 | input.nj-skinned, textarea.nj-skinned, button.nj-skinned, select.nj-skinned, select.nj-skinned option { -webkit-appearance: none; outline: none; } |
20 | 20 | ||
21 | input[type="text"].nj-skinned, input[type="password"].nj-skinned, input[type="search"].nj-skinned, textarea.nj-skinned, select.nj-skinned, select.nj-skinned option { border: 1px solid #313131; color: white; background-color: #444444; font-size: 12px; font-family: 'Droid Sans', sans-serif; } | 21 | input[type="text"].nj-skinned, input[type="password"].nj-skinned, input[type="search"].nj-skinned, textarea.nj-skinned, select.nj-skinned, select.nj-skinned option { border: 1px solid #313131; color: white; background-color: #444444; font-size: 12px; font-family: 'Droid Sans', sans-serif; } |
22 | 22 | ||
@@ -34,7 +34,9 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button { -webkit-appearan | |||
34 | 34 | ||
35 | input[type="search"].nj-skinned::-webkit-search-cancel-button:after { content: "\2716"; } | 35 | input[type="search"].nj-skinned::-webkit-search-cancel-button:after { content: "\2716"; } |
36 | 36 | ||
37 | button.nj-skinned { font-size: 9px; cursor: pointer; } | 37 | button.nj-skinned { font-size: 9px; cursor: pointer; display: block; border: 0px; margin: 0px; padding: 4px; border: 1px #313131 solid; background-color: #474747; background-image: -webkit-linear-gradient(top, #646464 0%, #3c3c3c 100%); border-radius: 4px; color: white; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } |
38 | |||
39 | button.nj-skinned:hover { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #646464 100%); } | ||
38 | 40 | ||
39 | input[type="radio"].nj-skinned { background-color: #474747; background-image: -webkit-linear-gradient(top, #646464 0%, #3c3c3c 100%); color: #c8c8c8; border: 2px solid #282828; width: 12px; height: 12px; overflow: hidden; border-radius: 10px; font-size: 16px; line-height: 7px; text-indent: -7px; cursor: pointer; -webkit-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); -moz-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); } | 41 | input[type="radio"].nj-skinned { background-color: #474747; background-image: -webkit-linear-gradient(top, #646464 0%, #3c3c3c 100%); color: #c8c8c8; border: 2px solid #282828; width: 12px; height: 12px; overflow: hidden; border-radius: 10px; font-size: 16px; line-height: 7px; text-indent: -7px; cursor: pointer; -webkit-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); -moz-box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.5); } |
40 | 42 | ||