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/imports/scss/_Base.scss | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to '_scss/imports/scss/_Base.scss') 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/imports/scss/_Base.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to '_scss/imports/scss/_Base.scss') 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 -- cgit v1.2.3