X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Ftoolbox.css;fp=LCARStrek%2Fdevtools%2Ftoolbox.css;h=0000000000000000000000000000000000000000;hp=4f3814a1434afec15ef08fcde00aebe67aa8a2d0;hb=bdb9f97982138845069e66497bea0e2c4d0fe455;hpb=b1d1a8bbaca0a31b2c2581911368b6892d447718 diff --git a/LCARStrek/devtools/toolbox.css b/LCARStrek/devtools/toolbox.css deleted file mode 100644 index 4f3814a1..00000000 --- a/LCARStrek/devtools/toolbox.css +++ /dev/null @@ -1,430 +0,0 @@ -/* 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/. */ - -:root { - --close-button-image: url(chrome://devtools/skin/images/close.svg); - --dock-bottom-image: url(chrome://devtools/skin/images/dock-bottom.svg); - --dock-side-image: url(chrome://devtools/skin/images/dock-side.svg); - --dock-undock-image: url(chrome://devtools/skin/images/dock-undock.svg); - - --command-paintflashing-image: url(images/command-paintflashing.svg); - --command-screenshot-image: url(images/command-screenshot.svg); - --command-responsive-image: url(images/command-responsivemode.svg); - --command-scratchpad-image: url(images/command-scratchpad.svg); - --command-pick-image: url(images/command-pick.svg); - --command-frames-image: url(images/command-frames.svg); - --command-splitconsole-image: url(images/command-console.svg); - --command-noautohide-image: url(images/command-noautohide.svg); - --command-rulers-image: url(images/command-rulers.svg); - --command-measure-image: url(images/command-measure.svg); -} - -#toolbox-container { - padding-top: 3px; -} - -/* Toolbox tabbar */ - -.devtools-tabbar { -/* -moz-appearance: none; - min-height: 24px; - border: 0px solid; - border-bottom-width: 1px; - padding: 0; - background: var(--theme-capped-toolbar-background); - border-bottom-color: var(--theme-splitter-color);*/ -} -div.devtools-tabbar { - border-bottom: 3px solid #000000; - display: flex; -} - -.toolbox-tabs-wrapper { - position: relative; - display: flex; - flex: 1; -} - -#toolbox-tabs, -.toolbox-tabs { - margin: 0; - padding-inline-start: 3px; - margin-inline-start: 2px; - background-color: #000000; - color: #FFCF00; - display: flex; - flex: 1; -} - -/* Set flex attribute to Toolbox buttons and Picker container so, - they don't overlapp with the tab bar */ -#toolbox-buttons { - display: flex; -} -hbox#toolbox-buttons { - margin-inline-end: 2px; -} - -#toolbox-picker-container { - display: flex; -} - -#toolbox-buttons-end { - display: flex; - margin-inline-end: 2px; -} - -#toolbox-picker-container { - display: flex; -} - -#toolbox-buttons-start { - border: solid 0 var(--theme-splitter-color); -/* border-inline-end-width: 1px;*/ - display: flex; -} - -/* Toolbox tabs */ - -.devtools-tab { -/* -moz-appearance: none; - -moz-binding: url("chrome://global/content/bindings/general.xml#control-item"); - -moz-box-align: center;*/ - min-width: 32px; -/* min-height: 24px;*/ - max-width: 100px; - margin: 0; - margin-inline-end: 3px; - padding: 1px; - padding-inline-start: 3px; - padding-inline-end: 3px; - border-radius: 8px 8px 0 0; - border-width: 0; -/* border-inline-start-width: 1px;*/ - -moz-box-align: center; - -moz-box-flex: 1; - - color: var(--theme-button-color); - background-color: var(--theme-button-background); - - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1; - align-content: flex-start; - display: flex; - align-items: center; -} - -.devtools-tab:hover, -.devtools-tab:hover:active { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.devtools-tab:not([selected])[highlighted], -.devtools-tab:not(.selected).highlighted { - background-color: var(--theme-highlight-pink); -} - -.devtools-tab > image { - border: none; - margin: 0; -/* margin-inline-start: 4px; - opacity: 0.6;*/ - max-height: 16px; - width: 16px; /* Prevents collapse during theme switching */ -} - -.devtools-tab > img { - border: none; - margin: 0; -/* margin-inline-start: 10px; - opacity: 0.6;*/ - max-height: 16px; - width: 16px; /* Prevents collapse during theme switching */ - vertical-align: middle; - margin-inline-end: 3px; -} - - -.devtools-tab > label { - white-space: nowrap; -/* margin: 0 4px;*/ -} - -.devtools-tab:hover > image { -/* opacity: 0.8;*/ -} - -.devtools-tab:active > image, -.devtools-tab[selected] > image { -/* opacity: 1;*/ -} - -.devtools-tab > spacer { - max-width: 0; - -moz-box-flex: 0; -} - -.devtools-tabbar .devtools-tab[selected], -.devtools-tabbar .devtools-tab.selected { - color: var(--theme-selection-color); - background-color: var(--theme-selection-background); -} - -#toolbox-tabs .devtools-tab[selected], -#toolbox-tabs .devtools-tab[highlighted] { -} - -#toolbox-tabs .devtools-tab[selected]:last-child, -#toolbox-tabs .devtools-tab[highlighted]:last-child { -} - -#toolbox-tabs .devtools-tab[selected] + .devtools-tab, -#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab { -} - -#toolbox-tabs .devtools-tab:first-child[selected] { -} - -#toolbox-tabs .devtools-tab:last-child { -} - -.devtools-tab:not([highlighted]) > .highlighted-icon, -.devtools-tab[selected] > .highlighted-icon, -.devtools-tab:not([selected])[highlighted] > .default-icon { - visibility: collapse; -} -.devtools-tab:not(.highlighted) > .highlighted-icon, -.devtools-tab.selected > .highlighted-icon, -.devtools-tab:not(.selected).highlighted > .default-icon { - display: none; -} - - -/* The options tab is special - it doesn't have the same parent - as the other tabs (toolbox-option-container vs toolbox-tabs) */ -#toolbox-option-container .devtools-tab:not([selected]) { -/* background-color: transparent;*/ -} -#toolbox-option-container .devtools-tab { -/* border-color: transparent; - border-width: 0; - padding-inline-start: 1px;*/ -} -#toolbox-tab-options > image { -/* margin: 0 8px;*/ - margin-inline-end: 3px; -} -#toolbox-tab-options { - min-width: 20px; -} -#toolbox-tab-options > img { - margin-inline-end: 0; -} -#toolbox-option-container { - background-color: #000000; - padding-inline-start: 3px; - margin-inline-end: 1px; -} - -/* Toolbox controls */ - -#toolbox-controls, #toolbox-dock-buttons { - display: flex; -} - -#toolbox-controls { - margin-inline-end: 2px; -} - -#toolbox-controls > button, -#toolbox-dock-buttons > button { - -moz-appearance: none; - border: none; -/* margin: 0 4px;*/ - min-width: 18px; - width: 18px; -} - -#toolbox-close::before { - background-image: var(--close-button-image); -} - -#toolbox-dock-bottom::before { - background-image: var(--dock-bottom-image); -} - -#toolbox-dock-side::before { - background-image: var(--dock-side-image); -} - -#toolbox-dock-window::before { - background-image: var(--dock-undock-image); -} - -#toolbox-dock-bottom-minimize::before { - background-image: url("chrome://devtools/skin/images/dock-bottom-minimize@2x.png"); -} - -#toolbox-dock-bottom-minimize.minimized::before { - background-image: url("chrome://devtools/skin/images/dock-bottom-maximize@2x.png"); -} - -.devtools-separator { - margin: 0 2px; - width: 2px; -} - -#toolbox-buttons:empty + .devtools-separator, -.devtools-separator[invisible] { - visibility: hidden; -} - -#toolbox-controls-separator { - margin: 0; - width: 0; -} - -/* Command buttons */ - -.command-button { - padding: 0; - margin: 0; - position: relative; -} - -.command-button::before { -/* opacity: 0.7;*/ -} - -.command-button:hover { -/* background-color: var(--toolbar-tab-hover);*/ -} - -.command-button:hover:active, -.command-button[checked=true]:not(:hover) { -/* background-color: var(--toolbar-tab-hover-active)*/ -} - -.command-button:hover::before { -/* opacity: 0.85;*/ -} - -.command-button:hover:active::before, -.command-button[checked=true]::before, -.command-button[open=true]::before { -/* opacity: 1;*/ -} - -#toolbox-close:hover::before, -#toolbox-close:hover:active::before, -.toolbox-dock-button:hover::before, -.toolbox-dock-button:hover:active::before, -.command-button:hover::before, -.command-button:hover:active::before, -.command-button[checked=true]::before, -.command-button[open=true]::before, -.command-button.checked::before, -.command-button.open::before { - filter: var(--checked-icon-filter); -} - -/* Command button images */ - -#command-button-paintflashing::before { - background-image: var(--command-paintflashing-image); -} - -#command-button-screenshot::before { - background-image: var(--command-screenshot-image); -} - -#command-button-responsive::before { - background-image: var(--command-responsive-image); -} - -#command-button-scratchpad::before { - background-image: var(--command-scratchpad-image); -} - -#command-button-pick::before { - background-image: var(--command-pick-image); -} - -#command-button-splitconsole::before { - background-image: var(--command-splitconsole-image); -} - -#command-button-noautohide::before { - background-image: var(--command-noautohide-image); -} - -#command-button-eyedropper::before { - background-image: var(--command-eyedropper-image); -} - -#command-button-rulers::before { - background-image: var(--command-rulers-image); -} - -#command-button-measure::before { - background-image: var(--command-measure-image); -} - -#command-button-frames::before { - background-image: var(--command-frames-image); -} - -#command-button-frames { - background-image: url("chrome://devtools/skin/images/dropmarker.svg"); - background-repeat: no-repeat; - - /* Override background-size from the command-button. - The drop down arrow is smaller */ - background-size: 8px 4px !important; - min-width: 32px; -} - -#command-button-frames:-moz-locale-dir(ltr) { - background-position: right; -} - -#command-button-frames:-moz-locale-dir(rtl) { - background-position: left; -} - -/* Toolbox panels */ - -.toolbox-panel { - display: -moz-box; - -moz-box-flex: 1; - visibility: collapse; -} - -.toolbox-panel[selected] { - visibility: visible; -} - -/** - * When panels are collapsed or hidden, making sure that they are also - * inaccessible by keyboard. This is not the case by default because the are - * predominantly hidden using visibility: collapse; style or collapsed - * attribute. - */ -.toolbox-panel *, -#toolbox-panel-webconsole[collapsed] * { - -moz-user-focus: ignore; -} - -/** - * Enrure that selected toolbox panel's contents are keyboard accessible as they - * are explicitly made not to be when hidden (default). - */ -.toolbox-panel[selected] * { - -moz-user-focus: normal; -}