aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/style-shorthand.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/css-panel/style-shorthand.reel')
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.css41
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.html174
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.js58
3 files changed, 0 insertions, 273 deletions
diff --git a/js/panels/css-panel/style-shorthand.reel/style-shorthand.css b/js/panels/css-panel/style-shorthand.reel/style-shorthand.css
deleted file mode 100644
index b77994a4..00000000
--- a/js/panels/css-panel/style-shorthand.reel/style-shorthand.css
+++ /dev/null
@@ -1,41 +0,0 @@
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.css-tree-branch {
8 /*padding-left: 10px;*/
9}
10
11.css-tree-branch .css-tree-branch {
12 padding-left: 20px;
13 margin-top: 0;
14 margin-bottom: 0;
15 overflow: hidden;
16}
17.style-shorthand-branch > div {
18 background-color: #fafafa;
19 border-bottom: 1px solid #ededed;
20 position: relative;
21}
22.style-shorthand-branch > div:hover {
23 background-color: #f1f1f1;
24 border-bottom: 1px solid #e1e1e1;
25 position: relative;
26}
27.style-shorthand-branch > div:hover:after {
28 opacity: 1;
29}
30.style-shorthand-branch > div:after {
31 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD%2BWDajAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyODUxMDg2RjY1NkYxMUUxODMyRUQwQzAxMzUxMjUxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyODUxMDg3MDY1NkYxMUUxODMyRUQwQzAxMzUxMjUxRiI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4NTEwODZENjU2RjExRTE4MzJFRDBDMDEzNTEyNTFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4NTEwODZFNjU2RjExRTE4MzJFRDBDMDEzNTEyNTFGIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BaoqKDgAAAGhJREFUeNpibG9vP8DAwGDPgAkuMAGJ6QzYwXSQ5Bogfoom8RGIFzNVVFT8xaJ7FlD8OxOUMxeIf0HZIMWzQAywJFDVC6jxILADyL8Dl4SCKWg0A8P%2F%2F%2F%2FhGOitFch8JjSHxCFzAAIMACCjLJNKELwVAAAAAElFTkSuQmCC);
32 background-repeat: no-repeat;
33 content: "\00a0";
34 height: 10px;
35 position: absolute;
36 right: 8px;
37 top: 4px;
38 width: 10px;
39 opacity: .3;
40}
41
diff --git a/js/panels/css-panel/style-shorthand.reel/style-shorthand.html b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
deleted file mode 100644
index 0311798b..00000000
--- a/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
+++ /dev/null
@@ -1,174 +0,0 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6</copyright> -->
7<html lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link href="style-shorthand.css" rel="stylesheet" type="text/css" />
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "module" : "js/panels/css-panel/style-shorthand.reel",
15 "name" : "StyleShorthand",
16 "properties" : {
17 "element" : {"#" : "branch"},
18 "label" : { "@" : "textComponent" },
19 "branchList": {"#" : "branchList"},
20 "arrayController": {"@": "arrayController" },
21 "repetition": {"@": "repetition"},
22 "leafComponent": {"@": "style"},
23 "branchComponent": {"@": "shorthand"},
24 "branchCollapser": {"#": "collapser" }
25 }
26 },
27
28 "property": {
29 "module": "montage/ui/dynamic-text.reel",
30 "name": "DynamicText",
31 "properties": {
32 "element": {"#": "property"}
33 },
34 "bindings": {
35 "value" : {
36 "boundObject": {"@": "owner"},
37 "boundObjectPropertyPath": "propertyText",
38 "oneway": true
39 }
40 }
41 },
42 "value": {
43 "module": "montage/ui/dynamic-text.reel",
44 "name": "DynamicText",
45 "properties": {
46 "element": {"#": "value"}
47 },
48 "bindings": {
49 "value" : {
50 "boundObject": {"@": "owner"},
51 "boundObjectPropertyPath": "valueText",
52 "oneway": true
53 }
54 }
55 },
56
57 "arrayController": {
58 "module": "montage/ui/controller/array-controller",
59 "name": "ArrayController",
60 "bindings": {
61 "content": {
62 "boundObject": {"@": "owner"},
63 "boundObjectPropertyPath": "childNodes"
64 }
65 }
66 },
67
68 "style": {
69 "module": "js/panels/css-panel/style.reel",
70 "name": "Style",
71 "bindings": {
72 "sourceObject": {
73 "boundObject": {"@": "repetition" },
74 "boundObjectPropertyPath": "objectAtCurrentIteration",
75 "oneway": true
76 },
77 "labelKey" : {
78 "boundObject": {"@": "owner" },
79 "boundObjectPropertyPath": "labelKey",
80 "oneway": true
81 },
82 "branchKey" : {
83 "boundObject": {"@": "owner" },
84 "boundObjectPropertyPath": "branchKey",
85 "oneway": true
86 },
87 "treeView" : {
88 "boundObject": {"@": "owner" },
89 "boundObjectPropertyPath": "treeView",
90 "oneway": true
91 }
92 }
93 },
94
95 "shorthand": {
96 "module": "js/panels/css-panel/style-shorthand.reel",
97 "name": "StyleShorthand",
98 "bindings": {
99 "sourceObject": {
100 "boundObject": {"@": "repetition" },
101 "boundObjectPropertyPath": "objectAtCurrentIteration",
102 "oneway": true
103 },
104 "labelKey" : {
105 "boundObject": {"@": "owner" },
106 "boundObjectPropertyPath": "labelKey",
107 "oneway": true
108 },
109 "branchKey" : {
110 "boundObject": {"@": "owner" },
111 "boundObjectPropertyPath": "branchKey",
112 "oneway": true
113 },
114 "treeView" : {
115 "boundObject": {"@": "owner" },
116 "boundObjectPropertyPath": "treeView",
117 "oneway": true
118 }
119 }
120 },
121
122 "repetition": {
123 "module": "montage/ui/repetition.reel",
124 "name": "Repetition",
125 "properties": {
126 "element": { "#": "branchList" },
127 "contentController": {"@": "arrayController" },
128 "selectionEnabled": true
129 }
130 },
131
132 "substitution": {
133 "module": "montage/ui/substitution.reel",
134 "name": "Substitution",
135 "properties": {
136 "element": {"#": "treeItem"},
137 "switchComponents": {
138 "leaf": {"@": "style"},
139 "branch": {"@": "shorthand"}
140
141 }
142 },
143 "bindings": {
144 "switchValue": {
145 "boundObject": {"@": "repetition"},
146 "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
147 "oneway": true
148 }
149 }
150 },
151
152 "collapser" : {
153 "module": "js/panels/collapse-composer",
154 "name": "CollapseComposer",
155 "properties" : {
156 "element": {"#":"collapser"},
157 "component": {"@": "repetition"}
158 }
159 }
160 }
161 </script>
162</head>
163<body>
164 <div id="branch" class="style-shorthand-branch">