aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Span.reel/scss
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Span.reel/scss')
-rw-r--r--js/panels/Timeline/Span.reel/scss/Span.scss101
-rw-r--r--js/panels/Timeline/Span.reel/scss/config.rb9
2 files changed, 110 insertions, 0 deletions
diff --git a/js/panels/Timeline/Span.reel/scss/Span.scss b/js/panels/Timeline/Span.reel/scss/Span.scss
new file mode 100644
index 00000000..b3aff4d2
--- /dev/null
+++ b/js/panels/Timeline/Span.reel/scss/Span.scss
@@ -0,0 +1,101 @@
1@charset "UTF-8";
2
3/* <copyright>
4 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
5 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
6 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
7 </copyright> */
8
9/* Span.scss
10 * Main SCSS file for Span component, compiled by SASS into the file css/Span.css.
11 */
12
13// Import theme settings
14@import "../../../../../scss/imports/themes/default/colors";
15// @import "../../../../../scss/imports/themes/default/fonts";
16@import "../../../../../scss/imports/themes/default/mixins";
17
18// Import generic mixins and styles
19@import "../../../../../scss/imports/scss/mixins";
20// @import "../../../../../scss/imports/scss/Base";
21
22.tween_span{
23 position: absolute;
24 height: 16px;
25}
26.tween_span .tween_span_bar {
27 width: 100%;
28 height: 100%;
29 background-color: #fff;
30 opacity: 0.15;
31}
32
33.tween_span.spanHighlight .tween_span_bar {
34 background-color: #a0c8ff;
35 opacity: 0.4;
36}
37
38/*
39 * Easing picker
40 */
41
42.container-easing {
43 position: absolute;
44 top: 2px;
45 right: 8px;
46 font-size: 10px;
47 line-height: 8px;
48 border: 1px solid $color-menu-border;
49 color: $color-menu-text;
50 background-color: $color-menu-bg;
51}
52.container-easing,
53.container-easing .easing-choice,
54.container-easing .easing-choices {
55 width: 70px;
56 white-space: nowrap;
57}
58.container-easing,
59.container-easing .easing-choice {
60 height: 10px;
61}
62.container-easing .easing-choice {
63 position: absolute;
64 top: 0px;
65 left: 3px;
66 width: 67px;
67 cursor: pointer;
68}
69.container-easing .easing-choices {
70 position: absolute;
71 display: none;
72 bottom: -1px;
73 left: -1px;
74 z-index: 100;
75 height: auto;
76 border: 1px solid $color-menu-border;
77 color: $color-menu-text;
78 background-color: $color-menu-bg;
79 overflow: hidden;
80 list-style-type: none;
81 margin: 0px;
82 padding: 0px;
83}
84.container-easing .easing-choices li {
85 list-style-type: none;
86 margin: 0px;
87 padding: 0px;
88 padding-top: 2px;
89 padding-bottom: 2px;
90 padding-left: 3px;
91 cursor: pointer;
92}
93
94.container-easing .easing-choices li:hover,
95.container-easing .easing-choices li.easing-selected {
96 color: $color-menu-hilite-text;
97 background-color: $color-menu-hilite-bg;
98}
99.container-easing .easing-choices li.easing-selected {
100 cursor: default;
101}
diff --git a/js/panels/Timeline/Span.reel/scss/config.rb b/js/panels/Timeline/Span.reel/scss/config.rb
new file mode 100644
index 00000000..e5a99b70
--- /dev/null
+++ b/js/panels/Timeline/Span.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:
3http_path = "/"
4css_dir = "../css"
5sass_dir = ""
6images_dir = "../images/"
7javascripts_dir = "../js"
8# To enable relative paths to assets via compass helper functions. Uncomment:
9# relative_assets = true