@charset "UTF-8";

// <copyright>
// Copyright (c) 2012, Motorola Mobility LLC.
// All Rights Reserved.
// 
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
// 
// * Redistributions of source code must retain the above copyright notice,
//   this list of conditions and the following disclaimer.
// 
// * Redistributions in binary form must reproduce the above copyright notice,
//   this list of conditions and the following disclaimer in the documentation
//   and/or other materials provided with the distribution.
// 
// * Neither the name of Motorola Mobility LLC nor the names of its
//   contributors may be used to endorse or promote products derived from this
//   software without specific prior written permission.
// 
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
// </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;
}

//  End: Scroll Bar Skinning