First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 158 insertions, 0 deletions

diff --git a/_scss/imports/scss/_ScrollBars.scss b/_scss/imports/scss/_ScrollBars.scss
new file mode 100644
index 00000000..9066c3ff
--- /dev/null
+++ b/_scss/imports/scss/_ScrollBars.scss
@@ -0,0 +1,158 @@
+// <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>
+
+/* Begin: Scroll Bar skinning */
+::-webkit-scrollbar {
+    width: 11px;
+    height: 11px;
+}
+
+/* Turn off single button up on top, and down on bottom */
+::-webkit-scrollbar-button:start:decrement,
+::-webkit-scrollbar-button:end:increment {
+    display: none;  /*we have these off by default */
+}
+
+/* Turn off the down area up on top, and up area on bottom */
+::-webkit-scrollbar-button:vertical:start:increment,
+::-webkit-scrollbar-button:vertical:end:decrement {
+    display: none;
+}
+
+/* Turn off the down area up on top, and up area on bottom */
+::-webkit-scrollbar-button:horizontal:start:increment,
+::-webkit-scrollbar-button:horizontal:end:decrement {
+    display: none;
+}
+
+::-webkit-scrollbar-track:vertical {
+    background-color: $color-sb-border;
+}
+
+::-webkit-scrollbar-track:horizontal {
+    background-color: $color-sb-border;
+}
+
+/* Track area above thumb and below up button */
+::-webkit-scrollbar-track-piece:vertical:start {
+    background-color: transparent;
+}
+
+/* Track area left of thumb and right of button */
+::-webkit-scrollbar-track-piece:horizontal:start {
+    background-color: transparent;
+}
+
+/* Track area below thumb and down button */
+::-webkit-scrollbar-track-piece:vertical:end {
+    background-color: transparent;
+}
+
+/* Track area right of thumb and left of button */
+::-webkit-scrollbar-track-piece:horizontal:end {
+    background-color: transparent;
+}
+
+/* The thumb itself */
+::-webkit-scrollbar-thumb:vertical {
+    border-color: $color-sb-border;
+    border-style: solid;
+    border-width: 2px;
+    -webkit-border-radius: 6px;
+    background: -webkit-gradient(linear, left top, right top,
+        color-stop(0.16, $color-sb-1),
+        color-stop(0.49, $color-sb-2),
+        color-stop(0.82, $color-sb-1));
+}
+::-webkit-scrollbar-thumb:vertical:hover {
+    border-color: $color-sb-border;
+    border-style: solid;
+    border-width: 2px;
+    -webkit-border-radius: 6px;
+    background: -webkit-gradient(linear, left top, right top,
+        color-stop(0.1, $color-sb-hover-1),
+        color-stop(0.50, $color-sb-hover-2),
+        color-stop(0.9, $color-sb-hover-1));
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+    border-color: $color-sb-border;
+    border-style: solid;
+    border-width: 2px;
+    -webkit-border-radius: 6px;
+    background: -webkit-gradient(linear, left top, left bottom,
+        color-stop(0.1, $color-sb-1),
+        color-stop(0.5, $color-sb-2),
+        color-stop(0.9, $color-sb-1));
+}
+
+::-webkit-scrollbar-thumb:horizontal:hover {
+    border-color: $color-sb-border;
+    border-style: solid;
+    border-width: 2px;
+    -webkit-border-radius: 6px;
+    background: -webkit-gradient(linear, left top, left bottom,
+        color-stop(0.16, $color-sb-hover-1),
+        color-stop(0.49, $color-sb-hover-2),
+        color-stop(0.82, $color-sb-hover-1));
+}
+
+::-webkit-scrollbar-corner {
+    /*background-color: black;*/
+    /*
+        For some reason this is the only way I can find to not show the corner.
+        Setting the ::-webkit-scrollbar-corner:disabled style doesn't work as that
+        pseudo-class seems to be ignored.
+        John Mayhew
+    */
+    background-color: $color-sb-border;
+}
+::-webkit-scrollbar-corner:window-inactive {
+    background-color: $color-sb-border;
+}
+
+::-webkit-resizer {
+    background-image:url("../images/scrollbars/scrollbar_resizer.png");
+    background-repeat: no-repeat;
+}
+
+::-webkit-resizer:window-inactive {
+    background-image:url("../images/scrollbars/scrollbar_resizer.png");
+    background-repeat: no-repeat;
+}
+
+/* disabled state */
+::-webkit-scrollbar-track:disabled {
+    display: none;
+}
+
+/* These don't seem to be necessary or in some cases, they just seem to be ignored
+:-webkit-scrollbar-track:vertical:disabled {
+    display: none;
+}
+
+::-webkit-scrollbar-track:horizontal:disabled {
+    display: none;
+}
+
+::-webkit-scrollbar-track-piece:disabled {
+    display: none;
+}
+
+::-webkit-scrollbar-button:disabled {
+    display: none;
+}
+
+::-webkit-scrollbar-corner:disabled {
+    display: none;
+}
+
+::-webkit-resizer:disabled {
+    display: none;
+}
+*/
+/* End: Scroll Bar Skinning */
+