From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001
From: Pierre Frisch
Date: Thu, 22 Dec 2011 07:25:50 -0800
Subject: First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
---
 node_modules/montage/ui/button.reel/button.css | 386 +++++++++++++++++++++++++
 1 file changed, 386 insertions(+)
 create mode 100755 node_modules/montage/ui/button.reel/button.css

(limited to 'node_modules/montage/ui/button.reel/button.css')

diff --git a/node_modules/montage/ui/button.reel/button.css b/node_modules/montage/ui/button.reel/button.css
new file mode 100755
index 00000000..acf938cc
--- /dev/null
+++ b/node_modules/montage/ui/button.reel/button.css
@@ -0,0 +1,386 @@
+/* <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> */
+@-webkit-keyframes montage-button-light-busy {
+    0% {
+        background-color: #ccc;
+    }
+    50% {
+        background-color: #e6e6e6;
+    }
+    100% {
+        background-color: #ccc;
+    }
+}
+@-webkit-keyframes montage-button-dark-busy {
+    0% {
+        background-color: #404040;
+        color: #a0a0a0;
+    }
+    50% {
+        background-color: #505050;
+        color: #bbb;
+    }
+    100% {
+        background-color: #404040;
+        color: #a0a0a0;
+    }
+}
+.montage-button.busy {
+    -webkit-animation-delay: 100ms !important;
+}
+
+.montage-button.text:before {
+    content: "";
+    position: absolute;
+    left: -1px;
+    right: -1px;
+    top: -1px;
+    bottom: -1px;
+    border: 1px solid rgba(0,0,0,.25);
+    border-radius: 26px;
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-button.text {
+    outline: none;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    display: inline-block;
+    padding: 2px 32px 0 32px;
+    height: 48px;
+    border-radius: 26px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
+    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
+    text-align: center;
+    line-height: 48px;
+    font-size: 18px;
+    color: #000;
+    -webkit-transition: background 150ms;
+}
+
+.montage-button.text:active, .montage-button.text.busy {
+    background: #ccc;
+}
+
+.montage-button.text.busy {
+    -webkit-animation: montage-button-light-busy 1.1s infinite;
+    -webkit-animation-timing-function: ease-in-out;
+    cursor: default;
+}
+
+.montage-button.text.disabled:before {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.text.disabled {
+    background: none;
+    color: #969696;
+}
+
+.montage-button.submit:before {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    top: -4px;
+    bottom: -4px;
+    border: 2px solid #0cbeff;
+    border-radius: 26px;
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-button.submit:after {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    top: -4px;
+    bottom: -4px;
+    border-radius: 26px;
+    -webkit-box-shadow: inset 0 1px 2px #066283, inset 0 1px 2px #066283;
+}
+
+.montage-button.submit {
+    outline: none;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    margin: 2px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    display: inline-block;
+    padding: 2px 31px 0 31px;
+    height: 40px;
+    border: 1px solid #f3f3f3;
+    border-radius: 26px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
+    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
+    line-height: 40px;
+    font-size: 18px;
+    color: #0f9ed2;
+    -webkit-transition-duration: 150ms;
+    -webkit-transition-property: background, color;
+    -webkit-box-shadow: 0 1px 0 #0988b7, 0 2px 0 #0988b7, 0 -2px 0 #0988b7, -2px 0 0 #0988b7, 2px 0 0 #0988b7;
+}
+
+.montage-button.submit:active, .montage-button.submit.busy {
+    border: 1px solid #0988b7;
+    color: #666;
+    -webkit-box-shadow: 0 1px 0 #afeaff, 0 2px 0 #0cbeff, 0 -2px 0 #0cbeff, -2px 0 0 #0cbeff, 2px 0 0 #0cbeff;
+    background: #ccc;
+}
+
+.montage-button.submit.disabled:before {
+    -webkit-box-shadow: none;
+    border: 1px solid #acacac;
+}
+
+.montage-button.submit.disabled {
+    -webkit-box-shadow: none;
+    background: none;
+    color: #969696;
+    border: 1px solid transparent;
+}
+
+.montage-button.submit.disabled:after {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.submit.busy {
+    -webkit-animation: montage-button-light-busy 1.1s infinite;
+    -webkit-animation-timing-function: ease-in-out;
+    cursor: default;
+}
+
+.montage-button.cancel:before {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    top: -4px;
+    bottom: -4px;
+    border: 2px solid #dc4d48;
+    border-radius: 26px;
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-button.cancel:after {
+    content: "";
+    position: absolute;
+    left: -4px;
+    right: -4px;
+    top: -4px;
+    bottom: -4px;
+    border-radius: 26px;
+    -webkit-box-shadow: inset 0 1px 2px #742b28, inset 0 1px 2px #742b28;
+    opacity: .8;
+}
+
+.montage-button.cancel {
+    outline: none;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    margin: 2px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    display: inline-block;
+    padding: 2px 31px 0 31px;
+    height: 40px;
+    border: 1px solid #f3f3f3;
+    border-radius: 26px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
+    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
+    line-height: 40px;
+    font-size: 18px;
+    color: #d23f3a;
+    -webkit-transition-duration: 150ms;
+    -webkit-transition-property: background, color;
+    -webkit-box-shadow: 0 1px 0 #dc4d48, 0 2px 0 #a9403a, 0 -2px 0 #a9403a, -2px 0 0 #a9403a, 2px 0 0 #a9403a;
+}
+
+.montage-button.cancel:active, .montage-button.cancel.busy {
+    border: 1px solid #a9403a;
+    color: #666;
+    -webkit-box-shadow: 0 1px 0 #f5c7c5, 0 2px 0 #dc4d48, 0 -2px 0 #dc4d48, -2px 0 0 #dc4d48, 2px 0 0 #dc4d48;
+    background: #ccc;
+}
+
+.montage-button.cancel.busy {
+    -webkit-animation: montage-button-light-busy 1.1s infinite;
+    -webkit-animation-timing-function: ease-in-out;
+    cursor: default;
+}
+
+.montage-button.cancel.disabled:before {
+    -webkit-box-shadow: none;
+    border: 1px solid #acacac;
+}
+
+.montage-button.cancel.disabled {
+    -webkit-box-shadow: none;
+    background: none;
+    color: #969696;
+    border: 1px solid transparent;
+}
+
+.montage-button.cancel.disabled:after {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.text.dark:before {
+    border: 1px solid rgba(0,0,0,.4);
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-button.text.dark {
+    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#5c5c5c)), #5c5c5c;
+    color: #fff;
+    text-shadow: 0 0 2px #404040;
+    -webkit-transition-duration: 150ms;
+    -webkit-transition-property: background, color;
+}
+
+.montage-button.text.dark:active, .montage-button.text.dark.busy {
+    background: #404040;
+    color: #a0a0a0;
+}
+
+.montage-button.text.dark.busy {
+    -webkit-animation: montage-button-dark-busy 1.1s infinite;
+}
+
+.montage-button.text.dark.disabled:before {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.text.dark.disabled {
+    background: none;
+    color: #333;
+    text-shadow: none;
+}
+
+.montage-button.submit.dark:before {
+    border: 1px solid rgba(0,0,0,.4);
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1), inset 0 2px 0 #0aa0d8, inset 0 -2px 0 #0aa0d8;
+}
+
+.montage-button.submit.dark:after {
+    left: -3px;
+    right: -3px;
+    top: -3px;
+    bottom: -3px;
+    -webkit-box-shadow: inset 0 1px 2px #066283;
+    opacity: 1;
+}
+
+.montage-button.submit.dark {
+    margin: 3px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#616161)), #616161;
+    color: #fff;
+    border: none;
+    text-shadow: 0 0 2px #404040;
+    -webkit-box-shadow: inset 0 1px 0 #3f6d7e, inset 1px 0 0 #044259, inset -1px 0 0 #044259, inset 0 -1px 0 #044259, 0 1px 1px #087faa, 0 1px 1px #087faa, 0 1px 0 #0aa0d8, 0 3px 0 #0aa0d8, 0 -3px 0 #0aa0d8, -3px 0 0 #0aa0d8, 3px 0 0 #0aa0d8;
+}
+
+.montage-button.submit.dark:active, .montage-button.submit.dark.busy {
+    color: #a0a0a0;
+    -webkit-box-shadow: inset 0 0 1px #033040, inset 0 0 1px #033040, 0 1px 1px #45cdff, 0 1px 0 #0aa0d8, 0 3px 0 #0aa0d8, 0 -3px 0 #0aa0d8, -3px 0 0 #0aa0d8, 3px 0 0 #0aa0d8;
+    background: #404040;
+}
+
+.montage-button.submit.dark.busy {
+    -webkit-animation: montage-button-dark-busy 1.1s infinite;
+}
+
+.montage-button.submit.dark.disabled:before {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.submit.dark.disabled {
+    -webkit-box-shadow: none;
+    background: none;
+    border: none;
+    color: #333;
+    text-shadow: none;
+}
+
+.montage-button.submit.dark.disabled:after {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.cancel.dark:before {
+    border: 1px solid rgba(0,0,0,.4);
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1), inset 0 2px 0 #b53732, inset 0 -2px 0 #b53732;
+}
+
+.montage-button.cancel.dark:after {
+    left: -3px;
+    right: -3px;
+    top: -3px;
+    bottom: -3px;
+    -webkit-box-shadow: inset 0 1px 2px #932c29, inset 0 1px 2px #932c29;
+    opacity: 1;
+}
+
+.montage-button.cancel.dark {
+    margin: 3px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#616161)), #616161;
+    color: #fff;
+    border: none;
+    text-shadow: 0 0 2px #404040;
+    -webkit-box-shadow: inset 0 1px 0 #7c7c7c, 0 3px 0 #b53732, 0 -3px 0 #b53732, -3px 0 0 #b53732, 3px 0 0 #b53732;
+}
+
+.montage-button.cancel.dark:active, .montage-button.cancel.dark.busy {
+    color: #a0a0a0;
+    -webkit-box-shadow: inset 0 1px #852824, inset 0 -1px #852824, 0 1px #dd6c68, 0 3px 0 #b53732, 0 -3px 0 #b53732, -3px 0 0 #b53732, 3px 0 0 #b53732;
+    background: #404040;
+}
+
+.montage-button.cancel.dark.busy {
+    -webkit-animation: montage-button-dark-busy 1.1s infinite;
+}
+
+.montage-button.cancel.dark.disabled:before {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.cancel.dark.disabled {
+    -webkit-box-shadow: none;
+    background: none;
+    border: none;
+    color: #333;
+    text-shadow: none;
+}
+
+.montage-button.cancel.dark.disabled:after {
+    -webkit-box-shadow: none;
+}
+
+.montage-button.disabled {
+    cursor: default;
+}
+
+/* Buttons icons (Used in conjunction with the iconic style in Button Groups)*/
+
+.montage-button.text.icon > img,
+.montage-button.submit.icon > img,
+.montage-button.cancel.icon > img {
+    float: left;
+    margin-left: -6px;
+    margin-right: 6px;
+    margin-top: 6px;
+    height: 26px;
+    width: 26px;
+}
+
+.montage-button.text.icon > img {
+    margin-top: 8px;
+}
-- 
cgit v1.2.3