diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/shared/components/tabs/tabs.css | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/shared/components/tabs/tabs.css')
-rw-r--r-- | devtools/client/shared/components/tabs/tabs.css | 183 |
1 files changed, 183 insertions, 0 deletions
diff --git a/devtools/client/shared/components/tabs/tabs.css b/devtools/client/shared/components/tabs/tabs.css new file mode 100644 index 000000000..0e70549c5 --- /dev/null +++ b/devtools/client/shared/components/tabs/tabs.css @@ -0,0 +1,183 @@ +/* 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/. */ + +/* Tabs General Styles */ + +.tabs { + height: 100%; +} + +.tabs .tabs-menu { + display: table; + list-style: none; + padding: 0; + margin: 0; +} + +.tabs .tabs-menu-item { + display: inline-block; +} + +.tabs .tabs-menu-item a { + display: block; + color: #A9A9A9; + padding: 4px 8px; + border: 1px solid transparent; + text-decoration: none; + white-space: nowrap; +} + +.tabs .tabs-menu-item a { + cursor: default; +} + +/* Make sure panel content takes entire vertical space. + (minus the height of the tab bar) */ +.tabs .panels { + height: calc(100% - 24px); +} + +.tabs .tab-panel { + height: 100%; +} + +.tabs .all-tabs-menu { + position: absolute; + top: 0; + offset-inline-end: 0; + width: 15px; + height: 100%; + border-inline-start: 1px solid var(--theme-splitter-color); + background: url("chrome://devtools/skin/images/dropmarker.svg"); + background-repeat: no-repeat; + background-position: center; + background-color: var(--theme-tab-toolbar-background); +} + +/* Light Theme */ + +.theme-dark .tabs, +.theme-light .tabs { + background: var(--theme-body-background); +} + +.theme-dark .tabs .tabs-navigation, +.theme-light .tabs .tabs-navigation { + position: relative; + border-bottom: 1px solid var(--theme-splitter-color); + background: var(--theme-tab-toolbar-background); +} + +.theme-dark .tabs .tabs-menu-item, +.theme-light .tabs .tabs-menu-item { + margin: 0; + padding: 0; + border-style: solid; + border-width: 0; + border-inline-start-width: 1px; + border-color: var(--theme-splitter-color); +} + +.theme-dark .tabs .tabs-menu-item:last-child, +.theme-light:not(.theme-firebug) .tabs .tabs-menu-item:last-child { + border-inline-end-width: 1px; +} + +.theme-dark .tabs .tabs-menu-item a, +.theme-light .tabs .tabs-menu-item a { + color: var(--theme-content-color1); + padding: 3px 15px; +} + +.theme-dark .tabs .tabs-menu-item:hover:not(.is-active), +.theme-light .tabs .tabs-menu-item:hover:not(.is-active) { + background-color: var(--toolbar-tab-hover); +} + +.theme-dark .tabs .tabs-menu-item:hover:active:not(.is-active), +.theme-light .tabs .tabs-menu-item:hover:active:not(.is-active) { + background-color: var(--toolbar-tab-hover-active); +} + +.theme-dark .tabs .tabs-menu-item.is-active, +.theme-light .tabs .tabs-menu-item.is-active { + background-color: var(--theme-selection-background); +} + +.theme-dark .tabs .tabs-menu-item.is-active a, +.theme-light .tabs .tabs-menu-item.is-active a { + color: var(--theme-selection-color); +} + +/* Dark Theme */ + +.theme-dark .tabs .tabs-menu-item a { + color: var(--theme-body-color-alt); +} + +.theme-dark .tabs .tabs-menu-item:hover:not(.is-active) a { + color: #CED3D9; +} + +.theme-dark .tabs .tabs-menu-item:hover:active a { + color: var(--theme-selection-color); +} + +/* Firebug Theme */ + +.theme-firebug .tabs .tabs-navigation { + background-image: linear-gradient(rgba(253, 253, 253, 0.2), rgba(253, 253, 253, 0)); + padding-top: 3px; + padding-left: 3px; + border-bottom: 1px solid rgb(170, 188, 207); +} + +.theme-firebug .tabs .tabs-menu { + margin-bottom: -1px; +} + +.theme-firebug .tabs .tabs-menu-item.is-active, +.theme-firebug .tabs .tabs-menu-item.is-active:hover { + background-color: transparent; +} + +.theme-firebug .tabs .tabs-menu-item { + position: relative; + border-inline-start-width: 0; +} + +.theme-firebug .tabs .tabs-menu-item a { + font-family: var(--proportional-font-family); + font-weight: bold; + color: var(--theme-body-color); + border-radius: 4px 4px 0 0; +} + +.theme-firebug .tabs .tabs-menu-item:hover:not(.is-active) a { + border: 1px solid #C8C8C8; + border-bottom: 1px solid transparent; + background-color: transparent; +} + +.theme-firebug .tabs .tabs-menu-item.is-active a { + background-color: rgb(247, 251, 254); + border: 1px solid rgb(170, 188, 207); + border-bottom-color: transparent; + color: var(--theme-body-color); +} + +.theme-firebug .tabs .tabs-menu-item:hover:active a { + background-color: var(--toolbar-tab-hover-active); +} + +.theme-firebug .tabs .tabs-menu-item.is-active:hover:active a { + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.theme-firebug .tabs .tabs-menu-item a { + border: 1px solid transparent; + padding: 4px 8px; +} |