diff options
Diffstat (limited to 'scss')
-rwxr-xr-x | scss/config.rb | 11 | ||||
-rw-r--r-- | scss/imports/codemirror/_codemirror.scss | 75 | ||||
-rw-r--r-- | scss/imports/codemirror/_css.scss | 15 | ||||
-rw-r--r-- | scss/imports/codemirror/_javascript.scss | 12 | ||||
-rw-r--r-- | scss/imports/scss/_Base.scss | 231 | ||||
-rw-r--r-- | scss/imports/scss/_Components.scss | 33 | ||||
-rw-r--r-- | scss/imports/scss/_MainWindow.scss | 338 | ||||
-rw-r--r-- | scss/imports/scss/_MenuUI.scss | 75 | ||||
-rw-r--r-- | scss/imports/scss/_PanelUI.scss | 1256 | ||||
-rw-r--r-- | scss/imports/scss/_ScrollBars.scss | 158 | ||||
-rw-r--r-- | scss/imports/scss/_Stage.scss | 194 | ||||
-rw-r--r-- | scss/imports/scss/_Tools.scss | 487 | ||||
-rw-r--r-- | scss/imports/scss/_ToolsSample.scss | 14 | ||||
-rw-r--r-- | scss/imports/scss/_UserContent.scss | 10 | ||||
-rw-r--r-- | scss/imports/scss/_mixins.scss | 20 | ||||
-rw-r--r-- | scss/imports/scss/_toolbar.scss | 290 | ||||
-rw-r--r-- | scss/imports/themes/_test.scss | 55 | ||||
-rw-r--r-- | scss/imports/themes/default/_colors.scss | 94 | ||||
-rw-r--r-- | scss/imports/themes/default/_fonts.scss | 7 | ||||
-rw-r--r-- | scss/imports/themes/default/_mixins.scss | 37 | ||||
-rwxr-xr-x | scss/ninja.scss | 42 |
21 files changed, 3454 insertions, 0 deletions
diff --git a/scss/config.rb b/scss/config.rb new file mode 100755 index 00000000..23327bde --- /dev/null +++ b/scss/config.rb | |||
@@ -0,0 +1,11 @@ | |||
1 | # Require any additional compass plugins here. | ||
2 | # Set this to the root of your project when deployed: | ||
3 | http_path = "/" | ||
4 | css_dir = "../css" | ||
5 | sass_dir = "" | ||
6 | images_dir = "../images/" | ||
7 | javascripts_dir = "../js" | ||
8 | output_style = :compact | ||
9 | line_comments = false | ||
10 | # To enable relative paths to assets via compass helper functions. Uncomment: | ||
11 | # relative_assets = true | ||
diff --git a/scss/imports/codemirror/_codemirror.scss b/scss/imports/codemirror/_codemirror.scss new file mode 100644 index 00000000..281e7a9a --- /dev/null +++ b/scss/imports/codemirror/_codemirror.scss | |||
@@ -0,0 +1,75 @@ | |||
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 | .CodeMirror { | ||
8 | overflow: auto; | ||
9 | height: 300px; | ||
10 | line-height: 1em; | ||
11 | font-family: monospace; | ||
12 | _position: relative; /* IE6 hack */ | ||
13 | background: white; | ||
14 | } | ||
15 | |||
16 | .CodeMirror-gutter { | ||
17 | position: absolute; left: 0; top: 0; | ||
18 | background-color: #f7f7f7; | ||
19 | border-right: 1px solid #eee; | ||
20 | min-width: 2em; | ||
21 | height: 100%; | ||
22 | } | ||
23 | .CodeMirror-gutter-text { | ||
24 | color: #aaa; | ||
25 | text-align: right; | ||
26 | padding: .4em .2em .4em .4em; | ||
27 | } | ||
28 | .CodeMirror-lines { | ||
29 | padding: .4em; | ||
30 | } | ||
31 | |||
32 | .CodeMirror pre { | ||
33 | border-width: 0; margin: 0; padding: 0; background: transparent; | ||
34 | font-family: inherit; | ||
35 | } | ||
36 | |||
37 | .CodeMirror-cursor { | ||
38 | z-index: 10; | ||
39 | position: absolute; | ||
40 | visibility: hidden; | ||
41 | border-left: 1px solid black !important; | ||
42 | } | ||
43 | .CodeMirror-focused .CodeMirror-cursor { | ||
44 | visibility: visible; | ||
45 | } | ||
46 | |||
47 | span.CodeMirror-selected { | ||
48 | background: #ccc !important; | ||
49 | color: HighlightText !important; | ||
50 | } | ||
51 | .CodeMirror-focused span.CodeMirror-selected { | ||
52 | background: Highlight !important; | ||
53 | } | ||
54 | |||
55 | |||
56 | .CodeMirror-matchingbracket {color: #0f0 !important;} | ||
57 | .CodeMirror-nonmatchingbracket {color: #f22 !important;} | ||
58 | |||
59 | .completions { | ||
60 | position: absolute; | ||
61 | z-index: 10; | ||
62 | overflow: hidden; | ||
63 | -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); | ||
64 | -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); | ||
65 | box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); | ||
66 | } | ||
67 | |||
68 | .completions select { | ||
69 | background: #fafafa; | ||
70 | outline: none; | ||
71 | border: none; | ||
72 | padding: 0; | ||
73 | margin: 0; | ||
74 | font-family: monospace; | ||
75 | } | ||
diff --git a/scss/imports/codemirror/_css.scss b/scss/imports/codemirror/_css.scss new file mode 100644 index 00000000..fb870e84 --- /dev/null +++ b/scss/imports/codemirror/_css.scss | |||
@@ -0,0 +1,15 @@ | |||
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 | span.css-at {color: #708;} | ||
8 | span.css-unit {color: #281;} | ||
9 | span.css-value {color: #708;} | ||
10 | span.css-identifier {color: black;} | ||
11 | span.css-selector {color: #11B;} | ||
12 | span.css-important {color: #00F;} | ||
13 | span.css-colorcode {color: #299;} | ||
14 | span.css-comment {color: #A70;} | ||
15 | span.css-string {color: #A22;} | ||
diff --git a/scss/imports/codemirror/_javascript.scss b/scss/imports/codemirror/_javascript.scss new file mode 100644 index 00000000..1124e279 --- /dev/null +++ b/scss/imports/codemirror/_javascript.scss | |||
@@ -0,0 +1,12 @@ | |||
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 | span.js-keyword {color: #90b;} | ||
8 | span.js-atom {color: #291;} | ||
9 | span.js-variabledef {color: #00f;} | ||
10 | span.js-localvariable {color: #049;} | ||
11 | span.js-comment {color: #a70;} | ||
12 | span.js-string {color: #a22;} | ||
diff --git a/scss/imports/scss/_Base.scss b/scss/imports/scss/_Base.scss new file mode 100644 index 00000000..8a743174 --- /dev/null +++ b/scss/imports/scss/_Base.scss | |||
@@ -0,0 +1,231 @@ | |||
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 | ||
47 | input.nj-skinned, | ||
48 | textarea.nj-skinned, | ||
49 | button.nj-skinned, | ||
50 | select.nj-skinned, | ||
51 | select.nj-skinned option { | ||
52 | -webkit-appearance: none; | ||
53 | outline: none; | ||
54 | } | ||
55 | |||
56 | // Base styles | ||
57 | input[type="text"].nj-skinned, | ||
58 | input[type="password"].nj-skinned, | ||
59 | input[type="search"].nj-skinned, | ||
60 | textarea.nj-skinned, | ||
61 | select.nj-skinned, | ||
62 | select.nj-skinned option { | ||
63 | border: 1px solid $color-input-border; | ||
64 | color: $color-input; | ||
65 | background-color: $color-input-bg; | ||
66 | font-size: 12px; | ||
67 | font-family: 'Droid Sans', sans-serif; | ||
68 | } | ||
69 | |||
70 | // Disabled styles | ||
71 | input.nj-skinned:disabled, | ||
72 | textarea.nj-skinned:disabled, | ||
73 | select.nj-skinned:disabled, | ||
74 | button.nj-skinned:disabled { | ||
75 | opacity: 0.4; | ||
76 | } | ||
77 | |||
78 | // Text inputs and select boxes | ||
79 | input[type="text"].nj-skinned, | ||
80 | input[type="password"].nj-skinned, | ||
81 | input[type="search"].nj-skinned, | ||
82 | select.nj-skinned, | ||
83 | select.nj-skinned option { | ||
84 | height: 13px; | ||
85 | } | ||
86 | // | ||
87 | input[type="text"].nj-skinned:focus, | ||
88 | input[type="password"].nj-skinned:focus, | ||
89 | input[type="search"].nj-skinned:focus, | ||
90 | textarea.nj-skinned:focus, | ||
91 | select.nj-skinned:focus, | ||
92 | select.nj-skinned option:focus { | ||
93 | -webkit-box-shadow: 0px 0px 3px $color-focus-outline; | ||
94 | } | ||