From 5f8de423f190bbb79a62f804151bc24824fa32d8 Mon Sep 17 00:00:00 2001 From: "Matt A. Tobin" Date: Fri, 2 Feb 2018 04:16:08 -0500 Subject: Add m-esr52 at 52.6.0 --- devtools/client/jsonview/css/toolbar.css | 92 ++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 devtools/client/jsonview/css/toolbar.css (limited to 'devtools/client/jsonview/css/toolbar.css') diff --git a/devtools/client/jsonview/css/toolbar.css b/devtools/client/jsonview/css/toolbar.css new file mode 100644 index 000000000..833b2119f --- /dev/null +++ b/devtools/client/jsonview/css/toolbar.css @@ -0,0 +1,92 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/******************************************************************************/ +/* Toolbar */ + +.toolbar { + line-height: 20px; + height: 22px; + font: message-box; + padding: 4px 0 3px 0; +} + +.toolbar .btn { + margin-left: 5px; + background-color: #E6E6E6; + border: 1px solid rgb(204, 204, 204); + text-decoration: none; + display: inline-block; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -moz-user-select: none; + padding: 0 2px; + border-radius: 2px; +} + +.toolbar .btn::-moz-focus-inner { + border: 1px solid transparent; +} + +/******************************************************************************/ +/* Firebug Theme */ + +.theme-firebug .toolbar { + border-bottom: 1px solid rgb(170, 188, 207); + background-color: var(--theme-tab-toolbar-background) !important; + background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)); +} + +.theme-firebug .toolbar .btn { + border-radius: 2px; + color: #141414; + background-color: white; +} + +.theme-firebug .toolbar .btn:hover { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} + +.theme-firebug .toolbar .btn:active { + background-image: none; + outline: 0; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} + +/******************************************************************************/ +/* Light Theme & Dark Theme*/ + +.theme-dark .toolbar, +.theme-light .toolbar { + background-color: var(--theme-toolbar-background); + border-bottom: 1px solid var(--theme-splitter-color); + padding: 1px; + padding-left: 2px; +} + +.theme-dark .toolbar .btn, +.theme-light .toolbar .btn { + min-height: 18px; + color: var(--theme-content-color1); + text-shadow: none; + margin: 1px 2px 1px 2px; + border: none; + background-color: rgba(170, 170, 170, .2); /* --toolbar-tab-hover */ + transition: background 0.05s ease-in-out; +} + +.theme-dark .toolbar .btn:hover, +.theme-light .toolbar .btn:hover { + background: rgba(170, 170, 170, .3); /* Splitters */ +} + +.theme-dark .toolbar .btn:not([disabled]):hover:active, +.theme-light .toolbar .btn:not([disabled]):hover:active { + background: rgba(170, 170, 170, .4); /* --toolbar-tab-hover-active */ +} -- cgit v1.2.3