mirror of
https://github.com/roytam1/UXP.git
synced 2026-05-26 13:58:49 +00:00
Moonchild
d388e478a0
Vim control lines were re-introduced or not entirely cleaned up. This nukes them again. Removing from the rest of js, caps, chrome, config, devtools, docshell, image, intl. More to come.
183 lines
4.2 KiB
CSS
183 lines
4.2 KiB
CSS
/* 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;
|
|
inset-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;
|
|
}
|