1 files changed, 126 insertions, 0 deletions

diff --git a/node_modules/montage/ui/bluemoon/tabs.reel/tabs.css b/node_modules/montage/ui/bluemoon/tabs.reel/tabs.css
new file mode 100755
index 00000000..e3615a9b
--- /dev/null
+++ b/node_modules/montage/ui/bluemoon/tabs.reel/tabs.css
@@ -0,0 +1,126 @@
+/* <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> */
+.montage-tabs {
+    position: relative;
+    display: inline-block;
+    border-radius: 26px;
+
+    background-color: #ccc;
+    -webkit-box-shadow: rgba(255, 255, 255, .7) 0 1px 0, inset rgba(0, 0, 0, .3) 0 1px 3px;
+}
+
+.montage-tabs-indicator {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 48px;
+    margin: 2px;
+    padding: 0px 10px;
+    border-radius: 24px;
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fff), color-stop(100%, #e6e6e6));
+    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 3px;
+
+}
+
+.montage-tabs-list {
+    padding: 0;
+    margin: 0;
+    position: relative;
+}
+
+.montage-tabs-list li {
+    display: inline-block;
+    line-height: 46px;
+    margin: 3px;
+    padding: 0 10px;
+    border-radius: 26px;
+    font-family: 'AGBuchBQRegular', Helvetica, sans-serif;
+    font-size: 18px;
+    color: #555;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    cursor: pointer;
+}
+
+.montage-tabs-list li.selected {
+    color: #333;
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fff), color-stop(100%, #e6e6e6));
+    padding: 0 10px;
+    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 3px;
+}
+
+.montage-tabs-list li img {
+    margin-bottom: -2px; /* based on 16px icons */
+    opacity: .5;
+}
+
+.montage-tabs-list li.selected img {
+    opacity: 1;
+}
+
+.montage-tabs-list li span {
+    margin: 0;
+    padding: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+/* states */
+
+.montage-tabs-list li.pressed {
+    background-color: #aaa;
+    -webkit-box-shadow: rgba(255, 255, 255, .2) 0 1px 0, inset rgba(0, 0, 0, .1) 0 2px 5px;
+    -webkit-transition: background-color .15s ease-out;
+}
+
+/* ----------------------- Small ----------------------- */
+
+/* tab width: 70px */
+
+.montage-tabs.small .montage-tabs-indicator {
+    height: 27px;
+}
+
+.montage-tabs.small .montage-tabs-list li {
+    padding: 0 10px;
+    line-height: 25px;
+
+    font-size: 12px;
+}
+
+/* ----------------------- Dark theme ----------------------- */
+
+.montage-tabs.dark {
+    background-color: #404040;
+    -webkit-box-shadow: rgba(255, 255, 255, .25) 0 1px 0, inset rgba(0, 0, 0, .3) 0 1px 3px;
+}
+
+.montage-tabs.dark .montage-tabs-indicator {
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #767676), color-stop(100%, #5c5c5c));
+
+}
+
+.montage-tabs.dark .montage-tabs-list li {
+    color: #bbb;
+}
+
+.montage-tabs.dark .montage-tabs-list li.selected {
+    color: #333;
+}
+
+/* states */
+
+.montage-tabs.dark .montage-tabs-list li.pressed {
+    background-color: #333;
+    -webkit-box-shadow: rgba(255, 255, 255, .05) 0 1px 0, inset rgba(0, 0, 0, .1) 0 2px 5px;
+}