From: Robert Kaiser Date: Mon, 5 May 2014 01:34:53 +0000 (+0200) Subject: fourth part of syncing LCARStrek with Firefox 29 windows theme changes X-Git-Tag: LCARStrek-2.26~4 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=45dc7657b767fde2dc6b5d3ec71379bf5f624007;p=themes.git fourth part of syncing LCARStrek with Firefox 29 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 6f13b4ae..ac2f2bfb 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -818,14 +818,6 @@ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button:hover { -moz-image-region: rect(32px, 160px, 64px, 128px); } -#bookmarks-menu-button[starred][cui-areatype="menu-panel"] { - -moz-image-region: rect(0px, 192px, 32px, 160px); -} - -#bookmarks-menu-button[starred][cui-areatype="menu-panel"]:hover { - -moz-image-region: rect(32px, 192px, 64px, 160px); -} - #history-panelmenu[cui-areatype="menu-panel"], toolbarpaletteitem[place="palette"] > #history-panelmenu { -moz-image-region: rect(0px, 224px, 32px, 192px); @@ -1489,7 +1481,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button[occlud } #urlbar { - width: 7em; /* make color as light as possible to deal with dark non-domain parts */ color: #FFBFFF; } @@ -2257,7 +2248,7 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { } #main-window:not([customizing]) #TabsToolbar:not(:-moz-lwtheme) { - } +} #main-window[tabsintitlebar] #TabsToolbar { background-color: transparent; @@ -3046,6 +3037,32 @@ window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlb margin-top: .5em; } +/* Sync Panel */ + +.sync-panel-icon { + width: 32px; + background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; +} + +.sync-panel-inner { + width: 0; + padding-left: 10px; +} + +.sync-panel-button-box { + margin-top: 1em; +} + +#sync-error-panel-title, +#sync-start-panel-title { + font-weight: bold; +} + +#sync-start-panel-subtitle, +#sync-error-panel-subtitle { + margin: 0; +} + /* Status panel */ .statuspanel-label { @@ -3087,11 +3104,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlb outline: 1px dashed #A09090; } -.highlighter-outline[locked] { - box-shadow: 0 0 0 1px rgba(0,0,0,0.3); - outline-color: rgba(255,255,255,0.7); -} - /* Highlighter - Node Infobar */ .highlighter-nodeinfobar { @@ -3109,6 +3121,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled] > #urlb /* Highlighter - Node Infobar - text */ .highlighter-nodeinfobar-text { + text-align: center; /* 100% - size of the buttons and margins */ max-width: calc(100% - 2 * (26px + 6px)); padding-bottom: 1px; @@ -3126,35 +3139,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes { color: #FF9F00; } -/* Highlighter - Node Infobar - buttons */ - -.highlighter-nodeinfobar-button { - padding: 0; - width: 26px; - min-height: 26px; -} - -.highlighter-nodeinfobar-inspectbutton { - list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); - -moz-image-region: rect(0px 16px 16px 0px); - -moz-margin-start: 0px; - -moz-margin-end: 2px; -} - -.highlighter-nodeinfobar-inspectbutton:hover, -.highlighter-nodeinfobar-inspectbutton:hover:active/*, -.highlighter-nodeinfobar-container:not([locked]) > .highlighter-nodeinfobar > .highlighter-nodeinfobar-inspectbutton*/ { - -moz-image-region: rect(0px 32px 16px 16px); -} - -.highlighter-nodeinfobar-menu { -} - -.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker { - -moz-box-align: center; - -moz-margin-start: -1px; -} - /* Highlighter - Node Infobar - box & arrow */ .highlighter-nodeinfobar-arrow { @@ -3731,10 +3715,14 @@ html|*#gcli-output-frame { #social-sidebar-button { -moz-appearance: none; list-style-image: url("chrome://browser/skin/social/gear_default.png"); - min-width: 16px; + border: none; padding: 0; margin: 2px; } +#social-sidebar-button > .toolbarbutton-icon { + min-height: 16px; + min-width: 16px; +} #social-sidebar-button:hover, #social-sidebar-button:hover:active { list-style-image: url("chrome://browser/skin/social/gear_clicked.png"); diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 4cdb1824..60267c54 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -21,11 +21,11 @@ } .panel-viewstack[viewtype="main"] > .panel-subviews { - transform: translateX(21em); + transform: translateX(22.35em); } .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) { - transform: translateX(-21em); + transform: translateX(-22.35em); } .panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView { @@ -100,13 +100,11 @@ padding: .5em 0; } -toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text, -#bookmarks-menu-button > toolbarbutton > .toolbarbutton-text, -:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbaritem > toolbarbutton > .toolbarbutton-text, -:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbaritem > toolbarbutton > .toolbarbutton-text, -:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbarbutton > .toolbarbutton-text, -:-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarbutton > .toolbarbutton-text { - font-size: 10px; +.panelUI-grid .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text, +.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text { + margin: 2px 0 0; + text-align: center; + -moz-hyphens: auto; } #wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls, @@ -116,7 +114,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it #PanelUI-contents, .panel-mainview:not([panelid="PanelUI-popup"]) { - max-width: 21em; + max-width: 22.35em; } panelview:not([mainview]) .toolbarbutton-text, @@ -139,13 +137,13 @@ panelview:not([mainview]) .toolbarbutton-text, flex: auto; margin-left: auto; margin-right: auto; - max-width: 21em; + max-width: 22.35em; } #PanelUI-contents-scroller { overflow-y: auto; overflow-x: hidden; - width: 21em; + width: 22.35em; flex: auto; } @@ -160,7 +158,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it .panel-customization-placeholder-child { -moz-appearance: none; -moz-box-orient: vertical; - width: calc(7em - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */ + width: calc(22.35em / 3 - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */ height: calc(51px + 2.2em); } @@ -179,7 +177,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-ico .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-appearance: none; -moz-box-orient: vertical; - width: calc(7em - 2px); + width: calc(22.35em / 3 - 2px); height: calc(49px + 2.2em); border: 0; } @@ -230,7 +228,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-ico } toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) { - width: 7em; + width: calc(22.35em / 3); margin: 0 !important; } @@ -546,28 +544,28 @@ panelview .toolbarbutton-1, } /* -panelview toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, -toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +panelview toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]), +toolbarbutton.subviewbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]), menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], -.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover, +.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]), .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { background-color: hsla(210,4%,10%,.08); border-color: hsla(210,4%,10%,.11); } -.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { +.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):-moz-any(:hover,[_moz-menuactive]) { border-color: hsla(210,4%,10%,.11); } -panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active), -toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +panelview .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)), +toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)), menu.subviewbutton:not([disabled])[_moz-menuactive]:active, menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, -.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active), +.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)), .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) - > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active) { + > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active,[_moz-menuactive]:active)) { background-color: hsla(210,4%,10%,.12); border-color: hsla(210,4%,10%,.14); box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset; @@ -697,7 +695,7 @@ toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutt #search-container[cui-areatype="menu-panel"], #wrapper-search-container[place="panel"] { - width: 21em; + width: 22.35em; } #search-container[cui-areatype="menu-panel"] { @@ -721,8 +719,8 @@ toolbarpaletteitem[place="palette"] > #search-container { padding: .5em; margin: 0; -moz-box-flex: 1; - min-width: 7em; - max-width: 7em; + min-width: calc(22.35em / 3); + max-width: calc(22.35em / 3); /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope: 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */ height: calc(2.2em + 4px); @@ -734,8 +732,8 @@ toolbarpaletteitem[place="palette"] > #search-container { #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button { /* reduce the width with 2px for this button to compensate for two separators of 1px. */ - min-width: calc(7em - 2px); - max-width: calc(7em - 2px); + min-width: calc(22.35em / 3 - 2px); + max-width: calc(22.35em / 3 - 2px); } #main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon { @@ -799,14 +797,14 @@ toolbarpaletteitem[place="palette"] > #search-container { } #widget-overflow-list { - width: 21em; + width: 22.35em; padding-left: 10px; padding-right: 10px; } #widget-overflow-list > .overflowedItem { width: 100%; - max-width: 21em; + max-width: 22.35em; min-height: 36px; background-repeat: no-repeat; background-position: 0 center; diff --git a/LCARStrek/browser/devtools/app-manager/default-app-icon.png b/LCARStrek/browser/devtools/app-manager/default-app-icon.png new file mode 100644 index 00000000..cf4d9aa4 Binary files /dev/null and b/LCARStrek/browser/devtools/app-manager/default-app-icon.png differ diff --git a/LCARStrek/browser/devtools/breadcrumbs-divider@2x.png b/LCARStrek/browser/devtools/breadcrumbs-divider@2x.png new file mode 100644 index 00000000..086daac9 Binary files /dev/null and b/LCARStrek/browser/devtools/breadcrumbs-divider@2x.png differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-end-pressed.png deleted file mode 100644 index 6f1c6665..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected-pressed.png deleted file mode 100644 index 304430be..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected.png deleted file mode 100644 index 533e7598..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-end-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-end.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-end.png deleted file mode 100644 index c47fb7f0..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-end.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-pressed.png deleted file mode 100644 index 29333782..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected-pressed.png deleted file mode 100644 index e8b42fa6..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected.png deleted file mode 100644 index 2fac8c56..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-middle.png deleted file mode 100644 index ac15bada..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-middle.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-start-pressed.png deleted file mode 100644 index 0978dd67..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected-pressed.png deleted file mode 100644 index a2ea9e71..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected.png deleted file mode 100644 index be1fec26..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-start-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/ltr-start.png b/LCARStrek/browser/devtools/breadcrumbs/ltr-start.png deleted file mode 100644 index 65da8025..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/ltr-start.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-end-pressed.png deleted file mode 100644 index 53a1e2e0..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected-pressed.png deleted file mode 100644 index 7c59b900..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected.png deleted file mode 100644 index 6042145e..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-end-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-end.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-end.png deleted file mode 100644 index 0b9467f6..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-end.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-pressed.png deleted file mode 100644 index 3cc3fcf1..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected-pressed.png deleted file mode 100644 index 88fea71d..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected.png deleted file mode 100644 index d7d0483e..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-middle.png deleted file mode 100644 index a0539aef..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-middle.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-start-pressed.png deleted file mode 100644 index d6af1ac1..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected-pressed.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected-pressed.png deleted file mode 100644 index 3204c69b..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected-pressed.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected.png deleted file mode 100644 index a5afce26..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-start-selected.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/breadcrumbs/rtl-start.png b/LCARStrek/browser/devtools/breadcrumbs/rtl-start.png deleted file mode 100644 index d7a26dba..00000000 Binary files a/LCARStrek/browser/devtools/breadcrumbs/rtl-start.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 5fcc34c6..72b7e702 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -165,7 +165,9 @@ notification { } .devtools-tooltip[clamped-dimensions] { + min-height: 100px; max-height: 400px; + min-width: 100px; max-width: 400px; } .devtools-tooltip[clamped-dimensions] .panel-arrowcontent { @@ -206,6 +208,19 @@ notification { margin-bottom: -4px; } +/* Tooltip: Alert Icon */ + +.devtools-tooltip-alert-icon { + width: 32px; + height: 32px; + margin: 6px; + -moz-margin-end: 20px; +} + +.devtools-tooltip-alert-icon { + list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); +} + /* Tooltip: Variables View */ .devtools-tooltip-variables-view-box { diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index b485b7a1..2085d5fb 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -11,6 +11,11 @@ color: #FF9F00; } +.theme-sidebar { + background: #000000; + color: #FF9F00; +} + ::-moz-selection { background-color: #008484; color: #FFCF00; @@ -148,7 +153,8 @@ } .theme-toolbar, -.devtools-toolbar { /* General toolbar styling */ +.devtools-toolbar, +.devtools-sidebar-tabs > tabs { /* General toolbar styling */ } @@ -299,6 +305,18 @@ div.CodeMirror span.eval-text { border-bottom: 0; } +.devtools-horizontal-splitter { +} + +.devtools-side-splitter { +} + +.devtools-textinput, +.devtools-searchinput { + background-color: #000000; + color: #E7ADE7; +} + /* === BEGIN toolbars.inc.css === */ .devtools-toolbar { @@ -600,31 +618,61 @@ devtools-menulist:-moz-focusring, } #command-button-paintflashing > image { - background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); } #command-button-responsive > image { - background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); } #command-button-tilt > image { - background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-tilt.png"); } #command-button-scratchpad > image { - background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-scratchpad.png"); } #command-button-pick > image { - background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-pick.png"); } #command-button-splitconsole > image { - background-image: url("chrome://browser/skin/devtools/command-console@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-console.png"); } #command-button-eyedropper > image { - background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); + background-image: url("chrome://browser/skin/devtools/command-eyedropper.png"); +} + +@media (min-resolution: 2dppx) { + #command-button-paintflashing > image { + background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); + } + + #command-button-responsive > image { + background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png"); + } + + #command-button-tilt > image { + background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png"); + } + + #command-button-scratchpad > image { + background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png"); + } + + #command-button-pick > image { + background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + } + + #command-button-splitconsole > image { + background-image: url("chrome://browser/skin/devtools/command-console@2x.png"); + } + + #command-button-eyedropper > image { + background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); + } } /* Tabs */ diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 3514515d..9bdeee7b 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -6,16 +6,18 @@ window { padding: 0; } -/* Sources and breakpoints pane */ +/* === BEGIN debugger.inc.css === */ -#sources-pane > tabs { - -moz-border-end: 1px solid #9C9CFF; /* Match the sources list's dark margin. */ -} +/* Sources and breakpoints pane */ #sources-pane[selectedIndex="0"] + #sources-and-editor-splitter { border-color: transparent; } +#sources-pane > tabs { + -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */ +} + #sources-toolbar > .devtools-toolbarbutton, #sources-controls > .devtools-toolbarbutton { min-width: 32px; @@ -53,6 +55,10 @@ window { color: #8050B0; } +#sources .selected > .black-boxed { + color: #000000; +} + #sources .black-boxed > .dbg-breakpoint { display: none; } @@ -106,37 +112,17 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -#start-tracing { - padding: 4px; - margin: 4px; -} - #clear-tracer { /* Make this button as narrow as the text inside it. */ min-width: 1px; } -#tracer-message { - /* Prevent the container deck from aquiring the height from this message. */ - min-height: 1px; -} - .trace-name { -moz-padding-start: 4px !important; } -#tracer-traces > scrollbox { - overflow: scroll; - /* Hack to enable hardware acceleration */ - transform: translateZ(0); -} - /* Tracer dark+light theme */ -#tracer-message { - color: #FF9F00; /* Light foreground text */ -} - .trace-item { color: #FF9F00; /* Light foreground text */ } @@ -170,33 +156,6 @@ window { color: #A09090; /* highlight grey */ } -/* ListWidget items */ - -.list-widget-item { - padding: 2px; -} - -/* .theme-light / .theme-dark */ -.list-widget-item:not(.selected):not(.empty):hover { -/* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/ -} - -/* .theme-light / .theme-dark */ -.list-widget-item.selected.light { -/* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight; - color: #000;*/ -} - -.list-widget-item.selected { - background: #008484; - color: #FFCF00; -} - -.list-widget-item.empty { - color: #8050B0; - /* padding: 4px; */ -} - /* Breadcrumbs stack frames view */ .breadcrumbs-widget-item { @@ -215,7 +174,7 @@ window { .dbg-classic-stackframe { display: block; - padding: 4px; + padding: 0 4px; } .dbg-classic-stackframe-title { @@ -302,7 +261,7 @@ window { /* Instruments pane (watch expressions, variables, event listeners...) */ #instruments-pane .side-menu-widget-container, -#instruments-pane .side-menu-widget-empty-notice-container { +#instruments-pane .side-menu-widget-empty-text { /* box-shadow: none !important; */ } @@ -320,18 +279,29 @@ window { .dbg-expression-arrow { width: 16px; height: auto; + margin: 2px; background: -moz-image-rect(url("commandline-icon.png"), 0, 32, 16, 16); } .dbg-expression-input { - -moz-padding-start: 2px !important; color: inherit; } +.dbg-expression-button { + border: none; + background: none; + cursor: pointer; + text-decoration: underline; +} + +.dbg-expression-button { + color: #9C9CFF; /* Blue highlight color */ +} + /* Event listeners view */ .dbg-event-listener { - padding: 4px 8px; + padding: 0 8px; } .dbg-event-listener-type { @@ -414,19 +384,19 @@ window { /* text-shadow: 0 1px #fff;*/ } -.results-panel-item-pre { +.results-panel-item-label-before { -moz-margin-end: 5px !important; color: #A09090; cursor: inherit; } -.results-panel-item-name { +.results-panel-item-label { color: #9C9CFF; font-weight: 600; cursor: inherit; } -.results-panel-item-details { +.results-panel-item-label-below { color: #FF9F00; cursor: inherit; } @@ -435,10 +405,6 @@ window { #globalsearch { min-height: 10px; -} - -#globalsearch > vbox:not(:empty) { - min-height: 10px; max-height: 125px; } @@ -523,14 +489,6 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } -#resumption-panel-desc { - width: 200px; -} - -#resumption-order-panel { - -moz-margin-start: -8px; -} - #resume { list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -629,10 +587,12 @@ window { } #body[layout=vertical] .side-menu-widget-container, -#body[layout=vertical] .side-menu-widget-empty-notice-container { +#body[layout=vertical] .side-menu-widget-empty-text { box-shadow: none !important; } #body[layout=vertical] .side-menu-widget-item-arrow { background-image: none !important; } + +/* === END debugger.inc.css === */ diff --git a/LCARStrek/browser/devtools/filters.svg b/LCARStrek/browser/devtools/filters.svg new file mode 100644 index 00000000..9a50a6cc --- /dev/null +++ b/LCARStrek/browser/devtools/filters.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/LCARStrek/browser/devtools/itemArrow-ltr.png b/LCARStrek/browser/devtools/itemArrow-ltr.png deleted file mode 100644 index 7ccd93c3..00000000 Binary files a/LCARStrek/browser/devtools/itemArrow-ltr.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/itemArrow-ltr.svg b/LCARStrek/browser/devtools/itemArrow-ltr.svg new file mode 100644 index 00000000..54b48d14 --- /dev/null +++ b/LCARStrek/browser/devtools/itemArrow-ltr.svg @@ -0,0 +1,4 @@ + + + + diff --git a/LCARStrek/browser/devtools/itemArrow-rtl.png b/LCARStrek/browser/devtools/itemArrow-rtl.png deleted file mode 100644 index c922889b..00000000 Binary files a/LCARStrek/browser/devtools/itemArrow-rtl.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/itemArrow-rtl.svg b/LCARStrek/browser/devtools/itemArrow-rtl.svg new file mode 100755 index 00000000..ce14a53a --- /dev/null +++ b/LCARStrek/browser/devtools/itemArrow-rtl.svg @@ -0,0 +1,4 @@ + + + + diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index b1e7b189..07ac28c0 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -7,20 +7,18 @@ window { padding: 0; } -#body { - background-color: #000000; -} - -/* Network requests table */ +/* === BEGIN netmonitor.inc.css === */ #requests-menu-empty-notice { - background-color: #A09090; - border-radius: 8px; + margin: 0; padding: 12px; font-size: 110%; + color: #000000; } +/* Network requests table */ + #requests-menu-toolbar { } @@ -43,6 +41,10 @@ window { -moz-border-end: 1px solid #9C9CFF; } +.requests-menu-header:not(:last-child):-moz-locale-dir(rtl), +.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) { +} + .requests-menu-header-button, #requests-menu-status-button { background-color: transparent; @@ -177,6 +179,7 @@ window { } .requests-menu-timings-division:not(:first-child) { + -moz-border-start: 1px dotted; -moz-margin-start: -100px !important; /* Don't affect layout. */ } @@ -188,12 +191,27 @@ window { transform-origin: right center; } +.requests-menu-timings-division[division-scale=millisecond] { + -moz-border-start-color: #FF9F00 !important; /* Light foreground text */ +} + +.requests-menu-timings-division[division-scale=second] { + -moz-border-start-color: #E7ADE7 !important; /* Light orange highlight color */ + font-weight: 600; +} + +.requests-menu-timings-division[division-scale=minute] { + -moz-border-start-color: #FF0000 !important; /* Red highlight color */ + font-weight: 600; +} + /* Network requests table: waterfall items */ .requests-menu-subitem.requests-menu-waterfall { -moz-padding-start: 4px; -moz-padding-end: 4px; background-repeat: repeat-y; /* Background created on a in js. */ + background-position: -1px center; margin-top: -1px; /* Compensate borders. */ margin-bottom: -1px; } @@ -226,7 +244,8 @@ window { .requests-menu-timings-cap { width: 4px; - height: 10px; + height: 8px; + border: 1px solid #FFCF00; } @@ -260,7 +279,8 @@ window { } .requests-menu-timings-box { - height: 10px; + height: 8px; + border-top: 1px solid #FFCF00; border-bottom: 1px solid #FFCF00; } @@ -297,18 +317,21 @@ window { /* SideMenuWidget */ +.side-menu-widget-item-contents { + padding: 0px; +} + .side-menu-widget-container { box-shadow: none !important; } -.side-menu-widget-item:nth-child(even) { +.side-menu-widget-item:not(.selected)[odd] { background: rgba(255,159,0,0.1); } /* Network request details */ #details-pane { - background-color: #000000; max-width: 500px; } @@ -341,7 +364,6 @@ window { -moz-padding-start: 4px; -moz-padding-end: 3px; font-weight: 600; - color: #9C9CFF; } .tabpanel-summary-value { @@ -393,6 +415,7 @@ window { #timings-tabpanel .requests-menu-timings-box { transition: transform 0.2s ease-out; min-width: 1px; + border: none; } #timings-tabpanel .requests-menu-timings-total { @@ -431,6 +454,7 @@ window { -moz-margin-end: 3px; border: none; padding: 0px 1.5vw; + /* color: #fff;*/ } @@ -465,7 +489,7 @@ window { } .requests-menu-header-button { - min-height: 23px; /* Remaining 1px comes from border of the toolbar. */ + min-height: 24px; } .requests-menu-footer-button, @@ -516,3 +540,5 @@ window { right border and box-shadow of "File" column should be hidden. */ } } + +/* === END netmonitor.inc.css === */ diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css index cec665eb..154aa895 100644 --- a/LCARStrek/browser/devtools/profiler.css +++ b/LCARStrek/browser/devtools/profiler.css @@ -28,6 +28,10 @@ window { -moz-border-start-color: transparent; } +.profiler-sidebar .devtools-toolbar { + -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */ +} + .profiler-sidebar-item { padding: 3px 5px; } @@ -44,7 +48,6 @@ window { .profiler-sidebar-item > hbox { margin-top: 2px; - color: #A09090; } .profiler-sidebar-item > hbox > a { diff --git a/LCARStrek/browser/devtools/shadereditor.css b/LCARStrek/browser/devtools/shadereditor.css index 4d14b77b..86dae070 100644 --- a/LCARStrek/browser/devtools/shadereditor.css +++ b/LCARStrek/browser/devtools/shadereditor.css @@ -8,19 +8,12 @@ window { padding: 0; } -#body { - background-color: #000000; -} - -#content { - background-color: #000000; -} - /* Reload and waiting notices */ .notice-container { - background-color: #000000; margin-top: -50vh; + + background-color: #000000; color: #FF9F00; } @@ -87,10 +80,6 @@ window { background-position: 0 0; } -.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents { - color: #8050B0; -} - /* Shader source editors */ #editors-splitter { diff --git a/LCARStrek/browser/devtools/tool-debugger-paused.png b/LCARStrek/browser/devtools/tool-debugger-paused.png deleted file mode 100644 index d37d7298..00000000 Binary files a/LCARStrek/browser/devtools/tool-debugger-paused.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-debugger-paused.svg b/LCARStrek/browser/devtools/tool-debugger-paused.svg new file mode 100644 index 00000000..e22d259d --- /dev/null +++ b/LCARStrek/browser/devtools/tool-debugger-paused.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/browser/devtools/tool-debugger-paused@2x.png b/LCARStrek/browser/devtools/tool-debugger-paused@2x.png deleted file mode 100644 index 9b94cfc2..00000000 Binary files a/LCARStrek/browser/devtools/tool-debugger-paused@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-debugger.png b/LCARStrek/browser/devtools/tool-debugger.png deleted file mode 100644 index 2ed0b615..00000000 Binary files a/LCARStrek/browser/devtools/tool-debugger.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-debugger.svg b/LCARStrek/browser/devtools/tool-debugger.svg new file mode 100644 index 00000000..e37e2333 --- /dev/null +++ b/LCARStrek/browser/devtools/tool-debugger.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/LCARStrek/browser/devtools/tool-debugger@2x.png b/LCARStrek/browser/devtools/tool-debugger@2x.png deleted file mode 100644 index 675c6f77..00000000 Binary files a/LCARStrek/browser/devtools/tool-debugger@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-inspector.png b/LCARStrek/browser/devtools/tool-inspector.png deleted file mode 100644 index 8e151c49..00000000 Binary files a/LCARStrek/browser/devtools/tool-inspector.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-inspector.svg b/LCARStrek/browser/devtools/tool-inspector.svg new file mode 100644 index 00000000..3290566e --- /dev/null +++ b/LCARStrek/browser/devtools/tool-inspector.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/LCARStrek/browser/devtools/tool-inspector@2x.png b/LCARStrek/browser/devtools/tool-inspector@2x.png deleted file mode 100644 index 37c18fb5..00000000 Binary files a/LCARStrek/browser/devtools/tool-inspector@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-network.png b/LCARStrek/browser/devtools/tool-network.png deleted file mode 100644 index d4a11fcf..00000000 Binary files a/LCARStrek/browser/devtools/tool-network.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-network.svg b/LCARStrek/browser/devtools/tool-network.svg new file mode 100644 index 00000000..73b894b3 --- /dev/null +++ b/LCARStrek/browser/devtools/tool-network.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/tool-network@2x.png b/LCARStrek/browser/devtools/tool-network@2x.png deleted file mode 100644 index 042acedf..00000000 Binary files a/LCARStrek/browser/devtools/tool-network@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-options.png b/LCARStrek/browser/devtools/tool-options.png deleted file mode 100644 index 723a1f2d..00000000 Binary files a/LCARStrek/browser/devtools/tool-options.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-options.svg b/LCARStrek/browser/devtools/tool-options.svg new file mode 100644 index 00000000..c0093ecd --- /dev/null +++ b/LCARStrek/browser/devtools/tool-options.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/browser/devtools/tool-options@2x.png b/LCARStrek/browser/devtools/tool-options@2x.png deleted file mode 100644 index ee3bf43b..00000000 Binary files a/LCARStrek/browser/devtools/tool-options@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-profiler.png b/LCARStrek/browser/devtools/tool-profiler.png deleted file mode 100644 index 8e96565d..00000000 Binary files a/LCARStrek/browser/devtools/tool-profiler.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-profiler.svg b/LCARStrek/browser/devtools/tool-profiler.svg new file mode 100644 index 00000000..97b536b2 --- /dev/null +++ b/LCARStrek/browser/devtools/tool-profiler.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/tool-profiler@2x.png b/LCARStrek/browser/devtools/tool-profiler@2x.png deleted file mode 100644 index 70517d9c..00000000 Binary files a/LCARStrek/browser/devtools/tool-profiler@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-scratchpad.png b/LCARStrek/browser/devtools/tool-scratchpad.png deleted file mode 100644 index 4a4dd17e..00000000 Binary files a/LCARStrek/browser/devtools/tool-scratchpad.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-scratchpad.svg b/LCARStrek/browser/devtools/tool-scratchpad.svg new file mode 100644 index 00000000..40f2c025 --- /dev/null +++ b/LCARStrek/browser/devtools/tool-scratchpad.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/LCARStrek/browser/devtools/tool-scratchpad@2x.png b/LCARStrek/browser/devtools/tool-scratchpad@2x.png deleted file mode 100644 index ac94a3ec..00000000 Binary files a/LCARStrek/browser/devtools/tool-scratchpad@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-styleeditor.png b/LCARStrek/browser/devtools/tool-styleeditor.png deleted file mode 100644 index b08a2e74..00000000 Binary files a/LCARStrek/browser/devtools/tool-styleeditor.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-styleeditor.svg b/LCARStrek/browser/devtools/tool-styleeditor.svg new file mode 100644 index 00000000..323cf9ef --- /dev/null +++ b/LCARStrek/browser/devtools/tool-styleeditor.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/LCARStrek/browser/devtools/tool-styleeditor@2x.png b/LCARStrek/browser/devtools/tool-styleeditor@2x.png deleted file mode 100644 index 21b65f1c..00000000 Binary files a/LCARStrek/browser/devtools/tool-styleeditor@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-webconsole.png b/LCARStrek/browser/devtools/tool-webconsole.png deleted file mode 100644 index 66123f51..00000000 Binary files a/LCARStrek/browser/devtools/tool-webconsole.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/tool-webconsole.svg b/LCARStrek/browser/devtools/tool-webconsole.svg new file mode 100644 index 00000000..d8b3b1dc --- /dev/null +++ b/LCARStrek/browser/devtools/tool-webconsole.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/browser/devtools/tool-webconsole@2x.png b/LCARStrek/browser/devtools/tool-webconsole@2x.png deleted file mode 100644 index 704b6eba..00000000 Binary files a/LCARStrek/browser/devtools/tool-webconsole@2x.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index 4bebb5e6..67d3f4f6 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -15,7 +15,7 @@ window { width: 200px; } -/* === webconsole.inc.css === */ +/* === BEGIN webconsole.inc.css === */ /* General output styles */ @@ -61,7 +61,7 @@ a { } /* The red bubble that shows the number of times a message is repeated */ -.message > .repeats { +.message-repeats { -moz-user-select: none; flex: 0 0 auto; margin: 2px 6px; @@ -75,11 +75,11 @@ a { font-weight: 600; } -.message > .repeats[value="1"] { +.message-repeats[value="1"] { display: none; } -.message > .location { +.message-location { -moz-margin-start: 6px; display: flex; flex: 0 0 auto; @@ -89,21 +89,22 @@ a { margin-top: 4px; color: #3333FF; text-decoration: none; + white-space: nowrap; } -.message > .location:hover, -.message > .location:focus { +.message-location:hover, +.message-location:focus { text-decoration: underline; } -.message > .location > .filename { +.message-location > .filename { text-overflow: ellipsis; text-align: end; overflow: hidden; white-space: nowrap; } -.message > .location > .line-number { +.message-location > .line-number { flex: 0 0 auto; } @@ -333,6 +334,10 @@ a { border: none; } +.devtools-side-splitter ~ #webconsole-sidebar[hidden] { + display: none; +} + /* Security styles */ .message[category=security] > .icon { @@ -365,6 +370,37 @@ a { text-decoration: none; } +.consoleTrace .body > div { + display: flex; + margin-bottom: 5px; +} + +.consoleTrace .title { + display: block; + flex: 1 1 auto; +} + +.stacktrace { + list-style: none; + padding: 0 1em 0 1.5em; + margin: 0; + max-height: 10em; + overflow-y: auto; + + border: 1px solid #A09090; + border-radius: 3px; +} + +.stacktrace li { + display: flex; + margin: 0; +} + +.stacktrace .function { + display: block; + flex: 1 1 auto; +} + /* Replace these values with CSS variables as available */ .theme-dark .jsterm-input-container { background-color: #000000; /* tabToolbarBackgroundColor */ @@ -387,7 +423,10 @@ a { border-color: #A09090; } -/* Replace these values with CSS variables as available */ +.theme-dark .stacktrace { + border-color: #A09090; +} + .theme-light .jsterm-input-container { background-color: #000000; /* tabToolbarBackgroundColor */ border-color: #9C9CFF; /* mainBackgroundColor */ @@ -408,3 +447,48 @@ a { .theme-light .inlined-variables-view iframe { border-color: #A09090; } + +.theme-dark .stacktrace { + border-color: #A09090; +} + +@media (max-width: 500px) { + .message > .timestamp { + display: none; + } + .toolbarbutton-text { + display: none; + } + .hud-console-filter-toolbar .webconsole-filter-button { + min-width: 40px; + } + .hud-console-filter-toolbar .webconsole-clear-console-button { + min-width: 25px; + } + .webconsole-filter-button > .toolbarbutton-menubutton-button:before { + width: 16px; + height: 16px; + margin-left: 1px; + } + .toolbarbutton-menubutton-dropmarker { + margin: 0px; + } +} + +@media (max-width: 300px) { + .hud-console-filter-toolbar { + -moz-box-orient: vertical; + } + .toolbarbutton-text { + display: -moz-box; + } + .devtools-toolbarbutton { + margin-top: 3px; + } + .hud-console-filter-toolbar .hud-filter-box, + .hud-console-filter-toolbar .devtools-toolbarbutton { + margin-top: 5px; + } +} + +/* === END webconsole.inc.css === */ diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index b62f533f..54f15596 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -3,6 +3,8 @@ * 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/. */ +/* === BEGIN widgets.inc.css === */ + /* Generic pane helpers */ .generic-toggled-side-pane { @@ -20,6 +22,8 @@ .breadcrumbs-widget-container { -moz-margin-end: 3px; + max-height: 25px; /* Set max-height for proper sizing on linux */ + height: 25px; /* Set height to prevent starting small waiting for content */ /* A fake 1px-shadow is included in the border-images of the breadcrumbs-widget-items, to match toolbar-buttons style. This negative margin compensates the extra row of pixels created @@ -27,51 +31,13 @@ /* margin: -1px 0;*/ } -/* Preloading hack, LTR */ - -.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after { - content: ''; - display: block; - background-image: - url("breadcrumbs/ltr-start.png"), - url("breadcrumbs/ltr-start-selected.png"), - url("breadcrumbs/ltr-start-pressed.png"), - url("breadcrumbs/ltr-start-selected-pressed.png"), - url("breadcrumbs/ltr-middle.png"), - url("breadcrumbs/ltr-middle-selected.png"), - url("breadcrumbs/ltr-middle-pressed.png"), - url("breadcrumbs/ltr-middle-selected-pressed.png"), - url("breadcrumbs/ltr-end.png"), - url("breadcrumbs/ltr-end-selected.png"), - url("breadcrumbs/ltr-end-pressed.png"), - url("breadcrumbs/ltr-end-selected-pressed.png"); -} - -/* Preloading hack, RTL */ - -.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after { - content: ''; - display: block; - background-image: - url("breadcrumbs/rtl-start.png"), - url("breadcrumbs/rtl-start-selected.png"), - url("breadcrumbs/rtl-start-pressed.png"), - url("breadcrumbs/rtl-start-selected-pressed.png"), - url("breadcrumbs/rtl-middle.png"), - url("breadcrumbs/rtl-middle-selected.png"), - url("breadcrumbs/rtl-middle-pressed.png"), - url("breadcrumbs/rtl-middle-selected-pressed.png"), - url("breadcrumbs/rtl-end.png"), - url("breadcrumbs/rtl-end-selected.png"), - url("breadcrumbs/rtl-end-pressed.png"), - url("breadcrumbs/rtl-end-selected-pressed.png"); -} - .scrollbutton-up, .scrollbutton-down { - min-height: 25px; - margin-top: 0; - margin-bottom: 0; + background: transparent; + box-shadow: none; + border: none; + margin: 0; + padding: 0; } .scrollbutton-up { @@ -82,10 +48,6 @@ -moz-margin-end: 0; } -.scrollbutton-up:not([disabled]):active:hover, -.scrollbutton-down:not([disabled]):active:hover { -} - .scrollbutton-up > .toolbarbutton-icon, .scrollbutton-down > .toolbarbutton-icon { /* margin: 0 5px; */ @@ -119,185 +81,200 @@ border-bottom-right-radius: 0; } -.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), -.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* transform: scaleX(-1); */ -} - -.breadcrumbs-widget-item { - background-color: #000000; - overflow: hidden; - min-width: 85px; - max-width: 250px; - min-height: 25px; - border-style: solid; - border-width: 2px 13px; - border-radius: 0; - margin: 0 -11px 0 0; - padding: 0 9px; - outline: none; - color: #FF9F00; -} - -.breadcrumbs-widget-item:hover { - background-color: #FFCF00; - color: #000000; -} - -.breadcrumbs-widget-item[checked]:not(:hover) { - background-color: #008484; - color: #000000; -} - -.breadcrumbs-widget-item[siblings-menu-open], -.breadcrumbs-widget-item:active { - background-color: #FF9F00; - color: #000000; -} - -.breadcrumbs-widget-item:-moz-focusring > label { - border-bottom: 1px dotted #008484; -} - -.breadcrumbs-widget-item:-moz-focusring > .button-box { - border-width: 0; -} - -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag { - /* color: hsl(208,100%,60%); */ -} - -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id { - /* color: hsl(205,100%,70%); */ -} - -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes { - color: #FF9F00; +/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */ +/* +.scrollbutton-up:-moz-locale-dir(ltr), +.scrollbutton-down:-moz-locale-dir(rtl) { + border-right: solid 1px rgba(255, 255, 255, .1); + border-left: solid 1px transparent; + box-shadow: 3px 0px 3px -3px #181d20; } -.breadcrumbs-widget-item-id, -.breadcrumbs-widget-item-classes { - /* color: #8d99a6; */ +.scrollbutton-down:-moz-locale-dir(ltr), +.scrollbutton-up:-moz-locale-dir(rtl) { + border-right: solid 1px transparent; + border-left: solid 1px rgba(255, 255, 255, .1); + box-shadow: -3px 0px 3px -3px #181d20; } -.breadcrumbs-widget-item-pseudo-classes { - color: #FFCF00; +.scrollbutton-up[disabled], +.scrollbutton-down[disabled] { + box-shadow: none; + border-color: transparent; } +*/ -/* Breadcrumbs LTR */ - -.breadcrumbs-widget-item:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch; +.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), +.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { +/* transform: scaleX(-1); */ } -.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch; +/* The breadcrumb separator elements are used as background images with + * -moz-element, so we position them offscreen since we don't care about + * seeing the original elements. + */ +.breadcrumb-separator-container { + position: fixed; + top: -1000px; + left: -1000px; } -.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch; +#breadcrumb-separator-before, +#breadcrumb-separator-after, +#breadcrumb-separator-normal { + width: 12px; + height: 25px; + overflow: hidden; } -.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch; +#breadcrumb-separator-before, +#breadcrumb-separator-after:after { + background: #9C9CFF; /* Select Highlight Blue */ } -.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch; +#breadcrumb-separator-after, +#breadcrumb-separator-before:after { + background: #9C9CFF; /* Toolbars */ } -.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch; +/* This chevron arrow cannot be replicated easily in CSS, so we are using + * a background image for it (still keeping it in a separate element so + * we can handle RTL support with a CSS transform). + */ +#breadcrumb-separator-normal { + background: url("breadcrumbs-divider@2x.png") no-repeat center right; + background-size: 12px 24px; } -.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch; +/* Fake a triangle by rotating a rectangle inside the elements */ +#breadcrumb-separator-before:after, +#breadcrumb-separator-after:after { + content: ""; + display: block; + width: 25px; + height: 25px; + transform: translateX(-18px) rotate(45deg); + -moz-box-sizing: border-box; } -.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item { + background-color: #000000; + min-height: 25px; + min-width: 65px; + margin: 0; + padding: 0 8px 0 20px; + border: none; + outline: none; + color: #FF9F00; } -.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item:hover { + background-color: #FFCF00; + color: #000000; } -.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item[checked]:not(:hover) { + background-color: #008484; + color: #000000; } -.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item[siblings-menu-open], +.breadcrumbs-widget-item:active { + background-color: #FF9F00; + color: #000000; } -.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) { - border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item:not([checked]) { + background: -moz-element(#breadcrumb-separator-normal) no-repeat center left; + } + +.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item { + background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0; } -.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) { +.breadcrumbs-widget-item[checked] { + background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0; + background-color: #008484; /* Select Highlight Blue */ } -.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) { +.breadcrumbs-widget-item:first-child { + background-image: none; } -/* Breadcrumbs RTL */ - +/* RTL support: move the images that were on the left to the right, + * and move images that were on the right to the left. + */ .breadcrumbs-widget-item:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch; + padding: 0 20px 0 8px; } -.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item:-moz-locale-dir(rtl), +.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) { + background-position: center right; } -.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch; +#breadcrumb-separator-before:-moz-locale-dir(rtl), +#breadcrumb-separator-after:-moz-locale-dir(rtl), +#breadcrumb-separator-normal:-moz-locale-dir(rtl) { + transform: scaleX(-1); } -.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch; +#breadcrumb-separator-before:-moz-locale-dir(rtl):after, +#breadcrumb-separator-after:-moz-locale-dir(rtl):after { + transform: translateX(-5px) rotate(45deg); } -.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes, +.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes { + color: #FF9F00; /* Foreground (Text) - Light */ } -.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch; +.theme-dark .breadcrumbs-widget-item-id { + color: #A09090; /* Foreground (Text) - Grey */ } -.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch; +.breadcrumbs-widget-item-pseudo-classes { + color: #FFCF00; /* Light Orange */ } -.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch; -} +/* SimpleListWidget */ -.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch; +.simple-list-widget-item:not(.selected):hover { + background: #FFCF00; + color: #FFCF00; } -.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch; +.simple-list-widget-item.selected { + background: #008484; + color: #FFCF00; } -.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch; +.simple-list-widget-perma-text, +.simple-list-widget-empty-text { + color: #8050B0; + padding: 4px 8px; } -.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; -} +/* FastListWidget */ -.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) { +.fast-list-widget-container { + /* Hack: force hardware acceleration */ + transform: translateZ(1px); } -.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) { +/* dark/light theme */ +.fast-list-widget-empty-text { + padding: 12px; + font-weight: 600; + color: #8050B0; } /* SideMenuWidget */ +/* SideMenuWidget container */ + .side-menu-widget-container { /* Hack: force hardware acceleration */ transform: translateZ(1px); @@ -306,14 +283,12 @@ color: #FF9F00; } -/* SideMenuWidget container */ - .side-menu-widget-container:-moz-locale-dir(ltr), -.side-menu-widget-empty-notice-container:-moz-locale-dir(ltr) { +.side-menu-widget-empty-text:-moz-locale-dir(ltr) { } .side-menu-widget-container:-moz-locale-dir(rtl), -.side-menu-widget-empty-notice-container:-moz-locale-dir(rtl)[with-arrows=true]:-moz-locale-dir(rtl) { +.side-menu-widget-empty-text:-moz-locale-dir(rtl)[with-arrows=true]:-moz-locale-dir(rtl) { } .side-menu-widget-group { @@ -339,8 +314,10 @@ .side-menu-widget-item { border-top: 1px solid #9C9CFF; + /* To compensate for the top and bottom borders */ margin-top: -1px; margin-bottom: -1px; + background-clip: padding-box; } .side-menu-widget-item:last-of-type { @@ -352,40 +329,51 @@ color: #000000; } +.side-menu-widget-item-arrow { + -moz-margin-start: -7px; + width: 7px; /* The image's width is 7 pixels */ + /* Cover the border of the side-menu-widget-item */ + margin-top: -1px; + margin-bottom: -1px; +} + .side-menu-widget-item.selected > .side-menu-widget-item-arrow { background-size: auto, 1px 100%; background-repeat: no-repeat; } .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { - background-image: url("itemArrow-ltr.png"), linear-gradient(to right, #000000, #000000); - background-position: center right, top right; + background-position: center right; } .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { - background-image: url("itemArrow-rtl.png"), linear-gradient(to right, #000000, #000000); - background-position: center left, top left; + background-position: center left; } -/* SideMenuWidget items contents */ - -.side-menu-widget-item-contents { - padding: 2px; +.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { + background-image: url("itemArrow-ltr.svg"); } -.side-menu-widget-item-label { - padding: 4px 0px; +.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { + background-image: url("itemArrow-rtl.svg"); } -.side-menu-widget-item-arrow { - -moz-margin-start: -8px; - width: 8px; +/* SideMenuWidget items contents */ + +.side-menu-widget-item-contents { + padding: 4px; + /* To avoid having content overlapping the arrow image. */ + -moz-padding-end: 8px; } .side-menu-widget-item-other { + /* To avoid having content overlapping the arrow image. */ + -moz-padding-end: 8px; + /* To compensate for the .side-menu-widget-item-contents padding. */ + -moz-margin-start: -4px; + -moz-margin-end: -8px; + background-color: #000000; - margin: 0 -4px; - -moz-padding-start: 5px; } .side-menu-widget-item-other.selected { @@ -394,9 +382,14 @@ } .side-menu-widget-item-other:first-of-type { + margin-top: 4px; /* border-top-left-radius: 4px; */ } +.side-menu-widget-item-other:last-of-type { + margin-bottom: -4px; +} + .side-menu-widget-item-other:not(.selected) > label { color: #9C9CFF; } @@ -416,7 +409,7 @@ /* SideMenuWidget misc */ -.side-menu-widget-empty-notice-container { +.side-menu-widget-empty-text { padding: 12px; background-color: #000000; @@ -762,3 +755,5 @@ } /* === END manifest-editor.inc.css === */ + +/* === END widgets.inc.css === */ diff --git a/LCARStrek/browser/downloads/download-glow-menuPanel.png b/LCARStrek/browser/downloads/download-glow-menuPanel.png new file mode 100644 index 00000000..d50663a1 Binary files /dev/null and b/LCARStrek/browser/downloads/download-glow-menuPanel.png differ diff --git a/LCARStrek/browser/downloads/indicator.css b/LCARStrek/browser/downloads/indicator.css index dcb023f3..8d05f22f 100644 --- a/LCARStrek/browser/downloads/indicator.css +++ b/LCARStrek/browser/downloads/indicator.css @@ -43,6 +43,11 @@ background-image: url("chrome://browser/skin/downloads/download-glow.png"); } +#downloads-button[cui-areatype="menu-panel"][attention] { + list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png"); + -moz-image-region: auto; +} + /* In the next few rules, we use :not([counter]) as a shortcut that is equivalent to -moz-any([progress], [paused]). */ diff --git a/LCARStrek/browser/menuPanel.png b/LCARStrek/browser/menuPanel.png index ba185acb..c70d657b 100644 Binary files a/LCARStrek/browser/menuPanel.png and b/LCARStrek/browser/menuPanel.png differ diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index 58e3a95a..a7c3127b 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -1,7 +1,6 @@ -.searchbar-textbox { - width: 6em; - min-width: 6em; -} +/* 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/. */ .autocomplete-textbox-container { -moz-box-align: stretch;