aboutsummaryrefslogtreecommitdiff
path: root/_scss
diff options
context:
space:
mode:
authorJon Reid2012-01-27 16:15:38 -0800
committerJose Antonio Marquez2012-01-29 13:29:33 -0800
commitcb266a79c03968cf68efca015b2db8d6d221ac6d (patch)
tree8c25e301ec95f2f246070df49c219e476373e7f3 /_scss
parent0dca2755c07f9928e9d9b0b7feace48edf969900 (diff)
downloadninja-cb266a79c03968cf68efca015b2db8d6d221ac6d.tar.gz
Fixes to radio button base styles. Comment clean-up.
Diffstat (limited to '_scss')
-rwxr-xr-x_scss/imports/scss/_Base.scss49
-rwxr-xr-x_scss/imports/scss/_Components.scss4
-rwxr-xr-x_scss/imports/scss/_MainWindow.scss30
-rwxr-xr-x_scss/imports/scss/_MenuUI.scss15
-rwxr-xr-x_scss/imports/scss/_PanelUI.scss99
-rwxr-xr-x_scss/imports/scss/_ScrollBars.scss42
-rwxr-xr-x_scss/imports/scss/_Stage.scss52
-rwxr-xr-x_scss/imports/scss/_Tools.scss48
-rwxr-xr-x_scss/imports/scss/_ToolsSample.scss2
-rwxr-xr-x_scss/imports/scss/_mixins.scss10
-rwxr-xr-x_scss/imports/scss/_toolbar.scss18
-rwxr-xr-x_scss/imports/themes/default/_colors.scss65
-rwxr-xr-x_scss/imports/themes/default/_fonts.scss5
-rwxr-xr-x_scss/imports/themes/default/_mixins.scss6
-rwxr-xr-x_scss/ninja.scss8
15 files changed, 249 insertions, 204 deletions
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss
index f9a1cfa3..75ccc07d 100755
--- a/_scss/imports/scss/_Base.scss
+++ b/_scss/imports/scss/_Base.scss
@@ -4,12 +4,12 @@
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright> 5// </copyright>
6 6
7/* 7
8 * Base.scss 8//Base.scss
9 * Base styles for entire application. 9//Base styles for entire application.
10 * Note that colors and font definitions go in 10//Note that colors and font definitions go in
11 * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss 11//_scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
12 */ 12
13 13
14.clear { 14.clear {
15 display: block; 15 display: block;
@@ -42,8 +42,8 @@
42 float: right; 42 float: right;
43} 43}
44 44
45/* Begin: Basic skinning for form fields */ 45// Begin: Basic skinning for form fields
46/* Reset all */ 46// Reset all
47input.nj-skinned, 47input.nj-skinned,
48textarea.nj-skinned, 48textarea.nj-skinned,
49button.nj-skinned, 49button.nj-skinned,
@@ -54,7 +54,7 @@ button.nj-skinned {
54 outline: none; 54 outline: none;
55} 55}
56 56
57/* Base styles */ 57// Base styles
58input[type="text"].nj-skinned, 58input[type="text"].nj-skinned,
59input[type="password"].nj-skinned, 59input[type="password"].nj-skinned,
60input[type="search"].nj-skinned, 60input[type="search"].nj-skinned,
@@ -68,7 +68,7 @@ select.nj-skinned option {
68 font-family: 'Droid Sans', sans-serif; 68 font-family: 'Droid Sans', sans-serif;
69} 69}
70 70
71/* Disabled styles */ 71// Disabled styles
72input.nj-skinned:disabled, 72input.nj-skinned:disabled,
73textarea.nj-skinned:disabled, 73textarea.nj-skinned:disabled,
74select.nj-skinned:disabled, 74select.nj-skinned:disabled,
@@ -76,7 +76,7 @@ button.nj-skinned:disabled {
76 opacity: 0.4; 76 opacity: 0.4;
77} 77}
78 78
79/* Text inputs and select boxes */ 79// Text inputs and select boxes
80input[type="text"].nj-skinned, 80input[type="text"].nj-skinned,
81input[type="password"].nj-skinned, 81input[type="password"].nj-skinned,
82input[type="search"].nj-skinned, 82input[type="search"].nj-skinned,
@@ -84,7 +84,7 @@ select.nj-skinned,
84select.nj-skinned option { 84select.nj-skinned option {
85 height: 13px; 85 height: 13px;
86} 86}
87/* 87//
88input[type="text"].nj-skinned:focus, 88input[type="text"].nj-skinned:focus,
89input[type="password"].nj-skinned:focus, 89input[type="password"].nj-skinned:focus,
90input[type="search"].nj-skinned:focus, 90input[type="search"].nj-skinned:focus,
@@ -93,7 +93,7 @@ select.nj-skinned:focus,
93select.nj-skinned option:focus { 93select.nj-skinned option:focus {
94 -webkit-box-shadow: 0px 0px 3px $color-focus-outline; 94 -webkit-box-shadow: 0px 0px 3px $color-focus-outline;
95} 95}
96*/ 96
97 97
98select.nj-skinned { 98select.nj-skinned {
99 background-image: url("../images/dropdown-bg.png"); 99 background-image: url("../images/dropdown-bg.png");
@@ -118,13 +118,13 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
118 content:"\2716"; 118 content:"\2716";
119} 119}
120 120
121/* Buttons */ 121// Buttons
122button.nj-skinned { 122button.nj-skinned {
123 font-size: 9px; 123 font-size: 9px;
124 cursor: pointer; 124 cursor: pointer;
125} 125}
126 126
127/* Radio buttons */ 127// Radio buttons
128input[type="radio"].nj-skinned { 128input[type="radio"].nj-skinned {
129 background-color: $color-menu-bg; 129 background-color: $color-menu-bg;
130 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); 130 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -143,15 +143,18 @@ input[type="radio"].nj-skinned {
143 box-shadow: 0px 0px 2px $color-radio-shadow; 143 box-shadow: 0px 0px 2px $color-radio-shadow;
144} 144}
145input[type="radio"].nj-skinned:checked { 145input[type="radio"].nj-skinned:checked {
146 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); 146 background: -webkit-radial-gradient(center,
147 circle cover,
148 $color-radio 0%,
149 $color-radio 15%,
150 $color-radio 30%,
151 $color-transparent 31%),
152 -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
147 border: 2px solid $color-radio-border; 153 border: 2px solid $color-radio-border;
148} 154}
149input[type="radio"].nj-skinned:hover { 155input[type="radio"].nj-skinned:hover {
150 border: 2px solid $color-radio-border; 156 border: 2px solid $color-radio-border;
151} 157}
152input[type="radio"].nj-skinned:checked:after {
153 content:"\a0 \a0 \2022";
154}
155input[type="radio"].nj-skinned:active { 158input[type="radio"].nj-skinned:active {
156 background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); 159 background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%);
157} 160}
@@ -160,7 +163,7 @@ input[type="radio"].nj-skinned:disabled {
160 border: 2px solid $color-radio-border; 163 border: 2px solid $color-radio-border;
161 cursor: default; 164 cursor: default;
162} 165}
163/* Checkboxes */ 166// Checkboxes
164input[type="checkbox"].nj-skinned { 167input[type="checkbox"].nj-skinned {
165 background-color: $color-menu-bg; 168 background-color: $color-menu-bg;
166 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); 169 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
@@ -190,9 +193,9 @@ input[type="checkbox"].nj-skinned:disabled {
190 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); 193 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
191 cursor: default; 194 cursor: default;
192} 195}
193/* End: Basic skinning for form fields */ 196// End: Basic skinning for form fields
194 197
195/* Begin: Basic skinning for visual dividers */ 198// Begin: Basic skinning for visual dividers
196.nj-divider { 199.nj-divider {
197 background-color: $color-divider-second; 200 background-color: $color-divider-second;
198 border-width: 0px; 201 border-width: 0px;
@@ -208,4 +211,4 @@ input[type="checkbox"].nj-skinned:disabled {
208 border-right: 1px solid $color-divider-third; 211 border-right: 1px solid $color-divider-third;
209 width: 1px; 212 width: 1px;
210} 213}
211/* End: Basic skinning for visual dividers */ 214// End: Basic skinning for visual dividers
diff --git a/_scss/imports/scss/_Components.scss b/_scss/imports/scss/_Components.scss
index 2fda5afc..c4182c73 100755
--- a/_scss/imports/scss/_Components.scss
+++ b/_scss/imports/scss/_Components.scss
@@ -6,7 +6,7 @@
6 6
7 7
8 8
9/* Begin: Styles for the Tree component */ 9// Begin: Styles for the Tree component
10 10
11.tree 11.tree
12{ 12{
@@ -30,4 +30,4 @@
30 -webkit-transition: -webkit-transform 0.05s linear; 30 -webkit-transition: -webkit-transform 0.05s linear;
31} 31}
32 32
33/* End: styles for the Tree component */ \ No newline at end of file 33// End: styles for the Tree component \ No newline at end of file
diff --git a/_scss/imports/scss/_MainWindow.scss b/_scss/imports/scss/_MainWindow.scss
index c5552e4e..b33426ba 100755
--- a/_scss/imports/scss/_MainWindow.scss
+++ b/_scss/imports/scss/_MainWindow.scss
@@ -4,12 +4,12 @@
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright> 5// </copyright>
6 6
7/* 7
8 * MainWindow.scss 8// MainWindow.scss
9 * Styles governing the main window and overall layout of the application. 9// Styles governing the main window and overall layout of the application.
10 * Note that colors and font definitions go in 10// Note that colors and font definitions go in
11 * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss 11// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
12 */ 12
13 13
14 body { 14 body {
15 position: absolute; 15 position: absolute;
@@ -83,9 +83,9 @@
8