From 0142a07bfbc380cc6c485555737a59a7a401fcae Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 10 Mar 2013 21:01:26 +0100 Subject: [PATCH] first step to sync LCARStrek with browser winstripe changes in Firefox 20 cycle --- LCARStrek/browser/browser.css | 417 +++--------------- LCARStrek/browser/devtools/common.css | 134 +++++- LCARStrek/browser/devtools/csshtmltree.css | 1 + LCARStrek/browser/devtools/debugger.css | 55 ++- LCARStrek/browser/devtools/inspector.css | 143 ++++-- .../browser/devtools/layout-background.png | Bin 981 -> 0 bytes LCARStrek/browser/devtools/layout-buttons.png | Bin 192 -> 0 bytes LCARStrek/browser/devtools/layoutview.css | 16 +- LCARStrek/browser/devtools/markup-view.css | 5 +- LCARStrek/browser/devtools/splitview.css | 4 +- LCARStrek/browser/devtools/tool-debugger.png | Bin 0 -> 183 bytes LCARStrek/browser/devtools/tool-inspector.png | Bin 0 -> 172 bytes LCARStrek/browser/devtools/tool-profiler.png | Bin 0 -> 189 bytes .../browser/devtools/tool-styleeditor.png | Bin 0 -> 192 bytes .../browser/devtools/tool-webconsole.png | Bin 0 -> 182 bytes LCARStrek/browser/devtools/toolbox.css | 73 ++- .../browser/devtools/treepanel-button.png | Bin 194 -> 0 bytes .../devtools/{dock-window.png => undock.png} | Bin LCARStrek/browser/privatebrowsing-dark.png | Bin 0 -> 242 bytes LCARStrek/browser/privatebrowsing-light.png | Bin 0 -> 185 bytes LCARStrek/browser/webRTC-shareDevice-16.png | Bin 583 -> 186 bytes LCARStrek/browser/webRTC-shareDevice-64.png | Bin 1652 -> 269 bytes LCARStrek/browser/webRTC-sharingDevice-16.png | Bin 0 -> 186 bytes 23 files changed, 399 insertions(+), 449 deletions(-) delete mode 100644 LCARStrek/browser/devtools/layout-background.png delete mode 100644 LCARStrek/browser/devtools/layout-buttons.png create mode 100644 LCARStrek/browser/devtools/tool-debugger.png create mode 100644 LCARStrek/browser/devtools/tool-inspector.png create mode 100644 LCARStrek/browser/devtools/tool-profiler.png create mode 100644 LCARStrek/browser/devtools/tool-styleeditor.png create mode 100644 LCARStrek/browser/devtools/tool-webconsole.png delete mode 100644 LCARStrek/browser/devtools/treepanel-button.png rename LCARStrek/browser/devtools/{dock-window.png => undock.png} (100%) create mode 100644 LCARStrek/browser/privatebrowsing-dark.png create mode 100644 LCARStrek/browser/privatebrowsing-light.png create mode 100644 LCARStrek/browser/webRTC-sharingDevice-16.png diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 254ac53c..778c8b88 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -77,7 +77,7 @@ menubar { #nav-bar[tabsontop="true"], #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar, #nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar { - /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */ + /* background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */ } #personal-bookmarks { @@ -285,7 +285,8 @@ menubar { -moz-image-region: rect(0px 48px 16px 32px); } -#appmenu_privateBrowsing { +#appmenu_privateBrowsing, +#appmenu_newPrivateWindow { list-style-image: url("chrome://browser/skin/Privacy-16.png"); } @@ -903,6 +904,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* history sidebar button */ +#webrtc-status-button /* temporary placeholder (bug 824825) */, #history-button { -moz-image-region: rect(0, 126px, 18px, 108px); } @@ -2215,6 +2217,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/webapps-64.png"); } +.popup-notification-icon[popupid="webRTC-sharingDevices"], .popup-notification-icon[popupid="webRTC-shareDevices"] { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png"); } @@ -2303,7 +2306,8 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } -#webRTC-notification-icon { +#webRTC-sharingDevices-notification-icon, +#webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); } @@ -2547,29 +2551,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* Highlighter */ -#highlighter-outline { +.highlighter-outline { box-shadow: 0 0 0 1px black; outline: 1px dashed white; } -#highlighter-outline[locked] { +.highlighter-outline[locked] { box-shadow: 0 0 0 1px rgba(0,0,0,0.3); outline-color: rgba(255,255,255,0.7); } -/* Highlighter toolbar */ +/* Developer toolbar */ -#inspector-inspect-toolbutton { - list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); - -moz-image-region: rect(0 16px 16px 0); -} - -#inspector-inspect-toolbutton[checked=true], -#inspector-inspect-toolbutton:hover { - -moz-image-region: rect(0 32px 16px 16px); -} - -#inspector-toolbar, #developer-toolbar { border-top: 3px solid #000000; border-bottom: none; @@ -2590,24 +2583,9 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon background-color: #6000CF; } -#inspector-tools { - -moz-padding-end: 2px; - border-left: 3px solid #000000; - border-right: 3px solid #000000; - -moz-margin-start: 2px; -} - -#devtools-sidebar-box { - background-color: #000000; -} - -html|*#highlighter-nodeinfobar-pseudo-classes { - color: #FF9F00; -} - /* Highlighter - Node Infobar */ -#highlighter-nodeinfobar { +.highlighter-nodeinfobar { color: #FF9F00; border: 1px solid rgba(156, 156, 255, .5); border-radius: 3px; @@ -2617,21 +2595,21 @@ html|*#highlighter-nodeinfobar-pseudo-classes { /* Highlighter - Node Infobar - text */ -#highlighter-nodeinfobar-text { +.highlighter-nodeinfobar-text { /* 100% - size of the buttons and margins */ max-width: calc(100% - 2 * (26px + 6px)); padding-bottom: 1px; } -html|*#highlighter-nodeinfobar-tagname { +html|*.highlighter-nodeinfobar-tagname { color: #FFCF00; } -html|*#highlighter-nodeinfobar-id { +html|*.highlighter-nodeinfobar-id { color: #9C9CFF; } -html|*#highlighter-nodeinfobar-pseudo-classes { +html|*.highlighter-nodeinfobar-pseudo-classes { color: #FF9F00; } @@ -2643,29 +2621,29 @@ html|*#highlighter-nodeinfobar-pseudo-classes { min-height: 26px; } -#highlighter-nodeinfobar-inspectbutton { +.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:-moz-locale-dir(rtl) { +.highlighter-nodeinfobar-inspectbutton:-moz-locale-dir(rtl) { } -#highlighter-nodeinfobar-inspectbutton:hover, -#highlighter-nodeinfobar-inspectbutton:hover:active/*, -#highlighter-nodeinfobar-container:not([locked]) > #highlighter-nodeinfobar > #highlighter-nodeinfobar-inspectbutton*/ { +.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 { } -#highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) { +.highlighter-nodeinfobar-menu:-moz-locale-dir(rtl) { } -#highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker { +.highlighter-nodeinfobar-menu > .toolbarbutton-menu-dropmarker { -moz-box-align: center; -moz-margin-start: -1px; } @@ -2682,28 +2660,28 @@ html|*#highlighter-nodeinfobar-pseudo-classes { background-repeat: no-repeat; } -#highlighter-nodeinfobar-arrow-top { +.highlighter-nodeinfobar-arrow-top { margin-bottom: -8px; margin-top: 8px; border-right-color: rgba(0, 132, 132, .5); border-top-color: rgba(0, 132, 132, .5); - background-image: -moz-linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%); + background-image: linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%); } -#highlighter-nodeinfobar-arrow-bottom { +.highlighter-nodeinfobar-arrow-bottom { margin-top: -8px; margin-bottom: 8px; border-left-color: rgba(0, 132, 132, .5); border-bottom-color: rgba(0, 132, 132, .5); - background-image: -moz-linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%); + background-image: linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%); } -#highlighter-nodeinfobar-container[position="top"] > #highlighter-nodeinfobar, -#highlighter-nodeinfobar-container[position="overlap"] > #highlighter-nodeinfobar { +.highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar, +.highlighter-nodeinfobar-container[position="overlap"] > .highlighter-nodeinfobar { box-shadow: 0 1px 0 hsla(0, 0%, 100%, .1) inset; } -#highlighter-nodeinfobar-container[hide-arrow] > #highlighter-nodeinfobar { +.highlighter-nodeinfobar-container[hide-arrow] > .highlighter-nodeinfobar { margin: 7px 0; } @@ -2733,289 +2711,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes { font-size: 120%; } -/* Highlighter toolbar - breadcrumbs */ - -#inspector-breadcrumbs { - -moz-margin-start: 2px; -} - -#inspector-breadcrumbs > .scrollbutton-up, -#inspector-breadcrumbs > .scrollbutton-down { - min-height: 25px; - margin-top: 0; - margin-bottom: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up { - -moz-margin-end: 1px; -} - -#inspector-breadcrumbs > .scrollbutton-down { - -moz-margin-end: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover, -#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover { -} - -#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon { - /* margin: 0 5px; */ -} - -#inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon { -} - -#inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, -#inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { -} - -#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -#inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), -#inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* transform: scaleX(-1); */ -} - -.inspector-breadcrumbs-button { - background-color: #000000; - border-radius: 0; - border-style: solid; - border-width: 2px 13px; - outline: none; - color: #FF9F00; - width: 85px; /* Can't use max-width. See bug 723132 */ - /* The content of the button can be larger than the button */ - overflow: hidden; - min-height: 25px; - margin: 0 -11px 0 0; - padding: 0 9px; -} - -.inspector-breadcrumbs-button:hover { - background-color: #FFCF00; - color: #000000; -} - -.inspector-breadcrumbs-button[checked]:not(:hover) { - background-color: #008484; - color: #000000; -} - -.inspector-breadcrumbs-button[siblings-menu-open], -.inspector-breadcrumbs-button:active { - background-color: #FF9F00; - color: #000000; -} - -.inspector-breadcrumbs-button:-moz-focusring > .button-box { - border-width: 0; -} - -.inspector-breadcrumbs-button:-moz-focusring > label { - border-bottom: 1px dotted #008484; -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag { - /*color: hsl(208,100%,60%); */ -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id { - /*color: hsl(205,100%,70%); */ -} - -.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes { - color: #FF9F00; -} - -.inspector-breadcrumbs-id, -.inspector-breadcrumbs-classes { - /*color: #8d99a6; */ -} - -/* fit height of other buttons to breadcrumbs */ -#inspector-toolbar .devtools-toolbarbutton, -#highlighter-closebutton, -#inspector-option-toolbarbutton { - min-height: 25px; -} - -.inspector-breadcrumbs-pseudo-classes { - color: #FFCF00; -} - -/* Highlighter toolbar - breadcrumbs - LTR */ - -.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { -} - -.inspector-breadcrumbs-button { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]), -.inspector-breadcrumbs-button:not([checked]):hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked] { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked][siblings-menu-open], -.inspector-breadcrumbs-button[checked]:hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]), -.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type[checked] { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked], -.inspector-breadcrumbs-button:first-of-type[checked]:hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch; -} - -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type { -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]), -.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type[checked] { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked], -.inspector-breadcrumbs-button:last-of-type[checked]:hover:active { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch; -} - -/* Highlighter toolbar - breadcrumbs - RTL */ - -.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type { -} - -.inspector-breadcrumbs-button:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch; -} - -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch; -} - -.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl), -.inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { - -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; -} - -/* Highlighter toolbar - HTML Tree */ - -#inspector-treepanel-toolbutton { - list-style-image: url("chrome://browser/skin/devtools/treepanel-button.png"); - -moz-image-region: rect(0 18px 16px 0); -} - -#inspector-treepanel-toolbutton[checked], -#inspector-treepanel-toolbutton:hover { - -moz-image-region: rect(0 36px 16px 18px); -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl), -#inspector-treepanel-toolbutton:-moz-locale-dir(ltr) { -/* border-radius: 3px 0 0 3px;*/ -} - -#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr), -#inspector-treepanel-toolbutton:-moz-locale-dir(rtl) { -/* border-radius: 0 3px 3px 0;*/ -} - -/* Highlight toolbar - Option menu */ - -#inspector-option-toolbarbutton:-moz-focusring { - outline: 1px dotted #008484; - outline-offset: -2px; -} - html|*#gcli-tooltip-frame, html|*#gcli-output-frame { padding: 0; @@ -3162,6 +2857,14 @@ html|*#gcli-output-frame { /* Developer Toolbar */ +#developer-toolbar-toolbox-button { + min-width: 18px; +} + +#developer-toolbar-toolbox-button > .toolbarbutton-text { + display: none; +} + .developer-toolbar-button { min-width: 78px; min-height: 21px; @@ -3177,37 +2880,13 @@ html|*#gcli-output-frame { .developer-toolbar-button[checked=true] { } -#developer-toolbar-webconsole { - -moz-image-region: rect(0, 16px, 16px, 0); -} - -#developer-toolbar-inspector { - -moz-image-region: rect(16px, 16px, 32px, 0); -} - -#developer-toolbar-styleeditor { - -moz-image-region: rect(32px, 16px, 48px, 0); -} - -#developer-toolbar-debugger { - -moz-image-region: rect(48px, 16px, 64px, 0); -} - -#developer-toolbar-other-tools { - -moz-image-region: rect(64px, 16px, 80px, 0); -} - -#developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker { - display: none; -} - #developer-toolbar-toolbox-button { -moz-image-region: rect(64px, 16px, 80px, 0); } /* Error counter */ -#developer-toolbar-webconsole[error-count]:before { +#developer-toolbar-toolbox-button[error-count]:before { color: #000000; min-width: 16px; text-shadow: none; @@ -3218,6 +2897,10 @@ html|*#gcli-output-frame { /* Social toolbar item */ +#social-provider-button { + -moz-image-region: rect(0, 16px, 16px, 0); +} + #social-provider-button > .toolbarbutton-menu-dropmarker { display: none; } @@ -3572,3 +3255,17 @@ chatbox[minimized="true"] { .center-item-button { min-width: 0; } + +#main-window[privatebrowsingmode=temporary] #toolbar-menubar { + background-image: url("chrome://browser/skin/privatebrowsing-dark.png"); + background-position: top right; + background-repeat: no-repeat; +} + +#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) { + background-position: top left; +} + +#main-window[privatebrowsingmode=temporary] #appmenu-button { + list-style-image: url("chrome://browser/skin/privatebrowsing-light.png"); +} diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 021f2532..8bfe5c39 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -3,6 +3,11 @@ * 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/. */ +/* Font for code */ +.devtools-monospace { + font: 12px "Liberation Mono", Consolas, "Courier New", monospace; +} + /* Toolbar and Toolbar items */ .devtools-toolbar { @@ -28,6 +33,10 @@ devtools-menulist:-moz-focusring, min-width: 20px; } +.devtools-toolbarbutton:not([label]) > .toolbarbutton-text { + display: none; +} + .devtools-toolbarbutton:not([checked=true]):hover:active { } @@ -86,9 +95,10 @@ devtools-menulist:-moz-focusring, -moz-box-align: center; } -/* Search input */ +/* Text input */ /* +.devtools-textinput, .devtools-searchinput { -moz-appearance: none; margin: 0 3px; @@ -96,17 +106,22 @@ devtools-menulist:-moz-focusring, box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1); border-radius: 2px; background-color: transparent; - background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); + background-image: -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); + padding: 3px; + transition-property: background-color, border-color, box-shadow; + transition-duration: 150ms; + transition-timing-function: ease; + color: inherit; +} + +.devtools-searchinput { + background-image: url(magnifying-glass.png), linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35)); background-repeat: no-repeat; background-position: 4px center, top left, top left; padding-top: 0; padding-bottom: 0; -moz-padding-start: 18px; -moz-padding-end: 12px; - transition-property: background-color, border-color, box-shadow; - transition-duration: 150ms; - transition-timing-function: ease; - color: inherit; } .devtools-searchinput[focused] { @@ -160,6 +175,111 @@ devtools-menulist:-moz-focusring, position: relative; } +/* In-tools sidebar */ + +.devtools-sidebar-tabs { +} + +.devtools-sidebar-tabs > tabpanels { + padding: 0; + border: 0; +} + +.devtools-sidebar-tabs > tabs { + position: static; + overflow: hidden; +} + +.devtools-sidebar-tabs > tabs > .tabs-right, +.devtools-sidebar-tabs > tabs > .tabs-left { + display: none; +} + +.devtools-sidebar-tabs > tabs > tab { + min-width: 78px; + text-align: center; + -moz-box-flex: 1; + position: static; +} + +.devtools-sidebar-tabs > tabs > tab:-moz-focusring { + position: static; +} + +.devtools-sidebar-tabs > tabs > tab:last-of-type { + -moz-border-end-width: 0; +} + +.devtools-sidebar-tabs > tabs > tab:first-of-type { + -moz-margin-start: 0; +} + +.devtools-sidebar-tabs > tabs > tab { +} + +.devtools-sidebar-tabs:-moz-locale-dir(rtl) > tabs > tab { +} + +.devtools-sidebar-tabs > tabs > tab { +} + +.devtools-sidebar-tabs > tabs > tab:hover { +} + +.devtools-sidebar-tabs > tabs > tab:hover:active { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true] + tab { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true] + tab:hover:active { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true] { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true]:hover { +} + +.devtools-sidebar-tabs > tabs > tab[selected=true]:hover:active { +} + +/* Theme */ + +.devtools-theme-background { + background-color: #000000; + color: #FF9F00; +} + +.devtools-theme-comment { + color: #A09090; /* original: grey */ +} + +.devtools-theme-keyword { + color: #8050B0; /* original: purple */ +} + +.devtools-theme-string { + color: #E7ADE7; /* original: green */ +} + +.devtools-theme-tagname { + color: #FFCF00; /* original: dark blue */ +} + +.devtools-theme-attrname { + color: #9C9CFF; /* original: blue */ +} + +.devtools-theme-attrvalue { + color: #C09070; /* original: orange */ +} + +/* LCARStrek-specific adaptions */ + #profiler-chrome { /* HACK for profiler in the dev toolbox in FF 20+. */ margin: -3px; @@ -167,4 +287,4 @@ devtools-menulist:-moz-focusring, #profiler-chrome > box > box > .devtools-toolbar { border-bottom: none; -} \ No newline at end of file +} diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css index 89c26eb8..a8e06624 100644 --- a/LCARStrek/browser/devtools/csshtmltree.css +++ b/LCARStrek/browser/devtools/csshtmltree.css @@ -5,6 +5,7 @@ :root { background: #000000; color: #FF9F00; + font: 12px "Liberation Mono", Consolas, "Courier New", monospace; } /* Take away these two :visited rules to get a core dumper */ diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 3b8f7d65..d7618456 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -17,7 +17,7 @@ window { */ #chrome-globals, #sources { - min-width: 150px; + width: 200px; } /** @@ -56,6 +56,11 @@ window { #globalsearch { background-color: #000000; + min-height: 10px; +} + +#globalsearch > vbox:not(:empty) { + min-height: 10px; max-height: 150px; } @@ -114,6 +119,10 @@ window { transform: scale(1.75, 1.75); } +/** + * Searchbox panel + */ + #searchbox-panel .description { margin: -6px 0 8px; } @@ -130,6 +139,48 @@ window { padding-bottom: 1px; } +/** + * Filtered sources panel + */ + +#filtered-sources-panel { + padding: 4px; +} + +.dbg-source-item { + border: 1px solid #A09090; + border-top-color: #8050B0; +} + +.dbg-source-item.selected { +} + +.dbg-source-item:first-of-type { + border-top-color: #9C9CFF; + border-radius: 4px 4px 0 0; +} + +.dbg-source-item:last-of-type { + border-radius: 0 0 4px 4px; +} + +.dbg-source-item:only-of-type { + border-radius: 4px 4px 4px 4px; +} + +.dbg-source-item:not(:hover) { +/* text-shadow: 0 1px #fff;*/ +} + +.dbg-source-item-name { + color: #9C9CFF; + font-weight: 600; +} + +.dbg-source-item-details { + color: #FF9F00; +} + /** * Stack frames and breakpoints pane */ @@ -410,7 +461,7 @@ window { * Variables and properties searching */ -#variables .devtools-searchinput { +.variables-searchinput.devtools-searchinput { min-height: 24px; } diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css index 059a17e8..15a1741b 100644 --- a/LCARStrek/browser/devtools/inspector.css +++ b/LCARStrek/browser/devtools/inspector.css @@ -6,116 +6,161 @@ window { border-top: none; } -/* #inspector-inspect-toolbutton { list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); - -moz-image-region: rect(0px 16px 16px 0px); + -moz-image-region: rect(0 16px 16px 0); } -#inspector-inspect-toolbutton[checked=true] { - -moz-image-region: rect(0px 32px 16px 16px); +#inspector-inspect-toolbutton[checked=true], +#inspector-inspect-toolbutton:hover { + -moz-image-region: rect(0 32px 16px 16px); } -/* Highlighter toolbar - breadcrumbs * +/* Highlighter toolbar - breadcrumbs */ #inspector-breadcrumbs { -moz-margin-end: 3px; /* A fake 1px-shadow is included in the border-images of the inspector-breadcrumbs-buttons, to match toolbar-buttons style. This negative margin compensate the extra row of pixels created - by the shadow.* - margin: -1px 0; + by the shadow.*/ + /*margin: -1px 0;*/ } #inspector-breadcrumbs > .scrollbutton-up, #inspector-breadcrumbs > .scrollbutton-down { - -moz-appearance: none; - border: 1px solid hsla(210,8%,5%,.45); - background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box; - box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15); - margin: 1px 0 1px; + min-height: 25px; + margin-top: 0; + margin-bottom: 0; +} + +#inspector-breadcrumbs > .scrollbutton-up { + -moz-margin-end: 1px; +} + +#inspector-breadcrumbs > .scrollbutton-down { + -moz-margin-end: 0; } #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover, #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover { - border-color: hsla(210,8%,5%,.6); - background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3)); - box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15); } #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon, #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon { - -moz-appearance: none; - list-style-image: url("chrome://browser/skin/devtools/breadcrumbs-scrollbutton.png"); - -moz-image-region: rect(0px 7px 16px 0px); - margin: 0 5px; + /* margin: 0 5px; */ } #inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon, #inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon { - opacity: 0.5; } #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { - -moz-image-region: rect(0px 14px 16px 7px); +} + +#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +#inspector-breadcrumbs > .scrollbutton-up:-moz-locale-dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +#inspector-breadcrumbs > .scrollbutton-down:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { - transform: scaleX(-1); +/* transform: scaleX(-1); */ } .inspector-breadcrumbs-button { - -moz-appearance: none; - background-color: transparent; + background-color: #000000; + border-radius: 0; border-style: solid; border-width: 2px 13px; outline: none; - color: hsl(210,30%,85%); - width: 85px; /* Can't use max-width. See bug 723132 * - /* The content of the button can be larger than the button * + color: #FF9F00; + width: 85px; /* Can't use max-width. See bug 723132 */ + /* The content of the button can be larger than the button */ overflow: hidden; min-height: 25px; margin: 0 -11px 0 0; padding: 0 9px; } +.inspector-breadcrumbs-button:hover { + background-color: #FFCF00; + color: #000000; +} + +.inspector-breadcrumbs-button[checked]:not(:hover) { + background-color: #008484; + color: #000000; +} + +.inspector-breadcrumbs-button[siblings-menu-open], +.inspector-breadcrumbs-button:active { + background-color: #FF9F00; + color: #000000; +} + .inspector-breadcrumbs-button:-moz-focusring > .button-box { border-width: 0; } .inspector-breadcrumbs-button:-moz-focusring > label { - border-bottom: 1px dotted hsla(210,30%,85%,0.4); + border-bottom: 1px dotted #008484; } .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag { - color: hsl(200,100%,60%); + /*color: hsl(208,100%,60%); */ } .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id { - color: hsl(200,100%,70%); + /*color: hsl(205,100%,70%); */ } .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes { - color: hsl(20, 100%, 70%); + color: #FF9F00; } .inspector-breadcrumbs-id, .inspector-breadcrumbs-classes { - color: #8d99a6; + /*color: #8d99a6; */ } .inspector-breadcrumbs-pseudo-classes { - color: hsl(20, 100%, 85%); + color: #FFCF00; +} + +/* fit height of other buttons to breadcrumbs */ +#inspector-toolbar .devtools-toolbarbutton, +#highlighter-closebutton, +#inspector-option-toolbarbutton { + min-height: 25px; } -/* Highlighter toolbar - breadcrumbs - LTR * +/* Highlighter toolbar - breadcrumbs - LTR */ + +.inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { +} .inspector-breadcrumbs-button { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]), .inspector-breadcrumbs-button:not([checked]):hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch; } @@ -124,6 +169,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[checked][siblings-menu-open], .inspector-breadcrumbs-button[checked]:hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch; } @@ -132,6 +178,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]), .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch; } @@ -140,6 +187,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked], .inspector-breadcrumbs-button:first-of-type[checked]:hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch; } @@ -148,14 +196,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch; } -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { - border-left-width: 0; -} - -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type { - border-right-width: 0; -} - +.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]), .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch; } @@ -164,16 +205,21 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked], .inspector-breadcrumbs-button:last-of-type[checked]:hover:active { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch; } -/* Highlighter toolbar - breadcrumbs - RTL * +/* Highlighter toolbar - breadcrumbs - RTL */ + +.inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type { +} .inspector-breadcrumbs-button:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:not([checked]):-moz-locale-dir(rtl), .inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch; } @@ -182,6 +228,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[checked][siblings-menu-open]:-moz-locale-dir(rtl), .inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch; } @@ -190,6 +237,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type:not([checked]):-moz-locale-dir(rtl), .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch; } @@ -198,6 +246,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:first-of-type[checked]:-moz-locale-dir(rtl), .inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch; } @@ -206,14 +255,10 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch; } -#inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type { - border-right-width: 0; -} - #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) { - border-left-width: 0; } +.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type:not([checked]):-moz-locale-dir(rtl), .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch; } @@ -222,7 +267,7 @@ window { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch; } +.inspector-breadcrumbs-button[siblings-menu-open]:last-of-type[checked]:-moz-locale-dir(rtl), .inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch; } -*/ \ No newline at end of file diff --git a/LCARStrek/browser/devtools/layout-background.png b/LCARStrek/browser/devtools/layout-background.png deleted file mode 100644 index 6991cc0f2ab221e7488be16c3f9e4aa4d6228e73..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 981 zcmV;`11kK9P)y@%BDT)H`J*U$N?>)QSj&)sG*Oe^Gn5Kznx7)F88^#!>X+mpFmSrr< zf^&}3>BKM$EXzU&fxhpNQW8QS%QA!zeEIT)BuS7_6mhv+`1qQA#n6BUM!)gy8AviMp=o z`~HSOUDv$4ydZ>l`<0Z;^Ncjc;JrsFMb~xA^Gs0`SZjHGeWk8zq?Fv>-}CzVijV94L{Y@U!vj$ip?>-8)BB(N2q8Ee4h+M9bMD4g2!YGxf>H`=Ek#iTfh0+YH`&3?T$$*L4iTK;QQ_&Z??H zDaC%jrz}f`VW21qwr%74_wRIFhf<0pNl4R_JkN2?p+5cj*ZZH~g%ED1Ow+`&EO_s^ zySpQbB8)Kr9FIqwbN`!}rs>U1t@RC!d7jy}4XrhC9N+5C&(BzENz)W#3~8Dogur`` zbB;XEk>~T7IF6a;nd9+zi=U=x$n%`@`Hc4-V+>VQF^(f`+cJ(L)>^#x0DSxQ?M+$R zw)B0E5Q4kAJC4WW4GVy2n#i(@%jH5{*J!PA&hg>H2SNz!b~}oqK>hmZkM~g&aXOvo z`=0Cdddn^EJ^THhWmy=8;TBWZ>lLLGLWtYqaUA&%hHv{do)ciN00000NkvXXu0mjf DG;`Ue diff --git a/LCARStrek/browser/devtools/layout-buttons.png b/LCARStrek/browser/devtools/layout-buttons.png deleted file mode 100644 index 287fb71a005d11e2ed0eb5c5af3251f6addc003c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8Jz=|JZH`3$YbmXm=j z#*!evUYh7ML)50LT#kH}&M25w;xW@MN(M*=9wUgGKN%6^AkR!D^< zAf}uhC}iO2;uyklJvre3@0PH&QH+OfNN8^k%V=$5lJs62mf_3GY}CNgahO4f&GYf) cK4}I9$ye&jU7opj1NAa^y85}Sb4q9e0Ld*bQ2+n{ diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/browser/devtools/layoutview.css index 643dd0b4..5c4b6493 100644 --- a/LCARStrek/browser/devtools/layoutview.css +++ b/LCARStrek/browser/devtools/layoutview.css @@ -3,7 +3,7 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ body { - background: url("layout-background.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%); + background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%); color: #FF9F00; border-top: 1px solid #9C9CFF; -moz-box-sizing: border-box; @@ -42,17 +42,3 @@ body { border-style: solid; border-color: #9C9CFF; } - -#togglebutton { - background-image: url("layout-buttons.png"); - width: 16px; - height: 16px; -} - -body.open { - background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%); -} - -body.open > #header > #togglebutton { - background-position: -16px 0; -} diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css index 0db50295..8e7c1551 100644 --- a/LCARStrek/browser/devtools/markup-view.css +++ b/LCARStrek/browser/devtools/markup-view.css @@ -8,7 +8,6 @@ } body { - font: message-box; background-color: #000000; color: #FF9F00; } @@ -68,6 +67,10 @@ li.container { background-image: url("chrome://global/skin/tree/twisty-open.gif"); } +.more-nodes { + padding-left: 16px; +} + .styleinspector-propertyeditor { border: 1px solid #9C9CFF; } diff --git a/LCARStrek/browser/devtools/splitview.css b/LCARStrek/browser/devtools/splitview.css index fc6f2eee..d936579c 100644 --- a/LCARStrek/browser/devtools/splitview.css +++ b/LCARStrek/browser/devtools/splitview.css @@ -95,7 +95,7 @@ .splitview-landscape-resizer { -moz-appearance: none; width: 7px; - background-image: -moz-linear-gradient(left, #000000 1px, #FFCF00 1px); + background-image: linear-gradient(left, #000000 1px, #FFCF00 1px); background-size: 2px 15px; background-clip: padding-box; background-repeat: repeat-x; @@ -112,7 +112,7 @@ .splitview-portrait-resizer { -moz-appearance: none; - background: -moz-linear-gradient(top, #000000 1px, #FFCF00 1px); + background: linear-gradient(top, #000000 1px, #FFCF00 1px); height: 12px; background-size: 10px 2px, 100% 12px; background-clip: content-box, border-box; diff --git a/LCARStrek/browser/devtools/tool-debugger.png b/LCARStrek/browser/devtools/tool-debugger.png new file mode 100644 index 0000000000000000000000000000000000000000..2ed0b615031abc5952da912bdfd34e9ec1a6fad8 GIT binary patch literal 183 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E06|)rRh7*11ZLmAirP+ zhi5m^K%69RcNc~ZR#^`qhqJ&VvY3H^TNs2H8D`Cq01C2~c>21s-(}_!X3;FVUcUq= zq~+=27{YNqIROal4jlO3=y21s-(}_!vQ$V=eA)>V zlJ|6R4B@z*oB#wY%D?3mQWO}STC1nSvr$Ih?KEA9tW%HZkh=d#Wzp$Pzb CG9u>y literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/tool-profiler.png b/LCARStrek/browser/devtools/tool-profiler.png new file mode 100644 index 0000000000000000000000000000000000000000..8e96565d85e80a91ec2597f81cd0f334e6b4c950 GIT binary patch literal 189 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E06|)rRh7*11ZLmAirP+ zhi5m^K%69RcNc~ZR#^`qhqJ&VvY3H^TNs2H8D`Cq01C2~c>21s-(}_!=3r*M`Lhlv zWZ>!I7{YNqIROal4jlO3=;+jRu%X@2u~qS4ui{4D7NHvwA`uQv4w?&?78tRyF>K$? VKL3o?OppT^JYD@<);T3K0RR-}E`tC7 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/tool-styleeditor.png b/LCARStrek/browser/devtools/tool-styleeditor.png new file mode 100644 index 0000000000000000000000000000000000000000..b08a2e74874fba461be91b2fc39cc6a9a0289cd8 GIT binary patch literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E06|)rRh7*11ZLmAirP+ zhi5m^K%69RcNc~ZR#^`qhqJ&VvY3H^TNs2H8D`Cq01C2~c>21s-(}_!vKD1o;;aD_ zGWK+F4B@z*oRE;P;{UOL|ML_b=P4fSQ(V}l_>kTC5qsMccAk^s5|el(gbu9u$IM}9 az`zi9fv;Ej^!iw!b_P#ZKbLh*2~7ZnRWDEg literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/tool-webconsole.png b/LCARStrek/browser/devtools/tool-webconsole.png new file mode 100644 index 0000000000000000000000000000000000000000..66123f515d18924197077fda3d7181cf98caa261 GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E06|)rRh7*11ZLmAirP+ zhi5m^K%69RcNc~ZR#^`qhqJ&VvY3H^TNs2H8D`Cq01C2~c>21s-(}_!X5+1S^z%DV zNYm5BF@)oKasmT$9UI#>HnwNXJU#pp5_Sd#Aq^MV1;jNtraWq2k<7rbT8Z7YtKp0V PP!ofvtDnm{r-UW|Lrf@& literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css index 8e5ea9cc..60941e05 100644 --- a/LCARStrek/browser/devtools/toolbox.css +++ b/LCARStrek/browser/devtools/toolbox.css @@ -6,8 +6,14 @@ window { padding: 0; } -#toolbox-tabs { - margin: 0; +#toolbox-controls { + margin: 0 2px; +} + +#toolbox-controls > toolbarbutton, +#toolbox-dock-buttons > toolbarbutton { + min-width: 16px; + padding: 1px 3px; } #toolbox-dock-bottom { @@ -29,7 +35,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); } @@ -46,6 +52,35 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } +#toolbox-dock-window, +#toolbox-dock-bottom, +#toolbox-dock-side, +#toolbox-close { +} + +#toolbox-dock-window:hover, +#toolbox-dock-bottom:hover, +#toolbox-dock-side:hover, +#toolbox-close: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-responsive { list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -85,24 +120,35 @@ 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: 88px; + /* min-height: 22px; */ + color: #000000; margin: 0; -moz-margin-end: 3px; - -moz-padding-start: 5px; background-color: #C09070; - color: #000000; + border-radius: 8px 8px 0 0; } -.devtools-tab[selected=true] { - background-color: #008484; - color: #000000; +.devtools-tab > .radio-label-center-box > .radio-label-box { + padding: 0 6px; + border-radius: 8px 8px 0 0; +} + +.devtools-tab > .radio-label-center-box > .radio-label-box > .radio-icon { + -moz-margin-end: 6px; +} + +.devtools-tab:hover > .radio-label-center-box > .radio-label-box > .radio-icon { +} + +.devtools-tab:active > .radio-label-center-box > .radio-label-box > .radio-icon, +.devtools-tab[selected=true] > .radio-label-center-box > .radio-label-box > .radio-icon { } .devtools-tab:hover, @@ -116,6 +162,7 @@ window { color: #000000; } -.devtools-tab > .radio-label-box { - -moz-margin-start: 0px +.devtools-tab[selected=true] { + background-color: #008484; + color: #000000; } diff --git a/LCARStrek/browser/devtools/treepanel-button.png b/LCARStrek/browser/devtools/treepanel-button.png deleted file mode 100644 index d79c1c3cf1218ca326a22140f9fbd4f775a22134..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 194 zcmeAS@N?(olHy`uVBq!ia0vp^DnKm2#0(^vTTM3rDaPU;cPEB*=VV?2Ih+ALA+8Jz z=|JZH^9=SKDaS!7N`m}?862M7NCR<_yxmzopr0KV@q(f|Me diff --git a/LCARStrek/browser/devtools/dock-window.png b/LCARStrek/browser/devtools/undock.png similarity index 100% rename from LCARStrek/browser/devtools/dock-window.png rename to LCARStrek/browser/devtools/undock.png diff --git a/LCARStrek/browser/privatebrowsing-dark.png b/LCARStrek/browser/privatebrowsing-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c76e354462616a60e45410f0b63350f1714b6762 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h#0(^7zF`dmQk(%kA+8Jz>2v1%|9_rg{{1?6 zpde#OkY6x^!?PP{AWo9Ey9+}HtE>k|d4We{F#`j)FbFd;%$g$s6l5>)^mS#w%giNg zA${_5_-&w2lBbJf2*>rQXAQX;40u>C_;33nq9^*rPV?x=KpR)Ri+7hUuwA-;Z^I0p z{+18SHCIIPG7Hw2t~7NwS)JxAJ@0B%;hA-u+|Totw5L3byL^~!%lzP%X>8)p-k9W_ fl2C~G^LcliM~%#@asfR{XE)7O>#E;E;~72h<8 zi<^K#I-V|$Asp9}6C9Xc)$s9r`^;}}l7c_xFTAnVBAsp9} z6B?M;g|3#62ys5VMPgZ7n=i9qqOyaM2sh(21}#Qyw(MqRhO>Nvce(najsvwZc)I$z JtaD0e0syZ}EDQhu delta 543 zcmV+)0^t3+0mlT87#j!%0000V^Z#K0000JJOGiWi{{a60|De66laWv!f7}cS6a+Om zAl~!<00GoVL_t(I%XO2#YZP%1#Xqz6gP15JNHl0XL6CStu+l;;1Q8o6JBx755XDM6 zJ0n=w*$EdG@$w%SY|<%64uhP9#6&9vO@xb0Ai>M--dODSd+eTfui1t9zL_^OZ-flO z&`=e^&_;o4z$F)21Kz62f4+a?Az3m|2A%`=8H^XeL*T$Ckqo&6dv z^6T|A3jc4f5)4@vNmsaj<~9Vdyxyd}cQNg+4}q#Qhb8&7dxLN78oQmd1Ien=EV};{ z;Aa1W*7no1Vef!Ec~$^?3lH44=N$tsSMG9a<_eZ4T9y+yDVspe4aWcq0+XX3Ieugn z$&&@BIZm3uxp4`Y17c?gd-uJ;^2RD6y{a)Vrz%U%{`q5amYxD0xtW}E;Z4``GgbNB hf06W`^e_yH{R8|?uhoQIRRaJ3002ovPDHLkV1g`B^gaLp diff --git a/LCARStrek/browser/webRTC-shareDevice-64.png b/LCARStrek/browser/webRTC-shareDevice-64.png index 83742607d9ce6f51b5903c6f2583b6635f5e73ce..a81d4c152439aafc90dba61b83b09af9e274b570 100644 GIT binary patch delta 253 zcmeyu)5|nLqMnJFfq~&V`%GUT#Tnoe;>y5~4rI=m^Z#V;hb2H3V@Z%-FoVOh8)+a; zlDE4HLkFv@2S|B=M`SSr1Gg{;GcwGYBLNg-FY)wsWxvbJC9Eg6lu@i1C{*j|;uvCa z`tGHTf(;5ht%?1Ud<*2I+zYs-FW6poa<0+Rk3468s~@-%_#u|dZu|d~nbYam1g9ro?7uSnRyuJZ?A6L&K$kFhy85}Sb4q9e0B6iy0{{R3 delta 1621 zcmV-b2CDgu0`v@!7#j!%00020X>r~F000JJOGiWi{{a60|De66laWv!f7}cS6ayQp zw?+H_00sd`L_t(|+U;9kXj@en|DBtgKW&m`b+sj~S?PjShT_CQE8BEVWlSF&WB8zm z2vK|xL$2c2NjW{pkRX8$av$xU)|edx(@ zlH7Ze`?ss<2bT-YO~3Q|f1Tg=o$q`(m%u@b#}(4fbFmmvoEj5x5U>}(AieWU0+6P6 z+X*2yf^Gyn2;en(=UE!S33_iL#A-5##lTt6EMNhEA3zv@yT!jM0muNz0jM+(a+3_J zh#(e$_feox26PvINE?9B1|f3*@(dXX0O?qa6xNjhX4c059HRt8f7*z1qb5-@5&$Lu zOqo>!v1rzh0eH|x;A%virzDtC12F-fo%JCLq;4cMQmh(`kU&g;KThvHtgjVlD2y8+ zfoyQ_rb!?M!8;l6dh>!V5(I-Yf2)B9vl<--Fh<90UIDkT>@5igq67RW1#f8O5QQAV z!PDsXPr>6_fj~;yf9bsv!0gfyT+Qt<;!2?;Txf>`(xS+T0{95PLjXJgTzW?%5DE7T zoWRc8KZM^iuj{*4R-VL}Y`(=j^C?G0anC)B=jxDBCn#yf15NP)a9+1Onrjc<)fD8 z1JZ`{MZHyC$afh}-Mt%bSI)A`rYHh_N`8aX@?pKzVwo2TLL1W8UE=N=idhOC00^mI z-_Q#noaCuu?pC27s?0vSk1y*bAm~YAATX)<-WSVZ|nI1_YS-ZLMqxx zNnA#^JA+(tf4iO`l^INlcwDJdfvBN?c3M}>nTHgxXXs_FjL*$}p(^9~>|>}XZtM!b z)1q=K>t2EBrHV;t0bbXd-{-%GZ9P9~em=8wlpDj-^W(Uh8|C`w*1wt%-oy$V`O8+9 zXjAF;TU0P&%OvM_&lzzov)I^XZDR;{jLN^2t(L;bf0x4MR|8|^h>Ko>6eF|i(85_oFNaAjwPSmSt*PdZTu(=_?igtsxhR;GT8&jWDgjg z-QnJ^5e}Z^?|J23GXknAJVA@3wH% zf%BaDe<6g^$*=U*0Cmx*rgBlEEOxBH8S?&#N25p3+x0v5xnHh)jG3jU&A4)_VHMkW z*v6S(#KAicA?Tgq7f-3rkyw1ztUI@!?Xb%U@Q3btoC_WRE@j@vU;jLBg-e&=o}e8G zZ~yRf=tDksq{r+bH9e?%noo%SA94&c{?H}TuT8& zf7{x13F~OA%2kt~!o-IH8_p12Uwr^Sr#`La1fc+t)GF_VfA`t}Tv5TNNR(X%)V6!<-9j1Inzf1o!B!l+RJK~~y<3+eZem3CO^R?)zwSqMo? z7`Uw77`cdq9&Z9$e19~ABLRV;stgPI0J0kRroDhO%V8}a5mLMA^OXI|A8#`x(Riu0 zjclt59k3F`P{kv)+zm1+n84a^?D7UCK&BWb)Mj6EJ500WRP~E?=+XgWCsOl}e*~`| z&=?99DWTSNSCraiq8qO@^IYk-+72TYBT783R2lTb{XE)7O>#E;E;~y1?Y> zhOb~7`>Sw6wL UTzyf;fw~wxUHx3vIVCg!0MJP)%>V!Z literal 0 HcmV?d00001 -- 2.43.0