From c29b709d831267c35464cdff935f54cd752609db Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 15 Oct 2012 15:13:59 +0200 Subject: [PATCH] first part of update for both themes to browser winstripe changes in Firefox 17 cycle --- LCARStrek/browser/aboutCertError.css | 6 +- LCARStrek/browser/aboutPrivateBrowsing.css | 2 +- LCARStrek/browser/browser.css | 66 +++------- .../devtools/{gcli.css => commandline.css} | 0 LCARStrek/browser/devtools/common.css | 2 +- LCARStrek/browser/devtools/csshtmltree.css | 43 ++++-- .../browser/devtools/debugger-collapse.png | Bin 0 -> 207 bytes .../browser/devtools/debugger-expand.png | Bin 0 -> 209 bytes LCARStrek/browser/devtools/debugger.css | 123 +++++++++++++++++- LCARStrek/browser/devtools/markup-view.css | 73 +++++++++++ LCARStrek/browser/devtools/webconsole.css | 116 ++++++----------- LCARStrek/browser/downloads/downloads.css | 15 +-- LCARStrek/browser/feeds/subscribe-ui.css | 2 +- LCARStrek/browser/feeds/subscribe.css | 2 +- LCARStrek/browser/tabview/tabview.css | 32 ++--- 15 files changed, 312 insertions(+), 170 deletions(-) rename LCARStrek/browser/devtools/{gcli.css => commandline.css} (100%) create mode 100644 LCARStrek/browser/devtools/debugger-collapse.png create mode 100644 LCARStrek/browser/devtools/debugger-expand.png create mode 100644 LCARStrek/browser/devtools/markup-view.css diff --git a/LCARStrek/browser/aboutCertError.css b/LCARStrek/browser/aboutCertError.css index e44ecf9c..557e7425 100644 --- a/LCARStrek/browser/aboutCertError.css +++ b/LCARStrek/browser/aboutCertError.css @@ -42,7 +42,7 @@ h2 { background-origin: content-box; } -body[dir="rtl"] #errorPageContainer { +#errorPageContainer:-moz-dir(rtl) { background-position: right 0; } @@ -70,7 +70,7 @@ body[dir="rtl"] #errorPageContainer { color: #000000; } -body[dir="rtl"] .expander > button { +.expander > button:-moz-dir(rtl) { background-position: right center; } @@ -78,6 +78,6 @@ body[dir="rtl"] .expander > button { background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif"); } -body[dir="rtl"] .expander[collapsed] > button { +.expander[collapsed] > button:-moz-dir(rtl) { background-image: url("chrome://global/skin/tree/twisty-closed-rtl-selected.gif"); } diff --git a/LCARStrek/browser/aboutPrivateBrowsing.css b/LCARStrek/browser/aboutPrivateBrowsing.css index 3a17997b..3b5d4b54 100644 --- a/LCARStrek/browser/aboutPrivateBrowsing.css +++ b/LCARStrek/browser/aboutPrivateBrowsing.css @@ -32,7 +32,7 @@ body.normal > #errorPageContainer { background: url("chrome://global/skin/icons/information-16.png") no-repeat top left; } -body[dir="rtl"] #moreInfo { +#moreInfo:-moz-dir(rtl) { background-position: top right; } diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 5a51b936..b55e58ac 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1891,7 +1891,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tab-content { - min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */ + min-height: calc(6.8mozmm - 7px); /* subtract borders from the desired height */ } } @@ -2419,29 +2419,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon outline: 1px dotted #008484; } -/* Inspector / Highlighter */ - -#highlighter-panel { - -moz-window-shadow: none; - background: #000000; - border: none; -} - -listitem.style-selector { - background-color: #9C9CFF; - color: #000000; -} - -listitem.style-section { - background-color: #E7ADE7; - color: #000000; - font-weight: bold; -} - -panel[dimmed="true"] { - opacity: 0.5; -} - /* Add-on bar */ #addon-bar { @@ -2616,7 +2593,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { #highlighter-nodeinfobar-text { /* 100% - size of the buttons and margins */ - max-width: -moz-calc(100% - 2 * (26px + 6px)); + max-width: calc(100% - 2 * (26px + 6px)); padding-bottom: 1px; } @@ -2672,7 +2649,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { .highlighter-nodeinfobar-arrow { width: 14px; height: 14px; - -moz-margin-start: -moz-calc(50% - 7px); + -moz-margin-start: calc(50% - 7px); transform: rotate(-45deg); border: 1px solid transparent; background-clip: padding-box; @@ -3125,6 +3102,20 @@ stack[anonid=browserStack][responsivemode] { background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } +/* Web Console */ + +.web-console-frame { + /* border-bottom: 3px solid #000000; */ +} + +.web-console-frame[animated] { + transition: height 100ms; +} + +.web-console-splitter { + border: none; +} + /* Developer Toolbar */ .developer-toolbar-button { @@ -3134,6 +3125,7 @@ stack[anonid=browserStack][responsivemode] { list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png"); } +.developer-toolbar-button[open=true], .developer-toolbar-button:active:hover, .developer-toolbar-button[checked=true] { } @@ -3162,6 +3154,7 @@ stack[anonid=browserStack][responsivemode] { } #developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker { + display: none; } /* Error counter */ @@ -3172,19 +3165,7 @@ stack[anonid=browserStack][responsivemode] { text-shadow: none; background-color: #FF0000; border-radius: 1px; -} - -/* Web Console */ - -.web-console-frame { -} - -.web-console-frame[animated] { - transition: height 100ms; -} - -.web-console-splitter { - border: none; + -moz-margin-end: 5px; } /* Social toolbar item */ @@ -3286,13 +3267,6 @@ stack[anonid=browserStack][responsivemode] { text-decoration: underline; } -#social-notification-panel { - min-height: 100px; - min-width: 100px; - max-height: 600px; - max-width: 400px; -} - .social-panel > .panel-arrowcontainer > .panel-arrowcontent { padding: 0; } diff --git a/LCARStrek/browser/devtools/gcli.css b/LCARStrek/browser/devtools/commandline.css similarity index 100% rename from LCARStrek/browser/devtools/gcli.css rename to LCARStrek/browser/devtools/commandline.css diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 93838fe4..7505dcfc 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -82,7 +82,7 @@ devtools-menulist:-moz-focusring, } .devtools-searchinput:-moz-locale-dir(rtl) { - background-position: -moz-calc(100% - 4px) 3px, top left, top left; + background-position: calc(100% - 4px) 3px, top left, top left; } .devtools-searchinput > .textbox-input-box > .textbox-search-icons { diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css index adc78221..72d5a263 100644 --- a/LCARStrek/browser/devtools/csshtmltree.css +++ b/LCARStrek/browser/devtools/csshtmltree.css @@ -148,18 +148,34 @@ link:hover { } .ruleview-rule-source { - background-color: #000000; - color: #9C9CFF; - padding: 2px 5px; + color: #9C9CFF; /* original: green */ + -moz-padding-start: 5px; cursor: pointer; + text-align: right; + float: right; + -moz-user-select: -moz-none; +} + +.ruleview-rule-inheritance { + background-color: #000000; + color: #8050B0; + border-top: 1px solid #9C9CFF; + border-bottom: 1px solid #9C9CFF; + padding: 1px 4px; + margin-top: 4px; + -moz-user-select: -moz-none; } .ruleview-rule-source:hover { text-decoration: underline; } -.ruleview-code { - padding: 2px 5px; +.ruleview-rule { + padding: 2px 4px; +} + +.ruleview-rule + .ruleview-rule { + border-top: 1px dotted #008484; } .ruleview-warning { @@ -188,8 +204,15 @@ link:hover { .ruleview-enableproperty { height: 10px; width: 10px; - -moz-margin-start: 2px; + -moz-margin-start: 1px; -moz-margin-end: 0; + transition: opacity 100ms; + transition-delay: 200ms; +} + +.ruleview-property:not(:hover) > .ruleview-enableproperty { + opacity: 0; + transition: none; } .ruleview-expander { @@ -212,7 +235,11 @@ link:hover { .ruleview-propertyname { padding: 1px 0; - color: #9C9CFF; + color: #9C9CFF; /* original: blue */ +} + +.ruleview-propertyvalue { + padding: 1px 0; } .ruleview-namecontainer, @@ -250,7 +277,7 @@ link:hover { .ruleview-namecontainer > .ruleview-propertyname, .ruleview-propertycontainer > .ruleview-propertyvalue { - border-bottom: 1px dotted transparent; + border-bottom: 1px dashed transparent; } .ruleview-namecontainer:hover > .ruleview-propertyname, diff --git a/LCARStrek/browser/devtools/debugger-collapse.png b/LCARStrek/browser/devtools/debugger-collapse.png new file mode 100644 index 0000000000000000000000000000000000000000..35f10cfcdbf3d848ecd589246470091bdfb32140 GIT binary patch literal 207 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8Jz=|JZH^9=SKDaU~< z#*!evUYh7ML)50LT#kH}&M25w;xW@MN(M*=9wUgGKN%6^B7pU2#U zIq32;ppd<%i(?4K_2h&Dyj#N7Mkz{3NgY~n^uPwEDUFOL9t1=vo>F2+$;enEAS%dc s6qd18fLG8p?ZDCpT@P<1vOQvBST87|sgZrT3TPCAr>mdKI;Vst0MDE^1^@s6 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/debugger-expand.png b/LCARStrek/browser/devtools/debugger-expand.png new file mode 100644 index 0000000000000000000000000000000000000000..47e9dad7358cea950565836b9299cfe8c1fdcd9e GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8Jz=|JZH^9=SKDaU~< z#*!evUYh7ML)50LT#kH}&M25w;xW@MN(M*=9wUgGKN%6^B7pT~-? z;6sTdP{`5K#W95AdUC=6-YsEkqZFm2qz)}OaNvL<5Fc7_ .string { + padding: 1px; +} + +.dbg-results-container .line-contents > .string[match=true] { + background: #E7ADE7; + color: #000000; + padding: 0; + border: 1px solid #9C9CFF; + border-radius: 4px; + cursor: pointer; + transition: transform 0.2s ease-in-out; + transform: scale(1, 1); +} + +.dbg-results-container .line-contents > .string[match=true][focused] { + transition-duration: 0.1s; + transform: scale(1.75, 1.75); +} + +/** + * Stack frames and breakpoints panel + */ + +#stackframes\+breakpoints { + background-color: #000000; + min-width: 50px; +} + +#stackframes\+breakpoints[animated] { + -moz-transition: margin 0.25s ease-in-out; +} + +/** + * Stack frames view */ #stackframes { @@ -98,6 +176,11 @@ window { #variables { /* background-color: white; */ + min-width: 50px; +} + +#variables[animated] { + -moz-transition: margin 0.25s ease-in-out; } /** @@ -139,11 +222,19 @@ window { -moz-margin-start: 1px; -moz-margin-end: 1px; margin-top: 2px; - border-bottom: 1px dotted #008484; transition: background 1s ease-in-out; background: #000000; } +.variable:not(:last-child) { + border-bottom: 1px dotted #008484; + border-radius: 8px; +} + +.variable:last-child { + margin-bottom: 2px; +} + .variable[changed] { transition-duration: 0.4s; background: #FFCF00; @@ -278,12 +369,13 @@ window { * Animations */ -.details[open][animated] { - -moz-animation-duration: 0.25s; - -moz-animation-name: showblock; +.details[open][animated], +.dbg-results-container[open][animated] { + animation-duration: 0.25s; + animation-name: showblock; } -@-moz-keyframes showblock { +@keyframes showblock { from { opacity: 0; transform-origin: top; @@ -301,6 +393,23 @@ window { * Toolbar Controls */ +#toggle-panes { + background: none; + border: none; + box-shadow: none; + list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +#toggle-panes:not([stackframesAndBreakpointsHidden]):not([variablesHidden]) { + list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); +} + +#toggle-panes:hover, +#toggle-panes:hover:active { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + #resume { list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css new file mode 100644 index 00000000..6b715b7a --- /dev/null +++ b/LCARStrek/browser/devtools/markup-view.css @@ -0,0 +1,73 @@ +/* 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/. */ + +* { + padding: 0; + margin: 0; +} + +body { + font: message-box; + background-color: #000000; + color: #FF9F00; +} + +.tagname { + color: #FFCF00; +} + +.attrname { + color: #9C9CFF; +} + +.attrvalue { + color: #E7ADE7; +} + +.newattr { + cursor: pointer; +} + +.comment { + color: #8050B0; +} + +.selected { + background-color: #008484; +} + +/* Give some padding to focusable elements to match the editor input + * that will replace them. */ +span[tabindex] { + display: inline-block; + padding: 1px 0; +} + +li.container { + position: relative; + padding: 2px 0 0 2px; +} + +.codebox { + padding-left: 14px; +} + +.expander { + position: absolute; + top: 5px; + left: 0; + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-position: center; + background-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +.expander[expanded] { + background-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +.styleinspector-propertyeditor { + border: 1px solid #9C9CFF; +} diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index ce4395a3..e6492647 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -6,14 +6,6 @@ window { padding: 0; } -.hud-box { - border-bottom: 3px solid #000000; -} - -.hud-box.animated { - transition: height 100ms; -} - .hud-outer-wrapper { width: 100%; height: 100%; @@ -30,7 +22,7 @@ window { color: #8050B0; margin-top: 0; margin-bottom: 0; - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; + font-family: "Liberation Mono", Consolas, "Courier New", monospace; } .hud-msg-node { @@ -61,7 +53,7 @@ window { -moz-margin-start: 3px; -moz-margin-end: 6px; white-space: pre-wrap; - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; + font-family: "Liberation Mono", Consolas, "Courier New", monospace; } .webconsole-msg-body-piece { @@ -81,7 +73,7 @@ window { background-color: #FF0000; border-radius: 40px; /* font: message-box; */ - font-size: 10px; + font-size: 0.9em; font-weight: 600; } @@ -106,7 +98,7 @@ window { .jsterm-input-node, .jsterm-complete-node { - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; + font-family: "Liberation Mono", Consolas, "Courier New", monospace; } .hud-output-node { @@ -121,22 +113,21 @@ window { display: none; } -.webconsole-clear-console-button > .toolbarbutton-icon { - display: none; -} +/* WebConsole colored drops */ -.webconsole-filter-button > .toolbarbutton-menubutton-button { - -moz-box-orient: horizontal; - list-style-image: url("chrome://browser/skin/devtools/webconsole.png"); +.webconsole-filter-button[checked=true] { + /* color: white !important; */ } -.webconsole-filter-button:hover:active > .toolbarbutton-menubutton-button, -.webconsole-filter-button[open="true"] > .toolbarbutton-menubutton-button { -} - -.webconsole-filter-button { - -moz-margin-start: 3px; - padding: 0 !important; +.webconsole-filter-button > .toolbarbutton-menubutton-button:before { + content: ""; + display: inline-block; + height: 8px; + width: 8px; + border-radius: 50%; + margin-left: 5px; + border-width: 1px; + border-style: solid; } .webconsole-filter-button menuitem { @@ -149,8 +140,9 @@ window { } /* Network styles */ -.webconsole-filter-button[category="net"] { - -moz-image-region: rect(0, 8px, 8px, 0); +.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#796400, #000000); + border-color: #FFCF00; } .webconsole-msg-network > .webconsole-msg-icon-container { @@ -162,8 +154,9 @@ window { } /* CSS styles */ -.webconsole-filter-button[category="css"] { - -moz-image-region: rect(8px, 8px, 16px, 0); +.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#484879, #000000); + border-color: #9C9CFF; } .webconsole-msg-cssparser > .webconsole-msg-icon-container { @@ -179,8 +172,9 @@ window { } /* JS styles */ -.webconsole-filter-button[category="js"] { - -moz-image-region: rect(16px, 8px, 24px, 0); +webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#794900, #000000); + border-color: #FF9F00; } .webconsole-msg-exception > .webconsole-msg-icon-container { @@ -196,8 +190,9 @@ window { } /* Web Developer styles */ -.webconsole-filter-button[category="logging"] { - -moz-image-region: rect(24px, 8px, 32px, 0); +.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before { + background-image: linear-gradient(#402858, #000000); + border-color: #8050B0; } .webconsole-msg-console > .webconsole-msg-icon-container { @@ -239,7 +234,7 @@ webconsole-mixed-content { .webconsole-msg-output { -moz-image-region: rect(24px, 48px, 32px, 40px); } - +/* .webconsole-close-button { border: none; padding-top: 4px; @@ -251,34 +246,9 @@ webconsole-mixed-content { .webconsole-close-button:hover:active { list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); } - +*/ /* JSTerm Styles */ -.jsterm-wrapper-node { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; - font-size: 1em; - background-color: #000; - border: 1px solid #333; - padding: 0.1em; - width: 100%; - height: 400px; -} - -.jsterm-output-node { - width: 100%; - height: 400px; - color: white; - background-color: black; - overflow: auto; - overflow-x: auto; - position: absolute; - -moz-box-direction: reverse; -} - -.jsterm-scroll-to-node { - height: 1px; width: 1px; position: relative; top: 92%; display: block; -} - .jsterm-input-node, .jsterm-complete-node { -moz-padding-start: 16px; @@ -298,25 +268,13 @@ webconsole-mixed-content { color: #8050B0; } -.jsterm-output-line { - font-size: 1em; -} - -.hud-console-filter-toolbar { - -moz-box-align: center; -} +/* Filter */ -.web-console-panel { - -moz-appearance: none; - background-color: black; -} +/* + * This hardcoded width likely due to a toolkit Windows specific bug. + * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7 + */ -.web-console-panel > .hud-box { - height: 100%; - width: 100%; - background-color: black; -} - -.hud-splitter { - border: 0; +.hud-filter-box { + width: 200px; } diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css index 2bddeec9..027c6834 100644 --- a/LCARStrek/browser/downloads/downloads.css +++ b/LCARStrek/browser/downloads/downloads.css @@ -26,7 +26,6 @@ } #downloadsListBox { - width: 60ch; background-color: transparent; padding: 4px; color: inherit; @@ -202,25 +201,25 @@ richlistitem[type="download"][state="1"] > .downloadInfo:hover { background-size: 16px; } -@-moz-keyframes downloadsIndicatorNotificationRight { +@keyframes downloadsIndicatorNotificationRight { from { opacity: 0; transform: translate(-128px, 128px) scale(8); } - 20% { opacity: .85; -moz-animation-timing-function: ease-out; } + 20% { opacity: .85; animation-timing-function: ease-out; } to { opacity: 0; transform: translate(0) scale(1); } } -@-moz-keyframes downloadsIndicatorNotificationLeft { +@keyframes downloadsIndicatorNotificationLeft { from { opacity: 0; transform: translate(128px, 128px) scale(8); } - 20% { opacity: .85; -moz-animation-timing-function: ease-out; } + 20% { opacity: .85; animation-timing-function: ease-out; } to { opacity: 0; transform: translate(0) scale(1); } } #downloads-indicator[notification] > #downloads-indicator-anchor > #downloads-indicator-notification { - -moz-animation-name: downloadsIndicatorNotificationRight; - -moz-animation-duration: 1s; + animation-name: downloadsIndicatorNotificationRight; + animation-duration: 1s; } #downloads-indicator[notification]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { - -moz-animation-name: downloadsIndicatorNotificationLeft; + animation-name: downloadsIndicatorNotificationLeft; } /*** Progress bar and text ***/ diff --git a/LCARStrek/browser/feeds/subscribe-ui.css b/LCARStrek/browser/feeds/subscribe-ui.css index 8ca53283..09b0d1a7 100644 --- a/LCARStrek/browser/feeds/subscribe-ui.css +++ b/LCARStrek/browser/feeds/subscribe-ui.css @@ -24,6 +24,6 @@ list-style-image: url("chrome://browser/skin/preferences/application.png"); } -#feedHeader[dir="rtl"] .handlersMenuList > menupopup { +.handlersMenuList > menupopup:-moz-dir(rtl) { direction: rtl; } diff --git a/LCARStrek/browser/feeds/subscribe.css b/LCARStrek/browser/feeds/subscribe.css index e41760c0..b7d0cbb9 100644 --- a/LCARStrek/browser/feeds/subscribe.css +++ b/LCARStrek/browser/feeds/subscribe.css @@ -50,7 +50,7 @@ html { background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00; } -#feedHeader[dir="rtl"] { +#feedHeader:-moz-dir(rtl) { background-position: 100% 10%; } diff --git a/LCARStrek/browser/tabview/tabview.css b/LCARStrek/browser/tabview/tabview.css index 607f954d..0acd44ea 100644 --- a/LCARStrek/browser/tabview/tabview.css +++ b/LCARStrek/browser/tabview/tabview.css @@ -47,11 +47,11 @@ body { width: 17px; } -html[dir=ltr] .favicon { +.favicon:-moz-dir(ltr) { border-bottom-right-radius: 0.4em; } -html[dir=rtl] .favicon { +.favicon:-moz-dir(rtl) { border-bottom-left-radius: 0.4em; left: auto; right: 2px; @@ -80,7 +80,7 @@ html[dir=rtl] .favicon { background-color: #FFCF00; } -html[dir=rtl] .close { +.close:-moz-dir(rtl) { right: auto; left: 6px; } @@ -97,7 +97,7 @@ html[dir=rtl] .close { opacity: 0.2; } -html[dir=rtl] .expander { +.expander:-moz-dir(rtl) { right: auto; left: 6px; transform: scaleX(-1); @@ -190,7 +190,7 @@ html[dir=rtl] .expander { padding: 2px; } -html[dir=rtl] .groupItem .close { +.groupItem .close:-moz-dir(rtl) { right: auto; left: 0px; background-position: bottom right; @@ -215,7 +215,7 @@ html[dir=rtl] .groupItem .close { line-height: 0; } -html[dir=rtl] .appTabTrayContainer { +.appTabTrayContainer:-moz-dir(rtl) { right: auto; left: 1px; } @@ -279,7 +279,7 @@ html[dir=rtl] .appTabTrayContainer { opacity: 0.5; } -html[dir=rtl] .undo .close { +.undo .close:-moz-dir(rtl) { right: auto; left: 7px; } @@ -299,7 +299,7 @@ html[dir=rtl] .undo .close { box-shadow: 1px 1px 0 rgba(0,132,132,.15); } -html[dir=rtl] .guideTrench { +.guideTrench:-moz-dir(rtl) { box-shadow: -1px 1px 0 rgba(0,132,132,.15); } @@ -332,7 +332,7 @@ html[dir=rtl] .guideTrench { box-shadow: 5px 5px 3px rgba(255,207,0,.5); } -html[dir=rtl] .active { +.active:-moz-dir(rtl) { box-shadow: -5px 5px 3px rgba(255,207,0,.5); } @@ -340,7 +340,7 @@ html[dir=rtl] .active { box-shadow: 2px 2px 7px -1px rgba(0,132,132,.6); } -html[dir=rtl] .acceptsDrop { +.acceptsDrop:-moz-dir(rtl) { box-shadow: -2px 2px 7px -1px rgba(0,132,132,.6); } @@ -362,7 +362,7 @@ input.name { border-radius: 3px; } -html[dir=rtl] input.name { +input.name:-moz-dir(rtl) { background-position: right top; } @@ -405,7 +405,7 @@ input.name:-moz-placeholder { cursor: text; } -html[dir=rtl] .title-shield { +.title-shield:-moz-dir(rtl) { left: auto; right: 0; } @@ -437,7 +437,7 @@ html[dir=rtl] .title-shield { opacity: .2; } -html[dir=rtl] .resizer { +.resizer:-moz-dir(rtl) { right: auto; left: 0; transform: scaleX(-1); @@ -457,7 +457,7 @@ html[dir=rtl] .resizer { bottom: -2px; } -html[dir=rtl] .iq-resizable-se { +.iq-resizable-se:-moz-dir(rtl) { cursor: sw-resize; right: auto; left: 1px; @@ -514,6 +514,8 @@ html[dir=rtl] .iq-resizable-se { #searchbox{ width: 270px; + max-width: -moz-available; + -moz-margin-start: 20px; height: 30px; color: #FF9F00; border: 2px solid #008484; @@ -566,7 +568,7 @@ html[dir=rtl] .iq-resizable-se { box-shadow: 0px -1px 0px rgba(255,207,0,.1), inset 0px 2px 5px rgba(255,207,0,.3); } -html[dir=rtl] #otherresults { +#otherresults:-moz-dir(rtl) { left: auto; right: 0; } -- 2.43.0