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..1c2f30ea
--- /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  
+