1 files changed, 29 insertions, 91 deletions
diff --git a/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html
index 4be1e1b6..705e0cc2 100644
--- a/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html
+++ b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html
@@ -5,100 +5,38 @@
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> -->
 <html>
-    <head>
+<head>
-    <title></title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="scroll-bars.css">
    <script type="text/montage-serialization">
-        {
+{
-            "owner": {
+    "owner": {
-                "properties": {
+        "properties": {
-                    "element": {
+            "element": {
-                        "#": "montage-scroll-bars"
+                "#": "montage-scroll-bars"
-                    },
+            },
-                    "_top": {
+            "_top": {
-                        "#": "top"
+                "#": "top"
-                    },
+            },
-                    "_bottomClip": {
+            "_bottomClip": {
-                        "#": "bottom-clip"
+                "#": "bottom-clip"
-                    },
+            },
-                    "_bottom": {
+            "_bottom": {
-                        "#": "bottom"
+                "#": "bottom"
-                    },
+            },
-                    "_left": {
+            "_left": {
-                        "#": "left"
+                "#": "left"
-                    },
+            },
-                    "_rightClip": {
+            "_rightClip": {
-                        "#": "right-clip"
+                "#": "right-clip"
-                    },
+            },
-                    "_right": {
+            "_right": {
-                        "#": "right"
+                "#": "right"
-                    }
-                }
            }
        }
+    }
+}
    </script>
-    <style>
-        .montage-scroll-bars {
-            position: absolute;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            z-index: 9999;
-            pointer-events: none;
-        }
-        .montage-scroll-bars .top {
-            position: absolute;
-            right: 2px;
-            background: black;
-            -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-            width: 5px;
-            height: 3px;
-            border-radius: 4px 4px 0 0;
-            opacity: 0;
-            clip: rect(-1px, 6px, 3px, -1px);
-            -webkit-transform: translateZ(0);
-        }
-        .montage-scroll-bars .bottom {
-            background: black;
-            -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-            width: 5px;
-            border-radius: 0 0 4px 4px;
-            opacity: 0;
-            -webkit-transform: translateZ(0);
-        }
-        .montage-scroll-bars .bottom-clip {
-            position: absolute;
-            right: 2px;
-            width: 5px;
-            -webkit-transform: translateZ(0);
-        }
-        .montage-scroll-bars .left {
-            position: absolute;
-            bottom: 2px;
-            background: black;
-            -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-            width: 3px;
-            height: 5px;
-            border-radius: 4px 0 0 4px;
-            opacity: 0;
-            clip: rect(-1px, 3px, 6px, -1px);
-            -webkit-transform: translateZ(0);
-        }
-        .montage-scroll-bars .right {
-            background: black;
-            -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-            height: 5px;
-            border-radius: 0 4px 4px 0;
-            opacity: 0;
-            -webkit-transform: translateZ(0);
-        }
-        .montage-scroll-bars .right-clip {
-            position: absolute;
-            bottom: 2px;
-            height: 5px;
-            -webkit-transform: translateZ(0);
-        }
-    </style>
 </head>
 <body>
    <div data-montage-id="montage-scroll-bars" class="montage-scroll-bars">
@@ -112,4 +50,4 @@
        </div>
    </div>
 </body>
-</html>
+</html>
+\ No newline at end of file

diff --git a/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html index 4be1e1b6..705e0cc2 100644 --- a/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html +++ b/node_modules/montage/ui/scroll-bars.reel/scroll-bars.html
@@ -5,100 +5,38 @@
5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6	</copyright> -->	6	</copyright> -->
7	<html>	7	<html>
8	<head>	8	<head>
9	<title></title>	9	<meta charset="utf-8">
		10	<link rel="stylesheet" href="scroll-bars.css">
10	<script type="text/montage-serialization">	11	<script type="text/montage-serialization">
11	{	12	{
12	"owner": {	13	"owner": {
13	"properties": {	14	"properties": {
14	"element": {	15	"element": {
15	"#": "montage-scroll-bars"	16	"#": "montage-scroll-bars"
16	},	17	},
17	"_top": {	18	"_top": {
18	"#": "top"	19	"#": "top"
19	},	20	},
20	"_bottomClip": {	21	"_bottomClip": {
21	"#": "bottom-clip"	22	"#": "bottom-clip"
22	},	23	},
23	"_bottom": {	24	"_bottom": {
24	"#": "bottom"	25	"#": "bottom"
25	},	26	},
26	"_left": {	27	"_left": {
27	"#": "left"	28	"#": "left"
28	},	29	},
29	"_rightClip": {	30	"_rightClip": {
30	"#": "right-clip"	31	"#": "right-clip"
31	},	32	},
32	"_right": {	33	"_right": {
33	"#": "right"	34	"#": "right"
34	}
35	}
36	}	35	}
37	}	36	}
		37	}
		38	}
38	</script>	39	</script>
39	<style>
40	.montage-scroll-bars {
41	position: absolute;
42	left: 0;
43	top: 0;
44	right: 0;
45	bottom: 0;
46	z-index: 9999;
47	pointer-events: none;
48	}
49	.montage-scroll-bars .top {
50	position: absolute;
51	right: 2px;
52	background: black;
53	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
54	width: 5px;
55	height: 3px;
56	border-radius: 4px 4px 0 0;
57	opacity: 0;
58	clip: rect(-1px, 6px, 3px, -1px);
59	-webkit-transform: translateZ(0);
60	}
61	.montage-scroll-bars .bottom {
62	background: black;
63	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
64	width: 5px;
65	border-radius: 0 0 4px 4px;
66	opacity: 0;
67	-webkit-transform: translateZ(0);
68	}
69	.montage-scroll-bars .bottom-clip {
70	position: absolute;
71	right: 2px;
72	width: 5px;
73	-webkit-transform: translateZ(0);
74	}
75	.montage-scroll-bars .left {
76	position: absolute;
77	bottom: 2px;
78	background: black;
79	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
80	width: 3px;
81	height: 5px;
82	border-radius: 4px 0 0 4px;
83	opacity: 0;
84	clip: rect(-1px, 3px, 6px, -1px);
85	-webkit-transform: translateZ(0);
86	}
87	.montage-scroll-bars .right {
88	background: black;
89	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
90	height: 5px;
91	border-radius: 0 4px 4px 0;
92	opacity: 0;
93	-webkit-transform: translateZ(0);
94	}
95	.montage-scroll-bars .right-clip {
96	position: absolute;
97	bottom: 2px;
98	height: 5px;
99	-webkit-transform: translateZ(0);
100	}
101	</style>
102	</head>	40	</head>
103	<body>	41	<body>
104	<div data-montage-id="montage-scroll-bars" class="montage-scroll-bars">	42	<div data-montage-id="montage-scroll-bars" class="montage-scroll-bars">
@@ -112,4 +50,4 @@
112	</div>	50	</div>
113	</div>	51	</div>
114	</body>	52	</body>
115	</html>	53	</html> \ No newline at end of file