diff options
Diffstat (limited to '_scss/imports')
-rw-r--r-- | _scss/imports/scss/_Base.scss | 70 | ||||
-rw-r--r-- | _scss/imports/scss/_Components.scss | 4 | ||||
-rw-r--r-- | _scss/imports/scss/_MainWindow.scss | 30 | ||||
-rw-r--r-- | _scss/imports/scss/_MenuUI.scss | 15 | ||||
-rw-r--r-- | _scss/imports/scss/_PanelUI.scss | 101 | ||||
-rw-r--r-- | _scss/imports/scss/_ScrollBars.scss | 42 | ||||
-rw-r--r-- | _scss/imports/scss/_Stage.scss | 24 | ||||
-rw-r--r-- | _scss/imports/scss/_Tools.scss | 48 | ||||
-rw-r--r-- | _scss/imports/scss/_ToolsSample.scss | 2 | ||||
-rw-r--r-- | _scss/imports/scss/_mixins.scss | 10 | ||||
-rw-r--r-- | _scss/imports/scss/_toolbar.scss | 18 | ||||
-rw-r--r-- | _scss/imports/themes/default/_colors.scss | 67 | ||||
-rw-r--r-- | _scss/imports/themes/default/_fonts.scss | 5 | ||||
-rw-r--r-- | _scss/imports/themes/default/_mixins.scss | 6 |
14 files changed, 227 insertions, 215 deletions
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss index f9a1cfa3..8a743174 100644 --- 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,19 +42,18 @@ | |||
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 |
47 | input.nj-skinned, | 47 | input.nj-skinned, |
48 | textarea.nj-skinned, | 48 | textarea.nj-skinned, |
49 | button.nj-skinned, | 49 | button.nj-skinned, |
50 | select.nj-skinned, | 50 | select.nj-skinned, |
51 | select.nj-skinned option, | 51 | select.nj-skinned option { |
52 | button.nj-skinned { | ||
53 | -webkit-appearance: none; | 52 | -webkit-appearance: none; |
54 | outline: none; | 53 | outline: none; |
55 | } | 54 | } |
56 | 55 | ||
57 | /* Base styles */ | 56 | // Base styles |
58 | input[type="text"].nj-skinned, | 57 | input[type="text"].nj-skinned, |
59 | input[type="password"].nj-skinned, | 58 | input[type="password"].nj-skinned, |
60 | input[type="search"].nj-skinned, | 59 | input[type="search"].nj-skinned, |
@@ -68,7 +67,7 @@ select.nj-skinned option { | |||
68 | font-family: 'Droid Sans', sans-serif; | 67 | font-family: 'Droid Sans', sans-serif; |
69 | } | 68 | } |
70 | 69 | ||
71 | /* Disabled styles */ | 70 | // Disabled styles |
72 | input.nj-skinned:disabled, | 71 | input.nj-skinned:disabled, |
73 | textarea.nj-skinned:disabled, | 72 | textarea.nj-skinned:disabled, |
74 | select.nj-skinned:disabled, | 73 | select.nj-skinned:disabled, |
@@ -76,7 +75,7 @@ button.nj-skinned:disabled { | |||
76 | opacity: 0.4; | 75 | opacity: 0.4; |
77 | } | 76 | } |
78 | 77 | ||
79 | /* Text inputs and select boxes */ | 78 | // Text inputs and select boxes |
80 | input[type="text"].nj-skinned, | 79 | input[type="text"].nj-skinned, |
81 | input[type="password"].nj-skinned, | 80 | input[type="password"].nj-skinned, |
82 | input[type="search"].nj-skinned, | 81 | input[type="search"].nj-skinned, |
@@ -84,7 +83,7 @@ select.nj-skinned, | |||
84 | select.nj-skinned option { | 83 | select.nj-skinned option { |
85 | height: 13px; | 84 | height: 13px; |
86 | } | 85 | } |
87 | /* | 86 | // |
88 | input[type="text"].nj-skinned:focus, | 87 | input[type="text"].nj-skinned:focus, |
89 | input[type="password"].nj-skinned:focus, | 88 | input[type="password"].nj-skinned:focus, |
90 | input[type="search"].nj-skinned:focus, | 89 | input[type="search"].nj-skinned:focus, |
@@ -93,7 +92,7 @@ select.nj-skinned:focus, | |||
93 | select.nj-skinned option:focus { | 92 | select.nj-skinned option:focus { |
94 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; | 93 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; |
95 | } | 94 | } |
96 | */ | 95 | |
97 | 96 | ||
98 | select.nj-skinned { | 97 | select.nj-skinned { |
99 | background-image: url("../images/dropdown-bg.png"); | 98 | background-image: url("../images/dropdown-bg.png"); |
@@ -118,13 +117,31 @@ input[type="search"].nj-skinned::-webkit-search-cancel-button:after { | |||
118 | content:"\2716"; | 117 | content:"\2716"; |
119 | } | 118 | } |
120 | 119 | ||
121 | /* Buttons */ | 120 | // Buttons |
122 | button.nj-skinned { | 121 | button.nj-skinned { |
123 | font-size: 9px; | 122 | font-size: 9px; |
124 | cursor: pointer; | 123 | cursor: pointer; |
124 | display: block; | ||
125 | border: 0px; | ||
126 | margin: 0px; | ||
127 | padding: 4px; | ||
128 | border: 1px $color-input-border solid; | ||
129 | background-color: $color-menu-bg; | ||
130 | background-image: -webkit-linear-gradient(top, $color-formgrad-top 0%, $color-formgrad-bottom 100%); | ||
131 | border-radius: 4px; | ||
132 | color: $color-menu-text; | ||
133 | text-transform: uppercase; | ||
134 | cursor: pointer; | ||
135 | text-shadow: 1px 1px 1px $color-app-shadow | ||
136 | } | ||
137 | button.nj-skinned:active { | ||
138 | background-image: -webkit-linear-gradient(top, $color-formgrad-bottom 0%, $color-formgrad-top 100%); | ||
139 | } | ||
140 | button.nj-skinned:hover { | ||
141 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; | ||
125 | } | 142 | } |
126 | 143 | ||
127 | /* Radio buttons */ | 144 | // Radio buttons |
128 | input[type="radio"].nj-skinned { | 145 | input[type="radio"].nj-skinned { |
129 | background-color: $color-menu-bg; | 146 | background-color: $color-menu-bg; |
130 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 147 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
@@ -143,15 +160,18 @@ input[type="radio"].nj-skinned { | |||
143 | box-shadow: 0px 0px 2px $color-radio-shadow; | 160 | box-shadow: 0px 0px 2px $color-radio-shadow; |
144 | } | 161 | } |
145 | input[type="radio"].nj-skinned:checked { | 162 | input[type="radio"].nj-skinned:checked { |
146 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 163 | background: -webkit-radial-gradient(center, |
164 | circle cover, | ||
165 | $color-radio 0%, | ||
166 | $color-radio 15%, | ||
167 | $color-radio 30%, | ||
168 | $color-transparent 31%), | ||
169 | -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | ||
147 | border: 2px solid $color-radio-border; | 170 | border: 2px solid $color-radio-border; |
148 | } | 171 | } |
149 | input[type="radio"].nj-skinned:hover { | 172 | input[type="radio"].nj-skinned:hover { |
150 | border: 2px solid $color-radio-border; | 173 | border: 2px solid $color-radio-border; |
151 | } | 174 | } |
152 | input[type="radio"].nj-skinned:checked:after { | ||
153 | content:"\a0 \a0 \2022"; | ||
154 | } | ||
155 | input[type="radio"].nj-skinned:active { | 175 | input[type="radio"].nj-skinned:active { |
156 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); | 176 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%); |
157 | } | 177 | } |
@@ -160,7 +180,7 @@ input[type="radio"].nj-skinned:disabled { | |||
160 | border: 2px solid $color-radio-border; | 180 | border: 2px solid $color-radio-border; |
161 | cursor: default; | 181 | cursor: default; |
162 | } | 182 | } |
163 | /* Checkboxes */ | 183 | // Checkboxes |
164 | input[type="checkbox"].nj-skinned { | 184 | input[type="checkbox"].nj-skinned { |
165 | background-color: $color-menu-bg; | 185 | background-color: $color-menu-bg; |
166 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 186 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
@@ -190,9 +210,9 @@ input[type="checkbox"].nj-skinned:disabled { | |||
190 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); | 210 | background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%); |
191 | cursor: default; | 211 | cursor: default; |
192 | } | 212 | } |
193 | /* End: Basic skinning for form fields */ | 213 | // End: Basic skinning for form fields |
194 | 214 | ||
195 | /* Begin: Basic skinning for visual dividers */ | 215 | // Begin: Basic skinning for visual dividers |
196 | .nj-divider { | 216 | .nj-divider { |
197 | background-color: $color-divider-second; | 217 | background-color: $color-divider-second; |
198 | border-width: 0px; | 218 | border-width: 0px; |
@@ -208,4 +228,4 @@ input[type="checkbox"].nj-skinned:disabled { | |||
208 | border-right: 1px solid $color-divider-third; | 228 | border-right: 1px solid $color-divider-third; |
209 | width: 1px; | 229 | width: 1px; |
210 | } | 230 | } |
211 | /* End: Basic skinning for visual dividers */ | 231 | // End: Basic skinning for visual dividers |
diff --git a/_scss/imports/scss/_Components.scss b/_scss/imports/scss/_Components.scss index 2fda5afc..c4182c73 100644 --- 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 0807d894..23ace69b 100644 --- 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 | /* |