1 files changed, 322 insertions, 0 deletions

diff --git a/js/panels/Timeline/Layer.reel/css/Layer.css b/js/panels/Timeline/Layer.reel/css/Layer.css
new file mode 100644
index 00000000..39869c92
--- /dev/null
+++ b/js/panels/Timeline/Layer.reel/css/Layer.css
@@ -0,0 +1,322 @@
+@charset "UTF-8";
+/* Layer.scss
+ * Main SCSS file for Layer component, compiled by SASS into the file css/Layer.css.
+ */
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/*
+ * _colors.scss
+ * Defines the colors for the UI of the application.
+ * To create a new theme, copy this file and change the values as desired.
+ * Note: Some colors are defined as both rgb and rgba; some of the rgba versions have multiple a values.
+ */
+/* Colors for radio buttons and other form elements */
+/* Base colors for dividers 
+ *
+ * Dividers consist of a div with a background color and either 
+ * a top & bottom border (in the case of horizontal dividers)
+ * or a left & right border (in the case of vertical dividers),
+ * for a total of three different colors.
+ * 
+ */
+/* top and left */
+/* Middle */
+/* Bottom and right */
+/* Main background color of entire app */
+/* Main app background color. */
+/* rgba version */
+/* Main app border color */
+/* color of drop shadows */
+/* Stage color */
+/* body border color */
+/* Body background color */
+/* Colors for main dropdown menus: background & text for both regular and highlighted states, dividers */
+/* Colors for tools: background, text, how they interact with the UI */
+/* Colors for panels: background & text, both regular and highlighted states, dividers, borders, shadows, etc. */
+/* used for editable items in their non-edit state, etc. */
+/* Border for panel and for block elements */
+/* Shadow for text and block elements */
+/* Colors for scroll bars */
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/*
+ * themes/themename/mixins.scss
+ * Mixins that are theme-dependent (e.g. sprite mixins, etc)
+ */
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/*
+ * mixins.scss
+ * Generic mixins.  Theme-specific mixins (e.g. for sprites) 
+ * should go in the theme/themename/mixins.scss file.
+ */
+/* line 16, ../scss/Layer.scss */
+.layerLabel {
+  width: 100%;
+  color: white;
+  height: 21px;
+  font-family: 'Droid Sans';
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #3a3a3a;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+}
+
+/* line 26, ../scss/Layer.scss */
+.layerLabel.layerSelected {
+  background-color: #b2b2b2;
+  color: #242424;
+}
+
+/* line 30, ../scss/Layer.scss */
+.layerLabel {
+  width: 100%;
+  height: 18px;
+  padding-left: 25px;
+  padding-top: 2px;
+  -webkit-box-flex: 1;
+}
+
+/* line 37, ../scss/Layer.scss */
+.layerDisclosure {
+  background-image: url("../images/panelDisclosureIcon.png");
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 16px;
+  /*float: left;*/
+  -webkit-transition-property: rotate;
+  -webkit-transition-duration: 0.2s;
+  -webkit-transition-timing-function: linear;
+  padding-right: 2px;
+  -webkit-box-flex: 0;
+}
+
+/* line 50, ../scss/Layer.scss */
+.layerHide {
+  background-image: url("../images/eye.png");
+  background-repeat: no-repeat;
+  /*float: right;*/
+  width: 16px;
+  height: 16px;
+  padding-right: 4px;
+  -webkit-box-flex: 0;
+}
+
+/* line 59, ../scss/Layer.scss */
+.layerLock {
+  background-image: url("../images/lock_open.png");
+  background-repeat: no-repeat;
+  /*float: right;*/
+  width: 16px;
+  height: 16px;
+  padding-right: 4px;
+  -webkit-box-flex: 0;
+}
+
+/******************************************/
+/* line 71, ../scss/Layer.scss */
+.container-layer {
+  background-color: #474747;
+  color: white;
+  font-size: 12px;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+/* line 77, ../scss/Layer.scss */
+.selected .container-layer {
+  background-color: #474747;
+}
+
+/* line 80, ../scss/Layer.scss */
+.selected .container-layer .label-layer {
+  background-color: #b2b2b2;
+  color: #242424;
+}
+
+/* line 85, ../scss/Layer.scss */
+.userlayers .collapsible-label {
+  display: block;
+  width: 100px;
+  height: 21px;
+  line-height: 20px;
+  color: white;
+  margin-left: 30px;
+  margin-right: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* line 97, ../scss/Layer.scss */
+.layerSelected .label-layer {
+  background-color: #b2b2b2;
+  color: #242424;
+}
+
+/* line 101, ../scss/Layer.scss */
+.content-layer {
+  background-color: #474747;
+  color: white;
+}
+
+/* line 105, ../scss/Layer.scss */
+.content-layer .collapsible-label {
+  background-position: 14px 5px;
+  border-width: 0px;
+}
+
+/* line 112, ../scss/Layer.scss */
+.label-layer,
+.label-position,
+.label-transform,
+.label-style {
+  position: relative;
+  border-bottom: 1px solid #505050;
+  cursor: pointer;
+}
+
+/* line 119, ../scss/Layer.scss */
+.content-layer .collapsible-label,
+.content-layer .collapsible-content {
+  font-size: 11px;
+}
+
+/* line 123, ../scss/Layer.scss */
+.collapsible-clicker {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  top: 5px;
+  left: 5px;
+  margin: 0px;
+  padding: 0px;
+  background-image: url(../images/icon-open.png);
+  background-repeat: no-repeat;
+}
+
+/* line 134, ../scss/Layer.scss */
+.collapsible-clicker.collapsible-collapsed {
+  background-image: url(../images/icon-collapsed.png);
+}
+
+/* line 137, ../scss/Layer.scss */
+.collapsible-content .collapsible-clicker {
+  left: 12px;
+}
+
+/* line 140, ../scss/Layer.scss */
+.content-layer.collapsible-collapsed {
+  height: 0px;
+  overflow: hidden;
+}
+
+/* line 146, ../scss/Layer.scss */
+.label-layer .cssbutton,
+.label-style .cssbutton {
+  width: 14px;
+  height: 14px;
+  overflow: hidden;
+  position: absolute;
+  background-repeat: no-repeat;
+}
+
+/* line 153, ../scss/Layer.scss */
+.label-layer .button-lock {
+  background-image: url(../images/icon-lock.png);
+  top: 3px;
+  right: 27px;