X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Ftoolbox.css;h=620bd55b8ee57c67e1c939b08c589c82484f99c2;hp=8e5ea9cc9263ff593f260959ada429dd044cf142;hb=fe524e0c0e2035af794e8183b25693f847fb12ce;hpb=e75098eb38611d5e2f2277ea6ff11077b8aba86f diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css index 8e5ea9cc..620bd55b 100644 --- a/LCARStrek/browser/devtools/toolbox.css +++ b/LCARStrek/browser/devtools/toolbox.css @@ -6,8 +6,18 @@ window { padding: 0; } -#toolbox-tabs { - margin: 0; +notification { + margin-bottom: 3px; +} + +#toolbox-controls { + margin: 0 2px; +} + +#toolbox-controls > toolbarbutton, +#toolbox-dock-buttons > toolbarbutton { + min-width: 16px; +/* padding: 1px 3px; */ } #toolbox-dock-bottom { @@ -29,7 +39,7 @@ window { } #toolbox-dock-window { - list-style-image: url("chrome://browser/skin/devtools/dock-window.png"); + list-style-image: url("chrome://browser/skin/devtools/undock.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } @@ -37,12 +47,41 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } -#toolbox-close { - list-style-image: url("chrome://global/skin/icons/close.png"); +#toolbox-dock-window, +#toolbox-dock-bottom, +#toolbox-dock-side { +} + +#toolbox-dock-window:hover, +#toolbox-dock-bottom:hover, +#toolbox-dock-side:hover { +} + +#toolbox-controls-separator { + -moz-margin-start: 4px; +} + + +/* Command buttons */ + +.command-button { +/* padding: 1px 4px; */ + min-width: 16px; +} + +.command-button:hover { +} +.command-button:hover:active { +} + +#command-button-paintflashing { + list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } -#toolbox-close:hover { +#command-button-paintflashing:hover, +#command-button-paintflashing:hover:active, +#command-button-paintflashing[checked=true] { -moz-image-region: rect(0px, 32px, 16px, 16px); } @@ -85,24 +124,37 @@ window { } #toolbox-tabs { + margin: 0; background-color: #000000; color: #FFCF00; } .devtools-tab { - min-width: 78px; - min-height: 22px; - border-radius: 8px 8px 0 0; + min-width: 32px; + max-width: 110px; + color: #000000; margin: 0; -moz-margin-end: 3px; - -moz-padding-start: 5px; + padding: 1px; + -moz-padding-start: 3px; background-color: #C09070; - color: #000000; + border-radius: 8px 8px 0 0; } -.devtools-tab[selected=true] { - background-color: #008484; - color: #000000; +.devtools-tab > image { + -moz-margin-end: 0px; +/* -moz-margin-start: 4px; */ +} + +#toolbox-tab-options > image { +/* margin: 0 8px; */ +} + +.devtools-tab:hover > image { +} + +.devtools-tab:active > image, +.devtools-tab[selected=true] > image { } .devtools-tab:hover, @@ -111,11 +163,84 @@ window { color: #000000; } -.devtools-tab:hover > .radio-label-center-box > .radio-label-box, -.devtools-tab:hover:active > .radio-label-center-box > .radio-label-box { +.devtools-tab[selected=true] { + background-color: #008484; color: #000000; } -.devtools-tab > .radio-label-box { - -moz-margin-start: 0px +.devtools-tab > spacer { + max-width: 0; + -moz-box-flex: 0; +} + +.devtools-tab > image { + -moz-margin-end: 0; + -moz-margin-start: 0; +} + +#toolbox-tab-options { + min-width: 20px; +} + +#toolbox-tab-options > image { + -moz-margin-end: 3px; +} + +.devtools-tab:not(.highlighted) > .highlighted-icon, +.devtools-tab[selected=true] > .highlighted-icon, +.devtools-tab:not([selected=true]).highlighted > .default-icon { + visibility: collapse; +} + +.devtools-tab:not([selected=true]).highlighted { + color: #FFCF00; +} + +.devtools-tab:not(.highlighted) > .highlighted-icon, +.devtools-tab[selected=true] > .highlighted-icon, +.devtools-tab:not([selected=true]).highlighted > .default-icon { + visibility: collapse; +} + +#options-panel { + /* background-image: url("chrome://browser/skin/newtab/noise.png"); */ +} + +.options-vertical-pane { + margin: 5px; + width: calc(50% - 30px); + min-width: 400px; + -moz-padding-start: 5px; +} + +.options-vertical-pane > label { + padding: 2px 0; + font-size: 1.4rem; +} + +.options-groupbox { + -moz-margin-start: 15px; + padding: 2px; +} + +.options-groupbox > * { + padding: 2px; +} + +.options-citation-label { + font-size: 1rem !important; + /* !important is required otherwise font-size will still be 1.4rem */ + font-style: italic; + padding: 4px 0 0; /* To align it with the checkbox */ + color: #A09090; +} + +.options-citation-label + label { + padding: 3px 0 0 !important; /* To align it with the checkbox */ + font-style: italic; +} + +.hidden-labels-box:not(.visible) > label, +.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { + display: none; }