diff options
Diffstat (limited to 'Source/WebInspectorUI/UserInterface/ButtonToolbarItem.css')
-rw-r--r-- | Source/WebInspectorUI/UserInterface/ButtonToolbarItem.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/Source/WebInspectorUI/UserInterface/ButtonToolbarItem.css b/Source/WebInspectorUI/UserInterface/ButtonToolbarItem.css new file mode 100644 index 000000000..0e7a8f9d1 --- /dev/null +++ b/Source/WebInspectorUI/UserInterface/ButtonToolbarItem.css @@ -0,0 +1,90 @@ +/* + * Copyright (C) 2013 Apple Inc. All rights reserved. + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions + * are met: + * 1. Redistributions of source code must retain the above copyright + * notice, this list of conditions and the following disclaimer. + * 2. 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. + * + * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS 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 APPLE INC. OR ITS 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. + */ + +.toolbar .item.button { + -webkit-align-items: center; + -webkit-justify-content: center; + + padding: 0 6px; +} + +.toolbar.icon-and-label-vertical .item.button { + -webkit-flex-direction: column; +} + +.toolbar.icon-and-label-horizontal .item.button { + -webkit-flex-direction: row; +} + +.toolbar .item.button > .glyph { + width: 32px; + height: 32px; + + background-size: 100% 100% !important; + + background-repeat: no-repeat; + background-position: center center; +} + +.toolbar.small-size .item.button > .glyph { + width: 24px; + height: 24px; +} + +.toolbar.label-only .item.button > .glyph { + display: none; +} + +.toolbar .item.button > .label { + font-size: 11px; + font-family: Lucida Grande, sans-serif; + text-align: center; + text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; + color: rgb(60, 60, 60); +} + +.toolbar.label-only .item.activate.button.activated > .label { + color: rgb(35, 125, 195); +} + +.toolbar.icon-and-label-horizontal .item.button > .label { + margin-left: 4px; +} + +.toolbar.icon-only .item.button > .label { + display: none; +} + +body.window-inactive .toolbar .item.button { + opacity: 0.65; +} + +.toolbar .item.button.disabled { + opacity: 0.55 !important; +} + +body.window-inactive .toolbar .item.button.disabled { + opacity: 0.35 !important; +} |