From: Robert Kaiser Date: Fri, 18 Apr 2014 21:56:38 +0000 (+0200) Subject: first part of syncing LCARStrek with Firefox 29 windows theme changes X-Git-Tag: LCARStrek-2.26~9 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=2a8b2b48d6cdce23a2333fb7736d39f5312c6318 first part of syncing LCARStrek with Firefox 29 windows theme changes --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 939d423c..cb3e1eec 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -4409,28 +4409,145 @@ toolbarpaletteitem[place="toolbar"] { /* UI Tour */ -html|div#UITourHighlight { - border-radius: 20px; - border: 2px #9C9CFF solid; +#UITourHighlightContainer { + -moz-appearance: none; + border: none; + background-color: transparent; + /* This is a buffer to compensate for the movement in the "wobble" effect */ + padding: 4px; +} + +#UITourHighlight { + background-image: radial-gradient(50% 100%, rgba(0,132,132,0.4) 50%, rgba(0,132,132,0.6) 100%); + border-radius: 40px; + border: 1px solid #9C9CFF; + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity + on Linux without an X compositor where opacity is either 0 or 1. */ + box-shadow: 0 0 3px 0 rgba(0,0,0,0.49); min-height: 32px; min-width: 32px; } -html|div#UITourHighlight[active] { +#UITourTooltipBody { + -moz-margin-end: 14px; +} + +#UITourTooltipBody > vbox { + padding-top: 4px; } -#UITourTooltip { - max-width: 20em; +#UITourTooltipIconContainer { + -moz-margin-start: -16px; +} + +#UITourTooltipIcon { + width: 48px; + height: 48px; + -moz-margin-start: 28px; + -moz-margin-end: 28px; +} + +#UITourTooltipTitle, +#UITourTooltipDescription { + max-width: 20rem; } #UITourTooltipTitle { - font-size: 130%; + font-size: 1.45rem; font-weight: bold; - margin: 0 0 5px 0; + -moz-margin-start: 0; + -moz-margin-end: 0; + margin: 0 0 9px 0; } #UITourTooltipDescription { - max-width: 20em; + -moz-margin-start: 0; + -moz-margin-end: 0; + font-size: 1.15rem; + line-height: 1.8rem; + margin-bottom: 0; /* Override global.css */ +} + +#UITourTooltipClose { + -moz-appearance: none; + border: none; + background-color: transparent; + min-width: 0; + -moz-margin-start: 4px; + margin-top: -2px; +} + +#UITourTooltipClose > .toolbarbutton-text { + display: none; +} + +#UITourTooltipButtons { + -moz-box-pack: end; + background-color: rgba(0,0,0,.2); + border-top: 1px solid rgba(0,0,0,.4); + margin: 24px -16px -16px; + padding: 2em 15px; +} + +#UITourTooltipButtons > button { + margin: 0 15px; +} + +#UITourTooltipButtons > button:first-child { + -moz-margin-start: 0; +} + +#UITourTooltipButtons > button[image] > .button-box > .button-icon { + width: 16px; + height: 16px; + -moz-margin-end: 5px; +} + +#UITourTooltipButtons > button .button-text { + font-size: 1.15rem; +} + +#UITourTooltipButtons > button:not(.button-link) { + -moz-appearance: none; + background-color: #C09070; + border-radius: 3000px; + border: none; + color: #000000; + padding: 4px 30px; + transition-property: background-color, color; + transition-duration: 150ms; +} + +#UITourTooltipButtons > button:not(.button-link):not(:active):hover { + background-color: #FFCF00; + color: #000000; +} + +#UITourTooltipButtons > button.button-link { + -moz-appearance: none; + background: transparent; + border: none; + box-shadow: none; + color: rgba(0,0,0,0.35); + padding-left: 10px; + padding-right: 10px; +} + +#UITourTooltipButtons > button.button-link:hover { + color: black; +} + +/* The primary button gets the same color as the customize button. */ +#UITourTooltipButtons > button.button-primary { + background-color: #A06060; /* LCARS default button background color */ + color: #000000; + padding-left: 30px; + padding-right: 30px; +} + +#UITourTooltipButtons > button.button-primary:not(:active):hover { + background-color: #FFCF00; + color: #000000; } /* === END UITour.inc.css === */ diff --git a/LCARStrek/browser/devtools/blackBoxMessageEye.png b/LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png similarity index 100% rename from LCARStrek/browser/devtools/blackBoxMessageEye.png rename to LCARStrek/browser/devtools/debugger-blackBoxMessageEye.png diff --git a/LCARStrek/browser/devtools/debugger-blackbox.png b/LCARStrek/browser/devtools/debugger-blackbox.png index 86b4f97b..0376cc78 100644 Binary files a/LCARStrek/browser/devtools/debugger-blackbox.png and b/LCARStrek/browser/devtools/debugger-blackbox.png differ diff --git a/LCARStrek/browser/devtools/debugger-toggleBreakpoints.png b/LCARStrek/browser/devtools/debugger-toggleBreakpoints.png new file mode 100644 index 00000000..d6747091 Binary files /dev/null and b/LCARStrek/browser/devtools/debugger-toggleBreakpoints.png differ diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 71c1d910..1369b3a0 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -20,24 +20,39 @@ window { -moz-border-start-color: transparent; } -#sources-toolbar > #sources-controls > .devtools-toolbarbutton { +#sources-toolbar > .devtools-toolbarbutton, +#sources-controls > .devtools-toolbarbutton { min-width: 32px; } +#black-box { + list-style-image: url("debugger-blackbox.png"); +} + #pretty-print { font-weight: bold; } -#black-box { - list-style-image: url("debugger-blackbox.png"); +#toggle-breakpoints { + list-style-image: url("debugger-toggleBreakpoints.png"); +} + +#sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px, 16px, 16px, 0px); } -#black-box[checked], -#black-box:hover { +#sources-toolbar .devtools-toolbarbutton:not([label]):hover { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +#sources-toolbar .devtools-toolbarbutton:not([label])[checked] { -moz-image-region: rect(0px, 32px, 16px, 16px); } +#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + #sources .black-boxed { color: #8050B0; } diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index f66c5d30..737c4a60 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -460,7 +460,7 @@ cursor: text; } -.variable-or-property:not([non-header]) > .variables-view-element-details { +.variable-or-property:not([untitled]) > .variables-view-element-details { -moz-margin-start: 10px; } @@ -626,7 +626,7 @@ min-height: 24px; } -.variable-or-property[non-match] { +.variable-or-property[unmatched] { border: none; margin: 0; }