UNPKG

3.58 kBCSSView Raw
1/*
2 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
3 *
4 * Permission is hereby granted, free of charge, to any person obtaining a
5 * copy of this software and associated documentation files (the "Software"),
6 * to deal in the Software without restriction, including without limitation
7 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
8 * and/or sell copies of the Software, and to permit persons to whom the
9 * Software is furnished to do so, subject to the following conditions:
10 *
11 * The above copyright notice and this permission notice shall be included in
12 * all copies or substantial portions of the Software.
13 *
14 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
19 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
20 * DEALINGS IN THE SOFTWARE.
21 *
22 */
23
24/* Temporary implementation of unobtrusive scrollbars.
25 FUTURE: These currently rely on nonstandard WebKit styles, and don't have all the right behavior.
26 Longer-term, we'll need to implement custom scrollbars. */
27
28.quiet-scrollbars ::-webkit-scrollbar {
29 width: 9px;
30 height: 9px;
31}
32
33.quiet-scrollbars ::-webkit-scrollbar-corner {
34 background-color: transparent;
35}
36
37.quiet-scrollbars ::-webkit-scrollbar-thumb {
38 background-color: rgba(0,0,0,0);
39}
40
41/* This looks like a dupe, but without it the thumb doesn't fade in
42 * properly, probably due to flakiness in how these styles are handled
43 * in the build of WebKit that's in CEF.
44 */
45.quiet-scrollbars ::-webkit-scrollbar-corner {
46 background-color: transparent;
47}
48
49/* The data URIs for the thumb were generated from the Fireworks files in
50 * styles/vertical-thumb-fw-outline.png and styles/horiz-thumb-fw-outline.png.
51 */
52.quiet-scrollbars #open-files-container:hover::-webkit-scrollbar-thumb:vertical,
53.quiet-scrollbars #project-files-container:hover::-webkit-scrollbar-thumb:vertical {
54 -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAUCAYAAABf2RdVAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA0LzIzLzEyckCqugAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACPSURBVCiR7ZIhDoNAEEXfkJCsxKBJimTPwA3mDHvqsXWrquqaIH5FKUk3XKAJT87789U3SQkYgZ5fNuABvDpgrLUOOefZzBYzW3LOc6112J/pgL6UMkZE+lZERCqlHO0m6WZmCydICuDencmWK/Tfoc3dn63YbxsAkpKkyd1XwD/eV0nT7jBJAO2Ej+kCvAFNxTqyZCNcEQAAAABJRU5ErkJggg==") 9 0;
55 border-color: transparent;
56 border-width: 9px 0;
57 min-height: 20px;
58}
59
60.quiet-scrollbars #open-files-container:hover::-webkit-scrollbar-thumb:horizontal,
61.quiet-scrollbars #project-files-container:hover::-webkit-scrollbar-thumb:horizontal {
62 -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA0LzIzLzEyckCqugAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACLSURBVCiRrdIxCgIxEEbhfxYFOyuxCCLazjGmTu6YKyRV7hFLCzshlcXCQoqxMWCd5B3gqx6pKgAcAJwA7NFfBVB2P+zsnLvGGI89kois3vtijAGp6sU5d+vFWsy85ZyfpKp3IuIRrKWqj2UG9N8CoFprP6MQM28NLCGE1wgqImtK6Q2g0uxtGjitL9E6N1T9Wl8CAAAAAElFTkSuQmCC") 0 9;
63 border-color: transparent;
64 border-width: 0 9px;
65 min-width: 20px;
66}