aboutsummaryrefslogtreecommitdiff
path: root/_scss/imports/scss
diff options
context:
space:
mode:
authorPierre Frisch2011-12-22 07:25:50 -0800
committerValerio Virgillito2012-01-27 11:18:17 -0800
commitb89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch)
tree0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /_scss/imports/scss
parent2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff)
downloadninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz
First commit of Ninja to ninja-internal
Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
Diffstat (limited to '_scss/imports/scss')
-rw-r--r--_scss/imports/scss/_Base.scss211
-rw-r--r--_scss/imports/scss/_Components.scss33
-rw-r--r--_scss/imports/scss/_MainWindow.scss338
-rw-r--r--_scss/imports/scss/_MenuUI.scss76
-rw-r--r--_scss/imports/scss/_PanelUI.scss1257
-rw-r--r--_scss/imports/scss/_ScrollBars.scss158
-rw-r--r--_scss/imports/scss/_Stage.scss194
-rw-r--r--_scss/imports/scss/_Tools.scss487
-rw-r--r--_scss/imports/scss/_ToolsSample.scss14
-rw-r--r--_scss/imports/scss/_UserContent.scss10
-rw-r--r--_scss/imports/scss/_mixins.scss20
-rw-r--r--_scss/imports/scss/_toolbar.scss290
12 files changed, 3088 insertions, 0 deletions
diff --git a/_scss/imports/scss/_Base.scss b/_scss/imports/scss/_Base.scss
new file mode 100644
index 00000000..f9a1cfa3
--- /dev/null
+++ b/_scss/imports/scss/_Base.scss
@@ -0,0 +1,211 @@
1// <copyright>
2// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright>
6
7/*
8 * Base.scss
9 * Base styles for entire application.
10 * Note that colors and font definitions go in
11 * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
12 */
13
14.clear {
15 display: block;
16 clear: both;
17 height: 0px;
18 overflow: hidden;
19}
20.bold {
21 font-weight: bold;
22}
23:focus {
24 outline: none;
25 border: none;
26 -webkit-box-shadow: 0px 0px 1px 1px $color-focus-outline;
27
28}
29.layout-table {
30 display: table;
31}
32.layout-row {
33 display: table-row;
34}
35.layout-cell {
36 display: table-cell;
37}
38.layout-table .flexor div:first-child {
39 float: left;
40}
41.layout-table .flexor div:last-child {
42 float: right;
43}
44
45/* Begin: Basic skinning for form fields */
46/* Reset all */
47input.nj-skinned,
48textarea.nj-skinned,
49button.nj-skinned,
50select.nj-skinned,
51select.nj-skinned option,
52button.nj-skinned {
53 -webkit-appearance: none;
54 outline: none;
55}
56
57/* Base styles */
58input[type="text"].nj-skinned,
59input[type="password"].nj-skinned,
60input[type="search"].nj-skinned,
61textarea.nj-skinned,
62select.nj-skinned,
63select.nj-skinned option {
64 border: 1px solid $color-input-border;
65 color: $color-input;
66 background-color: $color-input-bg;
67 font-size: 12px;
68 font-family: 'Droid Sans', sans-serif;
69}
70
71/* Disabled styles */
72input.nj-skinned:disabled,
73textarea.nj-skinned:disabled,
74select.nj-skinned:disabled,
75button.nj-skinned:disabled {
76 opacity: 0.4;
77}
78
79/* Text inputs and select boxes */
80input[type="text"].nj-skinned,
81input[type="password"].nj-skinned,
82input[type="search"].nj-skinned,
83select.nj-skinned,
84select.nj-skinned option {
85 height: 13px;
86}
87/*
88input[type="text"].nj-skinned:focus,
89input[type="password"].nj-skinned:focus,
90input[type="search"].nj-skinned:focus,
91textarea.nj-skinned:focus,
92select.nj-skinned:focus,
93select.nj-skinned option:focus {
94 -webkit-box-shadow: 0px 0px 3px $color-focus-outline;
95}
96*/
97
98select.nj-skinned {
99 background-image: url("../images/dropdown-bg.png");
100 background-repeat: no-repeat;
101 background-position: right center;
102 font-size: 12px;
103 height: 16px;
104 padding-right: 20px;
105}
106
107input[type="search"].nj-skinned {
108 height: 17px ;
109 -webkit-box-shadow: none;
110}
111input[type="search"].nj-skinned::-webkit-search-cancel-button {
112 -webkit-appearance: none;
113 font-size: 10px;
114 height: 10px;
115 width: 10px;
116}
117input[type="search"].nj-skinned::-webkit-search-cancel-button:after {
118 content:"\2716";
119}
120
121/* Buttons */
122button.nj-skinned {
123 font-size: 9px;
124 cursor: pointer;
125}
126
127/* Radio buttons */
128input[type="radio"].nj-skinned {
129 background-color: $color-menu-bg;
130 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
131 color: $color-radio;
132 border: 2px solid $color-radio-border;
133 width: 12px;
134 height: 12px;
135 overflow: hidden;
136 border-radius: 10px;
137 font-size: 16px;
138 line-height: 7px;
139 text-indent: -7px;
140 cursor: pointer;
141 -webkit-box-shadow: 0px 0px 2px $color-radio-shadow;
142 -moz-box-shadow: 0px 0px 2px $color-radio-shadow;
143 box-shadow: 0px 0px 2px $color-radio-shadow;
144}
145input[type="radio"].nj-skinned:checked {
146 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
147 border: 2px solid $color-radio-border;
148}
149input[type="radio"].nj-skinned:hover {
150 border: 2px solid $color-radio-border;
151}
152input[type="radio"].nj-skinned:checked:after {
153 content:"\a0 \a0 \2022";
154}
155input[type="radio"].nj-skinned:active {
156 background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%);
157}
158input[type="radio"].nj-skinned:disabled {
159 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
160 border: 2px solid $color-radio-border;
161 cursor: default;
162}
163/* Checkboxes */
164input[type="checkbox"].nj-skinned {
165 background-color: $color-menu-bg;
166 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
167 color: $color-radio;
168 border: 1px solid $color-radio-border;
169 width: 10px;
170 height: 10px;
171 font-size: 12px;
172 overflow: visible;
173 cursor: pointer;
174 -webkit-box-shadow: 0px 0px 2px $color-radio-shadow;
175 -moz-box-shadow: 0px 0px 2px $color-radio-shadow;
176 box-shadow: 0px 0px 2px $color-radio-shadow;
177 line-height: 9px;
178}
179
180input[type="checkbox"].nj-skinned:checked {
181
182}
183input[type="checkbox"].nj-skinned:checked:after {
184 content:"\2714";
185}
186input[type="checkbox"].nj-skinned:active {
187 background-image: -webkit-linear-gradient(top, $color-radio-gradient-bottom 0%, $color-radio-gradient-top 100%);
188}
189input[type="checkbox"].nj-skinned:disabled {
190 background-image: -webkit-linear-gradient(top, $color-radio-gradient-top 0%, $color-radio-gradient-bottom 100%);
191 cursor: default;
192}
193/* End: Basic skinning for form fields */
194
195/* Begin: Basic skinning for visual dividers */
196.nj-divider {
197 background-color: $color-divider-second;
198 border-width: 0px;
199 overflow: hidden;
200}
201.nj-divider.divider-horizontal {
202 border-top: 1px solid $color-divider-first;
203 border-bottom: 1px solid $color-divider-third;
204 height: 1px;
205}
206.nj-divider.divider-vertical {
207 border-left: 1px solid $color-divider-first;
208 border-right: 1px solid $color-divider-third;
209 width: 1px;
210}
211/* End: Basic skinning for visual dividers */
diff --git a/_scss/imports/scss/_Components.scss b/_scss/imports/scss/_Components.scss
new file mode 100644
index 00000000..2fda5afc
--- /dev/null
+++ b/_scss/imports/scss/_Components.scss
@@ -0,0 +1,33 @@
1// <copyright>
2// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright>
6
7
8