From ea8b9e2e62b85ecc75baf0b6ead5acafd70f0ab3 Mon Sep 17 00:00:00 2001 From: Jon Reid Date: Tue, 31 Jan 2012 17:26:56 -0800 Subject: Added skin for html buttons. --- _scss/compass_app_log.txt | 1 + _scss/imports/scss/_Base.scss | 18 ++++++++++++++++-- 2 files changed, 17 insertions(+), 2 deletions(-) (limited to '_scss') diff --git a/_scss/compass_app_log.txt b/_scss/compass_app_log.txt index 00a7f071..463846ba 100644 --- a/_scss/compass_app_log.txt +++ b/_scss/compass_app_log.txt @@ -106,3 +106,4 @@ 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 +2012-01-31 17:22:02 overwrite ../css/ninja.css 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, 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,21 @@ 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-radio-gradient-top 0%, $color-radio-gradient-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:hover { + background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); } // Radio buttons -- cgit v1.2.3 From 2e24eaa71b260fd11632d8a124874b238c9aa82a Mon Sep 17 00:00:00 2001 From: Jon Reid Date: Wed, 1 Feb 2012 16:02:37 -0800 Subject: Delete unneeded compass log file (IKNINJA 1101). Update base styles for better colors on HTML buttons. Change project panel so it shows no project by default. --- _scss/compass_app_log.txt | 109 ------------------------------ _scss/imports/scss/_Base.scss | 7 +- _scss/imports/scss/_PanelUI.scss | 2 +- _scss/imports/themes/default/_colors.scss | 2 + 4 files changed, 8 insertions(+), 112 deletions(-) delete mode 100644 _scss/compass_app_log.txt (limited to '_scss') diff --git a/_scss/compass_app_log.txt b/_scss/compass_app_log.txt deleted file mode 100644 index 463846ba..00000000 --- a/_scss/compass_app_log.txt +++ /dev/null @@ -1,109 +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 -2012-01-31 17:22:02 overwrite ../css/ninja.css diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss index 77faa8f3..8a743174 100644 --- a/_scss/imports/scss/_Base.scss +++ b/_scss/imports/scss/_Base.scss @@ -127,15 +127,18 @@ button.nj-skinned { padding: 4px; border: 1px $color-input-border solid; background-color: $color-menu-bg; - background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); + 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 { - background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); + -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); -- cgit v1.2.3