diff options
author | John Mayhew | 2012-02-10 16:04:19 -0800 |
---|---|---|
committer | John Mayhew | 2012-02-10 16:04:19 -0800 |
commit | 730c1e191e36b8ab8dba576c481a6585e0dfa69e (patch) | |
tree | c86445ff8d1981e97096ec5e9f6cc5301dc9ea40 /js/panels/Timeline/TimelineTrack.reel/scss | |
parent | cde1dd9a9156b9682fdf85ce2cd4acdd94124c37 (diff) | |
parent | 48977780443d97b9e97b047066639c9056788041 (diff) | |
download | ninja-730c1e191e36b8ab8dba576c481a6585e0dfa69e.tar.gz |
Merge branch 'master' of github.com:Motorola-Mobility/ninja-internal into WorkingBranch
Conflicts:
js/ninja.reel/ninja.html
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/scss')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss | 65 | ||||
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/scss/config.rb | 9 |
2 files changed, 74 insertions, 0 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss b/js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss new file mode 100644 index 00000000..c492d18d --- /dev/null +++ b/js/panels/Timeline/TimelineTrack.reel/scss/TimelineTrack.scss | |||
@@ -0,0 +1,65 @@ | |||
1 | @charset "UTF-8"; | ||
2 | |||
3 | /* TimelineTrack.scss | ||
4 | * Main SCSS file for TimelineTrack component, compiled by SASS into the file css/TimelineTrack.css. | ||
5 | */ | ||
6 | |||
7 | // Import theme settings | ||
8 | @import "../../../../../_scss/imports/themes/default/colors"; | ||
9 | // @import "../../../../../_scss/imports/themes/default/fonts"; | ||
10 | @import "../../../../../_scss/imports/themes/default/mixins"; | ||
11 | |||
12 | // Import generic mixins and styles | ||
13 | @import "../../../../../_scss/imports/scss/mixins"; | ||
14 | // @import "../../../../../_scss/imports/scss/Base"; | ||
15 | |||
16 | .tracklane{ | ||
17 | height: 19px; | ||
18 | width: 100%; | ||
19 | color: white; | ||
20 | padding-top: 2px; | ||
21 | border-bottom: #444; | ||
22 | border-bottom-style: solid; | ||
23 | border-bottom-width: thin; | ||
24 | background-image: url("../images/gridline.jpg"); | ||
25 | overflow: hidden; | ||
26 | } | ||
27 | |||
28 | .keyframe{ | ||
29 | position: absolute; | ||
30 | height: 16px; | ||
31 | width: 4px; | ||
32 | background-color: white; | ||
33 | |||
34 | } | ||
35 | |||
36 | .defaultSpan{ | ||
37 | position: absolute; | ||
38 | height: 16px; | ||
39 | opacity: 0.3; | ||
40 | background-color: white; | ||
41 | } | ||
42 | |||
43 | |||
44 | |||
45 | .tl_layertracks .content-position { | ||
46 | height: 63px; | ||
47 | } | ||
48 | .tl_layertracks .content-transform { | ||
49 | height: 106px; | ||
50 | } | ||
51 | |||
52 | .tl_layertracks .collapsible-content.collapsible-collapsed { | ||
53 | overflow: hidden; | ||
54 | height: 0px; | ||
55 | } | ||
56 | |||
57 | .tl_layertracks .collapsible-content .collapsible-label { | ||
58 | height: 21px; | ||
59 | background-color: $color-panel-bg; | ||
60 | color: $color-panel-text; | ||
61 | |||
62 | } | ||
63 | .tl_layertracks .collapsible-content .timeline-track { | ||
64 | height: 21px; | ||
65 | } | ||
diff --git a/js/panels/Timeline/TimelineTrack.reel/scss/config.rb b/js/panels/Timeline/TimelineTrack.reel/scss/config.rb new file mode 100644 index 00000000..e5a99b70 --- /dev/null +++ b/js/panels/Timeline/TimelineTrack.reel/scss/config.rb | |||
@@ -0,0 +1,9 @@ | |||
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 | # To enable relative paths to assets via compass helper functions. Uncomment: | ||
9 | # relative_assets = true | ||