From: Robert Kaiser Date: Fri, 21 Nov 2014 21:43:57 +0000 (+0100) Subject: second part of syncing LCARStrek with Firefox 34 windows theme changes X-Git-Tag: LCARStrek-2.31~6^2~1 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=a21f2959e83ccf2205d47a86451bb082cb3aef31;p=themes.git second part of syncing LCARStrek with Firefox 34 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index e7559224..a9c2f353 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -4106,6 +4106,105 @@ html|*#gcli-output-frame { background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } +/* FxOS custom mode with additional buttons and phone look'n feel */ + +/* Hide devtools manual resizer */ +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH, +.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV { + display: none; +} + +/* Gives responsive mode a phone look'n feel */ +.browserStack[responsivemode].fxos-mode { + padding: 60px 15px 0; + + border-radius: 25px / 20px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid #FFFFFF; + border-bottom-width: 0; + + background-color: #353535; + + box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset; + + background-image: linear-gradient(to right, #111 11%, #333 56%); + min-width: 320px; +} + +.devtools-responsiveui-hardware-buttons { + -moz-appearance: none; + padding: 20px; + + border: 1px solid #FFFFFF; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border-top-width: 0; + + box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset; + + background-image: linear-gradient(to right, #111 11%, #333 56%); +} + +.devtools-responsiveui-home-button { + width: 40px; + height: 30px; + list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); +} + +.devtools-responsiveui-sleep-button { + -moz-appearance: none; + /* compensate browserStack top padding */ + margin-top: -67px; + margin-right: 10px; + + min-width: 10px; + width: 50px; + height: 5px; + + border: 1px solid #444; + border-top-right-radius: 12px; + border-top-left-radius: 12px; + border-bottom-color: transparent; + + background-image: linear-gradient(to top, #111 11%, #333 56%); +} + +.devtools-responsiveui-sleep-button:hover:active { + background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); +} + +.devtools-responsiveui-volume-buttons { + margin-left: -29px; +} + +.devtools-responsiveui-volume-up-button, +.devtools-responsiveui-volume-down-button { + -moz-appearance: none; + border: 1px solid red; + min-width: 8px; + height: 40px; + + border: 1px solid #444; + border-right-color: transparent; + + background-image: linear-gradient(to right, #111 11%, #333 56%); +} + +.devtools-responsiveui-volume-up-button:hover:active, +.devtools-responsiveui-volume-down-button:hover:active { + background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); +} + +.devtools-responsiveui-volume-up-button { + border-top-left-radius: 12px; +} + +.devtools-responsiveui-volume-down-button { + border-bottom-left-radius: 12px; +} + @media (min-resolution: 2dppx) { .devtools-responsiveui-resizebarV { background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 26ee2bc1..01cedd1c 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -240,7 +240,7 @@ panelview:not([mainview]) .toolbarbutton-text, #PanelUI-contents { display: block; - flex: 1 0 auto; + flex: 1 0 main-size; margin-left: auto; margin-right: auto; max-width: 22.35em; @@ -868,13 +868,13 @@ toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button toolbarbutton[panel-multiview-anchor="true"] { background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); - background-position: right 5px center; + background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; background-repeat: no-repeat; } toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) { background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png"); - background-position: left 5px center; + background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; } toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, @@ -1290,6 +1290,10 @@ menuitem[type="checkbox"].subviewbutton { height: 18px; } +menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { +/* transform: scaleX(-1); */ +} + .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { padding: 0 6px; } @@ -1302,10 +1306,6 @@ menuitem[type="checkbox"].subviewbutton { -moz-padding-start: 0; } -.subviewbutton.bookmark-item > .toolbarbutton-icon { - -moz-margin-start: 3px; -} - /* subviewbutton entries for social sidebars have images that come from external /* sources, and are not guaranteed to be the size we want, so force the size on /* those icons. */ diff --git a/LCARStrek/browser/devtools/app-manager/device.css b/LCARStrek/browser/devtools/app-manager/device.css index 5699c575..77c70eb6 100644 --- a/LCARStrek/browser/devtools/app-manager/device.css +++ b/LCARStrek/browser/devtools/app-manager/device.css @@ -192,7 +192,7 @@ button { } .permission-table-header > div:first-child { - text-align: left; + text-align: start; padding-left: 10px; flex-basis: 30%; } @@ -231,7 +231,7 @@ button { } .permission > div:first-child { - text-align: left; + text-align: start; padding: 3px 10px; flex-basis: 30%; font-weight: bold; @@ -278,7 +278,7 @@ button { display: flex; padding: 15px 10px; display: block; - text-align: left; + text-align: start; flex-grow: 1; } diff --git a/LCARStrek/browser/devtools/commandline.css b/LCARStrek/browser/devtools/commandline.css index cae01b8d..6f918cbd 100644 --- a/LCARStrek/browser/devtools/commandline.css +++ b/LCARStrek/browser/devtools/commandline.css @@ -137,7 +137,7 @@ .gcli-menu-more { font-size: 80%; - text-align: right; + text-align: end; -moz-padding-end: 8px; } diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 72b61f3c..c807c7a6 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -91,7 +91,7 @@ notification { } .devtools-autocomplete-listbox > richlistitem > .autocomplete-count { - text-align: right; + text-align: end; } /* Rest of the dark and light theme */ diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index 279ce70f..3b13d347 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -634,10 +634,6 @@ div.CodeMirror span.eval-text { -moz-border-end-width: 0; } -.devtools-sidebar-tabs > tabs > tab:first-of-type { - -moz-margin-start: 0; -} - .devtools-sidebar-tabs > tabs > tab { } @@ -665,12 +661,7 @@ div.CodeMirror span.eval-text { .devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active { } -.devtools-sidebar-tabs > tabs > tab[selected] { -} - -.devtools-sidebar-tabs > tabs > tab[selected]:hover { -} - +.devtools-sidebar-tabs > tabs > tab[selected], .devtools-sidebar-tabs > tabs > tab[selected]:hover:active { } diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 61be1a37..78829cb9 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -187,6 +187,10 @@ window { color: #FF9F00; /* Light foreground text */ } +.trace-item.black-boxed { + color: #A09090; +} + .trace-item.selected-matching { background-color: #004242; /* Select highlight blue at 40% alpha */ } diff --git a/LCARStrek/browser/devtools/responsiveui-home.png b/LCARStrek/browser/devtools/responsiveui-home.png new file mode 100644 index 00000000..43379d0e Binary files /dev/null and b/LCARStrek/browser/devtools/responsiveui-home.png differ diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css index df694709..32443e5e 100644 --- a/LCARStrek/browser/devtools/ruleview.css +++ b/LCARStrek/browser/devtools/ruleview.css @@ -8,7 +8,7 @@ .ruleview-rule-source { -moz-padding-start: 5px; - text-align: right; + text-align: end; float: right; -moz-user-select: none; } diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css index a93d2fc2..82c11107 100644 --- a/LCARStrek/browser/devtools/webaudioeditor.css +++ b/LCARStrek/browser/devtools/webaudioeditor.css @@ -40,7 +40,26 @@ svg { stroke-width: 1px; fill: none; - stroke: #9C9CFF; /* Grey foreground text */ + stroke: #A09090; /* Grey foreground text */ +} + +/* AudioParam connection edges */ +g.edgePath.param-connection { + stroke-dasharray: 5,5; +} + +.edgePath.param-connection path { + stroke: #A09090; /* Grey foreground text */ +} + +/* Labels in AudioParam connection should have background that match + * the main background so there's whitespace around the label, on top of the + * dotted lines. */ +g.edgeLabel rect { + fill: #000000; +} +g.edgeLabel tspan { + fill: #9C9CFF; /* Grey foreground text */ } /* Audio Nodes */ @@ -77,6 +96,10 @@ g.selected text { * Inspector Styles */ +#web-audio-inspector-title { + margin: 6px; +} + .web-audio-inspector .error { background-image: url("alerticon-warning.png"); background-size: 13px 12px; diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index 056424c1..c2daa2ff 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -32,24 +32,24 @@ a { .message { display: flex; - flex: 0 0 auto; + flex: none; padding: 0 7px; width: 100%; box-sizing: border-box; } .message > .timestamp { - flex: 0 0 auto; + flex: none; color: #8050B0; margin: 4px 6px 0 0; } .message > .indent { - flex: 0 0 auto; + flex: none; } .message > .icon { - flex: 0 0 auto; + flex: none; margin: 3px 6px 0 0; padding: 0 4px; height: 1em; @@ -81,7 +81,7 @@ a { /* The red bubble that shows the number of times a message is repeated */ .message-repeats { -moz-user-select: none; - flex: 0 0 auto; + flex: none; margin: 2px 6px; padding: 0 6px; height: 1.25em; @@ -99,7 +99,7 @@ a { .message-location { display: flex; - flex: 0 0 auto; + flex: none; align-self: flex-start; justify-content: flex-end; width: 10em; @@ -122,7 +122,7 @@ a { } .message-location > .line-number { - flex: 0 0 auto; + flex: none; } .hud-msg-node[selected="true"] > .webconsole-timestamp, @@ -141,7 +141,7 @@ a { .message-flex-body > .message-body { display: block; - flex: 1 1 auto; + flex: 1 1 main-size; vertical-align: middle; } @@ -250,11 +250,11 @@ a { } .message[category=network] .method { - flex: 0 0 auto; + flex: none; } .message[category=network]:not(.navigation-marker) .url { - flex: 1 1 auto; + flex: 1 1 main-size; /* Make sure the URL is very small initially, let flex change width as needed. */ width: 100px; min-width: 5em; @@ -264,7 +264,7 @@ a { } .message[category=network] .status { - flex: 0 0 auto; + flex: none; -moz-margin-start: 6px; } @@ -464,7 +464,7 @@ a { .stacktrace .function { display: block; - flex: 1 1 auto; + flex: 1 1 main-size; } .cm-s-mozilla a[class] { diff --git a/LCARStrek/browser/devtools/webconsole_networkpanel.css b/LCARStrek/browser/devtools/webconsole_networkpanel.css index 4a8db600..4477b178 100644 --- a/LCARStrek/browser/devtools/webconsole_networkpanel.css +++ b/LCARStrek/browser/devtools/webconsole_networkpanel.css @@ -48,7 +48,7 @@ h1 .info { padding-right: 4px; color: #FF9F00; white-space: nowrap; - text-align: right; + text-align: end; vertical-align: top; width: 10%; } diff --git a/LCARStrek/browser/newtab/controls.png b/LCARStrek/browser/newtab/controls.png deleted file mode 100644 index c1d52d95..00000000 Binary files a/LCARStrek/browser/newtab/controls.png and /dev/null differ diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css index 1e42d934..ab7ef715 100644 --- a/LCARStrek/browser/newtab/newTab.css +++ b/LCARStrek/browser/newtab/newTab.css @@ -154,10 +154,6 @@ bottom: 0 !important; } -.newtab-site[type=sponsored] .newtab-title { - -moz-padding-end: 24px; -} - .newtab-site:hover .newtab-title { background-color: #FFCF00; } diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 24bed38f..e4c7e337 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -10,26 +10,10 @@ dialog, window, prefwindow, -.windowDialog, -page { +.windowDialog { background-color: #000000; } -* { - -moz-user-select: text; -} - -treecol { - /* override the * rule to let the treecol be sortable */ - -moz-user-select: none; -} - -caption { -} - -caption > label { -} - .main-content { padding: 1.5em 0 0; /* That padding needs to match the upper stripe. */ overflow: auto; @@ -56,218 +40,6 @@ prefpane { color: #FF9F00; } -prefpane > .content-box { - max-width: 800px; - overflow: visible; -} - -/* groupboxes */ - -groupbox { -} - -groupbox label { -} - -/* tabpanels and tabs */ - -tabpanels { -} - -tabs { -} - -.tabs-left, -.tabs-right { -} - -tab { -} - -tab[selected] { -} - -.tab-text { -} - -tab:not([selected]):hover > .tab-middle > .tab-text { -} - -tab:not([selected]):hover:active > .tab-middle > .tab-text { -} - -tab[selected] > .tab-middle > .tab-text { -} - -/* buttons and menulists */ - -button, -menulist { -} - -button:not([disabled]):hover, -menulist:not([disabled]):hover { -} - -button:not([disabled]):hover:active, -menulist[open="true"]:not([disabled]) { -} - -button[disabled], -menulist[disabled] { -} - -button > .button-box, -menulist > .menulist-label-box { -} - -button[type="menu"] > .button-box > .button-menu-dropmarker { -} -/* -.help-button { - min-width: 30px; - border-radius: 2px; - border: 1px solid #C1C1C1; - background-color: #FFCB00; - background-image: none; - box-shadow: none; -} - -.help-button:not([disabled="true"]):hover { - background-color: #F4C200; - background-image: none; -} - -.help-button:not([disabled="true"]):hover:active { - background-color: #EABA00; - background-image: none; -} - -.close-icon > .button-box, -.help-button > .button-box { - padding-top: 0; - padding-bottom: 0; - padding-right: 0 !important; - padding-left: 0 !important; -} -*/ -.help-button > .button-box > .button-icon { - width: 26px; - height: 26px; - background-image: url("chrome://browser/skin/preferences/in-content/help-glyph.png"); - background-position: center; -} - -@media (min-resolution: 2dppx) { - .help-button > .button-box > .button-icon { - background-size: 26px 26px; - background-image: url("chrome://browser/skin/preferences/in-content/help-glyph@2x.png"); - } -} - -.help-button > .button-box > .button-text { - display: none; -} - -.spinbuttons-button { -} - -.spinbuttons-up { -} - -.spinbuttons-down { -} - -.spinbuttons-button > .button-box { -} - -.spinbuttons-up > .button-box > .button-icon { -} - -.spinbuttons-up[disabled] > .button-box > .button-icon { -} - -.spinbuttons-down > .button-box > .button-icon { -} - -.spinbuttons-down[disabled] > .button-box > .button-icon { -} - -menulist:not([editable="true"]) > .menulist-dropmarker { -} - -menulist[disabled]:not([editable="true"]) > .menulist-dropmarker { -} - -menulist > menupopup, -button[type="menu"] > menupopup { -} - -menulist > menupopup menu, -menulist > menupopup menuitem, -button[type="menu"] > menupopup menu, -button[type="menu"] > menupopup menuitem { -} - -menulist > menupopup > menu[_moz-menuactive="true"], -menulist > menupopup > menuitem[_moz-menuactive="true"], -button[type="menu"] > menupopup > menu[_moz-menuactive="true"], -button[type="menu"] > menupopup > menuitem[_moz-menuactive="true"] { -} - -menulist > menupopup > menu[selected="true"], -menulist > menupopup > menuitem[selected="true"], -button[type="menu"] > menupopup > menu[selected="true"], -button[type="menu"] > menupopup > menuitem[selected="true"] { -} - -menulist > menupopup menuseparator, -button[type="menu"] > menupopup menuseparator { -} - -/* textboxes */ - -textbox { -} - -textbox[focused] { -} - -textbox[disabled] { -} - -/* Links */ - -.text-link, -.inline-link, -html|a.inline-link { -} - -.text-link:hover, -.inline-link:hover { -} - -.text-link:hover:active, -.inline-link:hover:active { -} - -/* Checkboxes and radio buttons */ - -.checkbox-check { -} - -.checkbox-check[checked] { -} - -radio { -} - -.radio-check { -} - -.radio-check[selected] { -} - /* Category List */ #categories { @@ -382,53 +154,22 @@ radio { /* header */ -.header { - border-bottom: 1px solid #A09090; - margin-bottom: 15px; - padding-bottom: 15px; -} - #header-advanced { border-bottom: none; padding-bottom: 0; } -.header-name { - font-size: 2.5rem; - font-weight: normal; - line-height: 40px; - margin: 0; -} - .indent { margin-top: 7px; margin-bottom: 7px; } /* General Pane */ -/* -filefield { - -moz-appearance: none; - background-color: transparent; - border: none; - padding: 0; -} -.fileFieldContentBox { - background-color: transparent; +#isNotDefaultLabel { + font-weight: bold; } -.fileFieldIcon { - -moz-margin-start: 10px; - -moz-margin-end: 0; -} - -.fileFieldLabel { - -moz-margin-start: -26px; - -moz-padding-start: 36px; -} -*/ - /* Applications Pane Styles */ #applicationsContent { @@ -639,11 +380,6 @@ description > html|a { width: 66ch; } -/* needs to be removed with bug 1035625 */ -:-moz-any(dialog, window, prefwindow) resizer { - display: none; -} - tree:not(#rejectsTree) { min-height: 15em; } diff --git a/LCARStrek/browser/preferences/preferences.css b/LCARStrek/browser/preferences/preferences.css index df3add6e..b3200726 100644 --- a/LCARStrek/browser/preferences/preferences.css +++ b/LCARStrek/browser/preferences/preferences.css @@ -79,6 +79,12 @@ label.small { margin: 6px; } +/* General Pane */ + +#isNotDefaultLabel { + font-weight: bold; +} + /* Content Pane */ #translationAttributionImage { width: 70px; diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index 5e9baf32..fad3be94 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -217,7 +217,7 @@ xul|*.help-button > xul|*.button-box { padding-right: 0 !important; padding-left: 0 !important; } - +*/ xul|*.help-button > xul|*.button-box > xul|*.button-icon { width: 26px; height: 26px; @@ -235,7 +235,7 @@ xul|*.help-button > xul|*.button-box > xul|*.button-icon { xul|*.help-button > xul|*.button-box > xul|*.button-text { display: none; } - +/* xul|*.spinbuttons-button { -moz-margin-start: 10px !important; -moz-margin-end: 2px !important; @@ -531,11 +531,11 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur } */ /* header */ -/* + *|*.header { - border-bottom: 1px solid #c8c8c8; +/* border-bottom: 1px solid #A09090; margin-bottom: 15px; - padding-bottom: 15px; + padding-bottom: 15px; */ } *|*.header-name { @@ -544,7 +544,7 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur line-height: 40px; margin: 0; } -*/ + /* File fields */ /* xul|filefield { diff --git a/LCARStrek/browser/preferences/in-content/help-glyph.png b/LCARStrek/global/in-content/help-glyph.png similarity index 100% rename from LCARStrek/browser/preferences/in-content/help-glyph.png rename to LCARStrek/global/in-content/help-glyph.png diff --git a/LCARStrek/browser/preferences/in-content/help-glyph@2x.png b/LCARStrek/global/in-content/help-glyph@2x.png similarity index 100% rename from LCARStrek/browser/preferences/in-content/help-glyph@2x.png rename to LCARStrek/global/in-content/help-glyph@2x.png