8 files changed, 33 insertions, 118 deletions

diff --git a/.gitignore b/.gitignore
index b92bd629..3a3a8d67 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,4 +20,5 @@ js/components/gradientpicker.reel/.sass-cache/6f8390f69a31f1a976968b9c18d0824d78
 
 cloud/
 
-/.idea/scopes/scope_settings.xml
\ No newline at end of file
+/.idea/scopes/scope_settings.xml
+/_scss/compass_app_log.txt
\ No newline at end of file
diff --git a/_scss/compass_app_log.txt b/_scss/compass_app_log.txt
deleted file mode 100644
index 00a7f071..00000000
--- a/_scss/compass_app_log.txt
+++ /dev/null
@@ -1,108 +0,0 @@
-2011-09-02 13:25:28 overwrite ../css/ninja.css
-2011-09-02 13:38:07 overwrite ../css/ninja.css
-2011-09-02 13:38:27 overwrite ../css/ninja.css
-2011-09-02 13:39:16 overwrite ../css/ninja.css
-2011-09-02 13:42:04 overwrite ../css/ninja.css
-2011-09-02 13:42:48 overwrite ../css/ninja.css
-2011-09-14 16:53:51 overwrite ../css/ninja.css
-2011-09-14 16:54:56 overwrite ../css/ninja.css
-2011-09-14 16:55:59 overwrite ../css/ninja.css
-2011-09-14 16:57:48 overwrite ../css/ninja.css
-2011-09-14 17:00:26 overwrite ../css/ninja.css
-2011-09-14 17:02:28     error ninja.scss (Line 19: Invalid CSS after ".SubselectionTool": expected "{", was "",")
-2011-09-14 17:02:28 overwrite ../css/ninja.css
-2011-09-14 17:04:10 overwrite ../css/ninja.css
-2011-09-14 17:05:49 overwrite ../css/ninja.css
-2011-09-14 17:08:00 overwrite ../css/ninja.css
-2011-09-14 17:08:36 overwrite ../css/ninja.css
-2011-09-14 17:09:27 overwrite ../css/ninja.css
-2011-09-14 17:10:02 overwrite ../css/ninja.css
-2011-09-14 17:11:37 overwrite ../css/ninja.css
-2011-09-14 17:12:37 overwrite ../css/ninja.css
-2011-09-14 17:14:35 overwrite ../css/ninja.css
-2011-09-14 17:15:36 overwrite ../css/ninja.css
-2011-09-14 17:16:33 overwrite ../css/ninja.css
-2011-09-14 17:17:11 overwrite ../css/ninja.css
-2011-09-14 17:17:19 overwrite ../css/ninja.css
-2011-09-14 17:18:27 overwrite ../css/ninja.css
-2011-09-14 17:19:06 overwrite ../css/ninja.css
-2011-09-14 17:19:22 overwrite ../css/ninja.css
-2011-09-14 17:19:43 overwrite ../css/ninja.css
-2011-09-14 17:20:16 overwrite ../css/ninja.css
-2011-09-14 17:20:39 overwrite ../css/ninja.css
-2011-09-14 17:21:09 overwrite ../css/ninja.css
-2011-09-14 17:21:51 overwrite ../css/ninja.css
-2011-09-14 17:22:33 overwrite ../css/ninja.css
-2011-09-15 13:56:59 overwrite ../css/ninja.css
-2011-09-15 13:57:29 overwrite ../css/ninja.css
-2011-10-03 13:19:40 overwrite ../css/ninja.css
-2011-10-03 13:21:00 overwrite ../css/ninja.css
-2011-10-03 13:21:21 overwrite ../css/ninja.css
-2011-10-03 13:26:42 overwrite ../css/ninja.css
-2011-10-03 13:44:20 overwrite ../css/ninja.css
-2011-10-03 13:44:54 overwrite ../css/ninja.css
-2011-10-03 13:45:14 overwrite ../css/ninja.css
-2011-10-03 13:46:26 overwrite ../css/ninja.css
-2011-10-03 13:46:29 overwrite ../css/ninja.css
-2011-10-04 15:06:33 overwrite ../css/ninja.css
-2011-10-04 15:06:36 overwrite ../css/ninja.css
-2011-10-04 15:06:43 overwrite ../css/ninja.css
-2011-10-04 15:15:22 overwrite ../css/ninja.css
-2011-10-11 16:02:52 overwrite ../css/ninja.css
-2011-10-13 00:13:38 identical ../css/ninja.css
-2011-10-13 00:14:12 overwrite ../css/ninja.css
-2011-10-13 00:15:03 overwrite ../css/ninja.css
-2011-10-26 15:19:00 overwrite ../css/ninja.css
-2011-10-26 15:19:33 overwrite ../css/ninja.css
-2011-11-22 16:21:56 overwrite ../css/ninja.css
-2011-11-22 17:47:41 overwrite ../css/ninja.css
-2011-11-30 01:14:42 overwrite ../css/ninja.css
-2011-11-30 01:15:04 overwrite ../css/ninja.css
-2011-11-30 01:15:09 overwrite ../css/ninja.css
-2011-11-30 16:54:38 overwrite ../css/ninja.css
-2011-12-01 11:38:06 overwrite ../css/ninja.css
-2011-12-01 11:38:11 overwrite ../css/ninja.css
-2011-12-07 12:10:05 overwrite ../css/ninja.css
-2011-12-07 12:10:22 overwrite ../css/ninja.css
-2011-12-07 12:12:11 overwrite ../css/ninja.css
-2011-12-07 12:14:43 overwrite ../css/ninja.css
-2011-12-07 17:32:10 overwrite ../css/ninja.css
-2011-12-07 17:55:01 overwrite ../css/ninja.css
-2011-12-15 14:51:46 overwrite ../css/ninja.css
-2011-12-15 14:52:46 overwrite ../css/ninja.css
-2011-12-15 14:52:59 overwrite ../css/ninja.css
-2011-12-15 14:53:25 overwrite ../css/ninja.css
-2011-12-20 21:56:57 overwrite ../css/ninja.css
-2011-12-30 15:41:28 overwrite ../css/ninja.css
-2011-12-30 15:43:24 overwrite ../css/ninja.css
-2011-12-30 15:45:49 overwrite ../css/ninja.css
-2012-01-12 16:26:20 overwrite ../css/ninja.css
-2012-01-12 16:26:22 overwrite ../css/ninja.css
-2012-01-12 16:26:25 overwrite ../css/ninja.css
-2012-01-19 11:06:48 overwrite ../css/ninja.css
-2012-01-19 11:06:55 overwrite ../css/ninja.css
-2012-01-19 11:11:16 overwrite ../css/ninja.css
-2012-01-19 14:30:22 overwrite ../css/ninja.css
-2012-01-19 14:35:47 overwrite ../css/ninja.css
-2012-01-19 14:38:18 overwrite ../css/ninja.css
-2012-01-19 14:40:59 overwrite ../css/ninja.css
-2012-01-19 14:41:24 overwrite ../css/ninja.css
-2012-01-20 15:13:41 overwrite ../css/ninja.css
-2012-01-20 15:14:27 overwrite ../css/ninja.css
-2012-01-20 15:15:32 overwrite ../css/ninja.css
-2012-01-20 15:16:38 overwrite ../css/ninja.css
-2012-01-20 15:17:03 overwrite ../css/ninja.css
-2012-01-20 15:17:39 overwrite ../css/ninja.css
-2012-01-27 16:08:54     error ninja.scss (Line 26: Invalid CSS after "resize:": expected pseudoclass or pseudoelement, was "/* Base colors ...")
-2012-01-27 16:08:54 overwrite ../css/ninja.css
-2012-01-27 16:09:18     error ninja.scss (Line 26: Invalid CSS after "resize:": expected pseudoclass or pseudoelement, was "/* Base colors ...")
-2012-01-27 16:09:18 overwrite ../css/ninja.css
-2012-01-27 16:09:34     error ninja.scss (Line 93: Invalid CSS after "    z-index:": expected pseudoclass or pseudoelement, was " 2;")
-2012-01-27 16:09:34 overwrite ../css/ninja.css
-2012-01-27 16:11:17     error ninja.scss (Line 20: Invalid CSS after "...nately it doesn": expected "{", was "'t seem to work...")
-2012-01-27 16:11:17 overwrite ../css/ninja.css
-2012-01-27 16:11:57     error ninja.scss (Line 106: Invalid CSS after "...how the corner.": expected class name, was "Setting the ::-...")
-2012-01-27 16:11:57 overwrite ../css/ninja.css
-2012-01-27 16:12:29 overwrite ../css/ninja.css
-2012-01-27 16:13:46 overwrite ../css/ninja.css
-2012-01-27 16:14:02 overwrite ../css/ninja.css
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss
index 75ccc07d..8a743174 100644
--- a/_scss/imports/scss/_Base.scss
+++ b/_scss/imports/scss/_Base.scss
@@ -48,8 +48,7 @@ input.nj-skinned,
 textarea.nj-skinned, 
 button.nj-skinned,
 select.nj-skinned,
-select.nj-skinned option,
-button.nj-skinned {
+select.nj-skinned option {
         -webkit-appearance: none;
         outline: none;
 }
@@ -122,6 +121,24 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
 button.nj-skinned {
         font-size: 9px;
     cursor: pointer;
+        display: block;
+        border: 0px;
+        margin: 0px;
+        padding: 4px;
+        border: 1px $color-input-border solid;
+        background-color: $color-menu-bg;
+        background-image: -webkit-linear-gradient(top, $color-formgrad-top 0%, $color-formgrad-bottom 100%);
+        border-radius: 4px;
+        color: $color-menu-text;
+        text-transform: uppercase;
+        cursor: pointer;
+        text-shadow: 1px 1px 1px $color-app-shadow
+}
+button.nj-skinned:active {
+        background-image: -webkit-linear-gradient(top, $color-formgrad-bottom 0%, $color-formgrad-top 100%); 
+}
+button.nj-skinned:hover {
+        -webkit-box-shadow: 0px 0px 3px $color-focus-outline;
 }
 
 // Radio buttons 
diff --git a/_scss/imports/scss/_PanelUI.scss b/_scss/imports/scss/_PanelUI.scss
index ac82adf8..21ada556 100644
--- a/_scss/imports/scss/_PanelUI.scss
+++ b/_scss/imports/scss/_PanelUI.scss
@@ -390,7 +390,7 @@ ul.treeComponent > img:first-child
 // 
 #pp-container-assets .pp-scroll-linked,
 #pp-container-list .pp-scroll-linked {
-        width: 420px;
+        //width: 420px;
 }
  
 
diff --git a/_scss/imports/themes/default/_colors.scss b/_scss/imports/themes/default/_colors.scss
index 34d5ffc9..2a7b8191 100644
--- a/_scss/imports/themes/default/_colors.scss
+++ b/_scss/imports/themes/default/_colors.scss
@@ -15,6 +15,8 @@ $color-radio-border: rgb(40,40,40);
 $color-radio-shadow: rgba(200,200,200,0.5);
 $color-radio-gradient-top: rgb(100,100,100);
 $color-radio-gradient-bottom: rgb(60,60,60);
+$color-formgrad-top: rgb(80,80,80);
+$color-formgrad-bottom: rgb(60,60,60);
 $color-radio-bg: rgb(0,0,0);
 $color-radio: rgb(200,200,200);
 $color-input: rgb(255,255,255);
diff --git a/css/ninja.css b/css/ninja.css
index 9126c1d3..8ce60a10 100644
--- a/css/ninja.css
+++ b/css/ninja.css
@@ -16,7 +16,7 @@
 
 .layout-table .flexor div:last-child { float: right; }
 
-input.nj-skinned, textarea.nj-skinned, button.nj-skinned, select.nj-skinned, select.nj-skinned option, button.nj-skinned { -webkit-appearance: none; outline: none; }
+input.nj-skinned, textarea.nj-skinned, button.nj-skinned, select.nj-skinned, select.nj-skinned option { -webkit-appearance: none; outline: none; }
 
 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; }
 
@@ -34,7 +34,11 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button { -webkit-appearan
 
 input[type="search"].nj-skinned::-webkit-search-cancel-button:after { content: "\2716"; }
 
-button.nj-skinned { font-size: 9px; cursor: pointer; }
+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, #505050 0%, #3c3c3c 100%); border-radius: 4px; color: white; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
+
+button.nj-skinned:active { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #505050 100%); }
+
+button.nj-skinned:hover { -webkit-box-shadow: 0px 0px 3px #b4b4b4; }
 
 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); }
 
@@ -336,8 +340,6 @@ ul.treeComponent > img:first-child { margin-left: -35px; margin-right: 5px; -web
 
 #pp-view-assets { display: none; }
 
-#pp-container-assets .pp-scroll-linked, #pp-container-list .pp-scroll-linked { width: 420px; }