From: Robert Kaiser Date: Fri, 10 Apr 2015 23:04:10 +0000 (+0200) Subject: second and final part of syncing LCARStrek with Firefox 37 windows theme changes X-Git-Tag: LCARStrek-2.34~2 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=2075203285bc0276d14a434d056cf90131188d44;p=themes.git second and final part of syncing LCARStrek with Firefox 37 windows theme changes --- diff --git a/LCARStrek/browser/aboutNetError.css b/LCARStrek/browser/aboutNetError.css index 68d2a819..dc7aedc6 100644 --- a/LCARStrek/browser/aboutNetError.css +++ b/LCARStrek/browser/aboutNetError.css @@ -28,6 +28,7 @@ ul { } #errorPageContainer { + position: relative; min-width: 320px; max-width: 512px; } @@ -74,10 +75,10 @@ button:disabled { div#certificateErrorReporting { display: none; - float:right; + float: right; /* Align with the "Try Again" button */ margin-top: 19px; - margin-right: 0; + -moz-margin-end: 0; } div#certificateErrorReporting a, @@ -97,7 +98,11 @@ div#certificateErrorReporting a:hover { } span.downArrow { - font-size: 0.9em; + display: inline-block; + vertical-align: middle; + font-size: 0.6em; + -moz-margin-start: 0.5em; + transform: scaleY(0.7); } div#certificateErrorReportingPanel { @@ -108,11 +113,18 @@ div#certificateErrorReportingPanel { /* Don't use top padding because the default p style has top padding, and it * makes the overall div look uneven */ padding: 0 12px 12px 12px; - position: relative; + font-size: 0.9em; + position: absolute; width: 75%; + margin-top: 10px; +} + +div#certificateErrorReportingPanel:-moz-dir(ltr) { left: 34%; - font-size: 0.9em; - top: 8px; +} + +div#certificateErrorReportingPanel:-moz-dir(rtl) { + right: 0; } span#hostname { diff --git a/LCARStrek/browser/aboutNetError_info.svg b/LCARStrek/browser/aboutNetError_info.svg index 7a8db7d4..0b57fa32 100644 --- a/LCARStrek/browser/aboutNetError_info.svg +++ b/LCARStrek/browser/aboutNetError_info.svg @@ -1,7 +1,5 @@ - - - + + - diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 73a1ab9c..0f0e96ef 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1462,6 +1462,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { } +.findbar-button, #nav-bar .toolbarbutton-1, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button { } @@ -1498,6 +1499,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri -moz-box-align: center;*/ } +.findbar-button > .toolbarbutton-text, #nav-bar .toolbarbutton-1 > .toolbarbutton-icon, #nav-bar .toolbarbutton-1 > .toolbarbutton-text, #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container, @@ -1566,6 +1568,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon { } +.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover > .toolbarbutton-text, #nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, @@ -1576,6 +1579,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([ope #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon { } +.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active) > .toolbarbutton-text, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open]) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon, @@ -2345,43 +2349,47 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* social share panel */ -#social-share-panel > iframe { -/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/ - width: 300px; +.social-share-frame { + min-width: 756px; height: 150px; } -.social-share-toolbar { - border-right: 1px solid #9C9CFF; -/* background-color: #000000; */ +#share-container { + min-width: 756px; + background-color: white; + background-repeat: no-repeat; + background-position: center center; } - -#social-share-provider-buttons { - padding: 6px; +#share-container[loading] { + background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); +} +#share-container > browser { + transition: opacity 150ms ease-in-out; + opacity: 1; +} +#share-container[loading] > browser { + opacity: 0; } -#social-share-provider-buttons > .share-provider-button { - -moz-appearance: none; - padding: 5px; - margin: 1px; - border: none; - background: none; - border-radius: 2px; +.social-share-toolbar { + border-bottom: 1px solid #9C9CFF; + padding: 2px; } -#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]), -#social-share-provider-buttons > .share-provider-button:hover, -#social-share-provider-buttons > .share-provider-button:active { - padding: 4px; +#social-share-provider-buttons { + padding: 0; + margin: 0; } -#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) { +.share-provider-button { + padding: 5px; + margin: 2px; } -#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text { +.share-provider-button > .toolbarbutton-text { display: none; } -#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon { +.share-provider-button > .toolbarbutton-icon { width: 16px; min-height: 16px; max-height: 16px; @@ -2400,52 +2408,26 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { } #social-share-panel { - max-height: 600px; min-height: 100px; - max-width: 800px; - min-width: 300px; + min-width: 766px; } +#share-container, .social-share-frame { -/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */ - width: 330px; - height: 150px; - /* we resize our panels dynamically, make it look nice */ - transition: height 100ms ease-out, width 100ms ease-out; -} - -.social-share-frame:-moz-locale-dir(ltr) { border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} - -.social-share-frame:-moz-locale-dir(rtl) { - border-top-left-radius: inherit; border-bottom-left-radius: inherit; border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-bottom-right-radius: inherit; } -#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) { +#social-share-panel > .social-share-toolbar { border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} - -#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) { border-top-right-radius: inherit; - border-bottom-right-radius: inherit; } -#social-share-provider-buttons:-moz-locale-dir(ltr) { +#social-share-provider-buttons { border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} - -#social-share-provider-buttons:-moz-locale-dir(rtl) { border-top-right-radius: inherit; - border-bottom-right-radius: inherit; } /* social recommending panel */ @@ -4294,20 +4276,28 @@ html|*#gcli-output-frame { padding: 3px; } +#manage-share-providers, +#social-sidebar-button { + list-style-image: url("chrome://browser/skin/ToolbarFx.png"); + -moz-image-region: rect(0, 468px, 18px, 450px); +} + #social-sidebar-button { -moz-appearance: none; - list-style-image: url("chrome://browser/skin/social/gear_default.png"); border: none; padding: 0; margin: 2px; } +#manage-share-providers > .toolbarbutton-icon, #social-sidebar-button > .toolbarbutton-icon { - min-height: 16px; - min-width: 16px; + min-height: 18px; + min-width: 18px; } +#manage-share-providers:hover, +#manage-share-providers:hover:active, #social-sidebar-button:hover, #social-sidebar-button:hover:active { - list-style-image: url("chrome://browser/skin/social/gear_clicked.png"); + -moz-image-region: rect(18px, 468px, 36px, 450px); } #social-sidebar-button > .toolbarbutton-menu-dropmarker { display: none; @@ -4652,6 +4642,17 @@ notification.pluginVulnerable .messageImage { /* === END badcontent-doorhanger.inc.css === */ +/* EME notifications */ + +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); +} + /* === BEGIN customizeMode.inc.css === */ /* Customization mode */ @@ -4951,6 +4952,10 @@ toolbarpaletteitem[place="toolbar"] { min-height: 48px; } +#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { + -moz-margin-end: 5px; +} + #customization-palette > toolbarpaletteitem > label { text-align: center; margin-left: 0; @@ -5421,6 +5426,109 @@ toolbarpaletteitem[place="toolbar"] { } } +/* Notification overrides for Heartbeat UI */ + +notification.heartbeat { + background-color: #A09090; +} + +@keyframes pulse-onshow { + 0% { + opacity: 0; + transform: scale(1.0); + } + 25% { + opacity: 1; + transform: scale(1.1); + } + 50% { + transform: scale(1.0); + } + 75% { + transform: scale(1.1); + } + 100% { + transform: scale(1.0); + } +} + +@keyframes pulse-twice { + 0% { + transform: scale(1.1); + } + 50% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } +} + +.messageText.heartbeat { + color: #000000; +/* font-weight: normal; + font-family: "Lucida Grande", Segoe, Ubuntu; + font-size: 14px; + line-height: 16px; + text-shadow: none; */ +} + +.messageImage.heartbeat { + width: 36px; + height: 36px; + -moz-margin-end: 10px; +} + +.messageImage.heartbeat.pulse-onshow { + animation-name: pulse-onshow; + animation-duration: 1.5s; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(.7,1.8,.9,1.1); +} + +.messageImage.heartbeat.pulse-twice { + animation-name: pulse-twice; + animation-duration: 1s; + animation-iteration-count: 2; + animation-timing-function: linear; +} + +/* Heartbeat UI Rating Star Classes */ +.heartbeat > #star-rating-container { + display: -moz-box; +} + +.heartbeat > #star-rating-container > #star5 { + -moz-box-ordinal-group: 5; +} + +.heartbeat > #star-rating-container > #star4 { + -moz-box-ordinal-group: 4; +} + +.heartbeat > #star-rating-container > #star3 { + -moz-box-ordinal-group: 3; +} + +.heartbeat > #star-rating-container > #star2 { + -moz-box-ordinal-group: 2; +} + +.heartbeat > #star-rating-container > .star-x { + background: url("chrome://browser/skin/heartbeat-star-off.svg"); + cursor: pointer; + width: 24px; + height: 24px; +} + +.heartbeat > #star-rating-container > .star-x:hover, +.heartbeat > #star-rating-container > .star-x:hover ~ .star-x { + background: url("chrome://browser/skin/heartbeat-star-lit.svg"); + cursor: pointer; + width: 24px; + height: 24px; +} + /* === END UITour.inc.css === */ #UITourTooltipButtons { @@ -5545,6 +5653,10 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { margin: 9px; } +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + /* === END contextmenu.inc.css === */ #context-navigation { diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index e0625fce..6fc558e1 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -550,6 +550,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-fxa-status { + -moz-padding-start: 15px; list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png"); } @@ -557,6 +558,11 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png"); } +#PanelUI-fxa-status[fxastatus="migrate-signup"], +#PanelUI-fxa-status[fxastatus="migrate-verify"] { + list-style-image: url(chrome://global/skin/warning-16.png); +} + #PanelUI-customize { list-style-image: url("chrome://browser/skin/menuPanel-customize.png"); } @@ -611,6 +617,10 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-fxa-status:not([disabled]):hover:active { } +#PanelUI-update-status { +/* color: black; */ +} + #PanelUI-update-status[update-status="succeeded"] { background-color: #008484; color: #000000; @@ -671,6 +681,7 @@ panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1, .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button, +.share-provider-button, .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { /* padding: 0 6px; background-color: hsla(210,4%,10%,0); @@ -682,6 +693,7 @@ panelview .toolbarbutton-1, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1, +.share-provider-button, .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton { border-width: 0; } @@ -754,6 +766,7 @@ panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover, toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover, menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive], +.share-provider-button:not(:-moz-any([disabled],[open],:active)):hover, .widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover, .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover { @@ -769,6 +782,7 @@ panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:acti toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active), menu.subviewbutton:not([disabled])[_moz-menuactive]:active, menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active, +.share-provider-button:not([disabled]):-moz-any([open],:hover:active), .widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active), .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) { diff --git a/LCARStrek/browser/devtools/animationinspector.css b/LCARStrek/browser/devtools/animationinspector.css new file mode 100644 index 00000000..592239c2 --- /dev/null +++ b/LCARStrek/browser/devtools/animationinspector.css @@ -0,0 +1,225 @@ +html { + height: 100%; +} + +body { + margin: 0; + padding: 0; + display : flex; + flex-direction: column; + height: 100%; + overflow: hidden; + color: var(--theme-content-color3); +} + +/* The top toolbar, containing the toggle-all button */ + +#toolbar { + border-bottom: 1px solid var(--theme-splitter-color); + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-end; + height: 20px; +} + +#toolbar .label { + padding: 1px 4px; +} + +#toggle-all { + border-width: 0 0 0 1px; + min-height: 20px; +} + +/* The error message, shown when an invalid/unanimated element is selected */ + +#error-message { + padding-top: 10%; + text-align: center; + flex: 1; + overflow: auto; + + /* The error message is hidden by default */ + display: none; +} + +/* The animation players container */ + +#players { + flex: 1; + overflow: auto; +} + +/* Element picker and toggle-all buttons */ + +#element-picker, +#toggle-all { + position: relative; +} + +#element-picker::before, +#toggle-all::before { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 50%; + top: 50%; + margin: -8px 0 0 -8px; + background-image: url("chrome://browser/skin/devtools/command-pick.png"); +} + +#toggle-all::before { + background-image: url("debugger-pause.png"); +} + +#element-picker[checked]::before { + background-position: -48px 0; + filter: none; /* Icon is blue when checked, don't invert for light theme */ +} + +#toggle-all.paused::before { + background-image: url("debugger-play.png"); +} + +@media (min-resolution: 2dppx) { + #element-picker::before { + background-image: url("chrome://browser/skin/devtools/command-pick@2x.png"); + background-size: 64px; + } + + #toggle-all::before { + background-image: url("debugger-pause@2x.png"); + } + + #toggle-all.paused::before { + background-image: url("debugger-play@2x.png"); + } +} + +/* Animation title gutter, contains the name, duration, iteration */ + +.animation-title { + background-color: var(--theme-toolbar-background); + border-bottom: 1px solid var(--theme-splitter-color); + padding: 1px 4px; + word-wrap: break-word; + overflow: auto; +} + +.animation-title .meta-data { + float: right; +} + +.animation-title strong { + margin: 0 .5em; +} + +/* Timeline wiget */ + +.timeline { + height: 20px; + width: 100%; + display: flex; + flex-direction: row; + border-bottom: 1px solid var(--theme-splitter-color); +} + +.timeline .playback-controls { + display: flex; + flex-direction: row; +} + +/* Playback control buttons */ + +.timeline .playback-controls button { + flex-grow: 1; + border-width: 0 1px 0 0; +} + +.timeline .toggle::before { + background-image: url(debugger-pause.png); +} + +.paused .timeline .toggle::before, +.finished .timeline .toggle::before { + background-image: url(debugger-play.png); +} + +.timeline .ff::before { + background-image: url(fast-forward.png); +} + +.timeline .rw::before { + background-image: url(rewind.png); +} + +@media (min-resolution: 2dppx) { + .timeline .toggle::before { + background-image: url(debugger-pause@2x.png); + } + + .paused .timeline .toggle::before, + .finished .timeline .toggle::before { + background-image: url(debugger-play@2x.png); + } + + .timeline .ff::before { + background-image: url(fast-forward@2x.png); + } + + .timeline .rw::before { + background-image: url(rewind@2x.png); + } +} + +.timeline .rate { + -moz-appearance: none; + text-align: center; + border-right: 1px solid var(--theme-splitter-color); +} + +/* Slider (input type range) container */ + +.timeline .sliders-container { + flex-grow: 1; + height: 100%; + position: relative; + border-width: 1px 0; +} + +.timeline .sliders-container .current-time { + position: absolute; + padding: 0; + margin: 0; + left: 0; + width: 100%; + height: 100%; +} + +.timeline .sliders-container .current-time::-moz-range-thumb { + height: 100%; + width: 4px; + border-radius: 0; + border: none; + background: var(--theme-highlight-blue); +} + +.timeline .sliders-container .current-time::-moz-range-track { + width: 100%; + height: 50px; + background: transparent; +} + +/* Current time label */ + +.timeline .time-display { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + border-left: 1px solid var(--theme-splitter-color); + background: var(--theme-toolbar-background); +} diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css index 54b0221a..c9ac0938 100644 --- a/LCARStrek/browser/devtools/dark-theme.css +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -17,6 +17,8 @@ --theme-toolbar-background: #000000; --theme-hover-background: #FFCF00; --theme-hover-color: #000000; + --theme-active-background: #FFCF00; + --theme-active-color: #000000; --theme-selection-background: #008484; --theme-selection-color: #000000; --theme-selection-background2: #004242; @@ -514,15 +516,15 @@ div.CodeMirror span.eval-text { } /* Button States */ -.devtools-toolbarbutton:hover, -#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover, -.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover { +.devtools-toolbarbutton:not([disabled]):hover, +#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover, +.devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover { /* background: rgba(0, 0, 0, .3); / Splitters */ } -.devtools-toolbarbutton:hover:active, -#toolbox-buttons .devtools-toolbarbutton[text-as-image]:hover:active, -.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]):hover:active { +.devtools-toolbarbutton:not([disabled]):hover:active, +#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active, +.devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active { /* background: rgba(0, 0, 0, .4); / Splitters */ } @@ -571,6 +573,59 @@ div.CodeMirror span.eval-text { .devtools-separator + .devtools-toolbarbutton { } +/* HTML buttons, similar to toolbar buttons, but work in HTML documents */ + +.devtools-button { + border: 0 solid var(--theme-splitter-color); + background: var(--theme-toolbar-background); + margin: 0; + padding: 0; + min-width: 32px; + min-height: 18px; + /* The icon is absolutely positioned in the button using ::before */ + position: relative; +} + +.devtools-button[standalone] { + min-height: 32px; + border-width: 1px; +} + +/* Button States */ +.devtools-button:not([disabled]):hover { + background: var(--theme-hover-background); + color: var(--theme-hover-color); +} + +.devtools-button:not([disabled]):hover:active { + background: var(--theme-active-background); + color: var(--theme-active-color); +} + +/* Menu type buttons and checked states */ +.devtools-button[checked] { + background: var(--theme-selection-background); + color: var(--theme-selection-color); +} + +.devtools-button::before { + content: ""; + display: block; + width: 16px; + height: 16px; + position: absolute; + left: 50%; + top: 50%; + margin: -8px 0 0 -8px; + background-repeat: no-repeat; +} + +@media (min-resolution: 2dppx) { + .devtools-button::before { + background-size: 32px; + } +} + /* Text input */ .devtools-textinput, diff --git a/LCARStrek/browser/devtools/fast-forward.png b/LCARStrek/browser/devtools/fast-forward.png new file mode 100644 index 00000000..80709a10 Binary files /dev/null and b/LCARStrek/browser/devtools/fast-forward.png differ diff --git a/LCARStrek/browser/devtools/fast-forward@2x.png b/LCARStrek/browser/devtools/fast-forward@2x.png new file mode 100644 index 00000000..b95c17a7 Binary files /dev/null and b/LCARStrek/browser/devtools/fast-forward@2x.png differ diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index d2fde02d..985e5a90 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -152,11 +152,38 @@ window { text-align: start; } -.requests-menu-domain { +.requests-menu-security-and-domain { width: 14vw; min-width: 10em; } +.requests-security-state-icon { + -moz-margin-end: 4px; + -moz-image-region:rect(0px, 16px, 16px, 0px); +} + +.requests-security-state-icon:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.requests-security-state-icon:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +.security-state-insecure { + list-style-image: url("chrome://browser/skin/identity-icons-generic.png"); +} + +.security-state-secure { + cursor: pointer; + list-style-image: url("chrome://browser/skin/identity-icons-https.png"); +} + +.security-state-broken { + cursor: pointer; + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png"); +} + .requests-menu-type { text-align: center; width: 4em; @@ -474,6 +501,20 @@ box.requests-menu-status[code^="5"] { transition: transform 0.2s ease-out; } +/* Security tabpanel */ + +.security-info-section { + -moz-padding-start: 1em; +} + +#security-tabpanel { + overflow: auto; +} + +#security-error-message { + white-space: pre-wrap; +} + /* Custom request form */ #custom-pane { @@ -665,7 +706,7 @@ box.requests-menu-status[code^="5"] { } .requests-menu-icon-and-file, - .requests-menu-domain { + .requests-menu-security-and-domain { width: 30vw; } diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css index 98acfe04..f0b94b54 100644 --- a/LCARStrek/browser/devtools/performance.css +++ b/LCARStrek/browser/devtools/performance.css @@ -71,11 +71,13 @@ list-style-image: url(performance-icons.svg#details-waterfall); } +#select-calltree-view, #select-js-calltree-view, #select-memory-calltree-view { list-style-image: url(performance-icons.svg#details-call-tree); } +#select-flamegraph-view, #select-js-flamegraph-view, #select-memory-flamegraph-view { list-style-image: url(performance-icons.svg#details-flamegraph); diff --git a/LCARStrek/browser/devtools/rewind.png b/LCARStrek/browser/devtools/rewind.png new file mode 100644 index 00000000..d1a4b273 Binary files /dev/null and b/LCARStrek/browser/devtools/rewind.png differ diff --git a/LCARStrek/browser/devtools/rewind@2x.png b/LCARStrek/browser/devtools/rewind@2x.png new file mode 100644 index 00000000..bd38626f Binary files /dev/null and b/LCARStrek/browser/devtools/rewind@2x.png differ diff --git a/LCARStrek/browser/devtools/timeline-filter.svg b/LCARStrek/browser/devtools/timeline-filter.svg new file mode 100644 index 00000000..9779755f --- /dev/null +++ b/LCARStrek/browser/devtools/timeline-filter.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/timeline.css b/LCARStrek/browser/devtools/timeline.css index 08a18904..ba707eca 100644 --- a/LCARStrek/browser/devtools/timeline.css +++ b/LCARStrek/browser/devtools/timeline.css @@ -5,6 +5,7 @@ #record-button { list-style-image: url("profiler-stopwatch.svg"); + min-width: 24px; } #record-button[checked] { @@ -15,6 +16,36 @@ visibility: hidden; } +#memory-checkbox .checkbox-label { + line-height: 100%; +} + +#filter-button { + list-style-image: url(timeline-filter.svg#filter); + min-width: 24px; +} + +#filter-button[disabled] { + list-style-image: url(timeline-filter.svg#filter-disabled); +} + +#filter-button:not([disabled]):hover, +#filter-button[open] { + list-style-image: url(timeline-filter.svg#filter-open); +} + +#timelineFilterPopup > menuitem:before { + content: ""; + display: block; + width: 8px; + height: 8px; + margin: 0 8px; + border: 1px solid; + border-radius: 1px; + background-color: var(--bullet-bg); + border-color: var(--bullet-border); +} + .notice-container { font-size: 120%; padding-bottom: 35vh; @@ -143,24 +174,30 @@ border-color: initial !important; } +.waterfall-marker-location { + color: #3333FF; +} + +.waterfall-marker-location:hover, +.waterfall-marker-location:focus { + text-decoration: underline; +} + #timeline-waterfall-details { -moz-padding-start: 8px; -moz-padding-end: 8px; - padding-top: 8vh; + padding-top: 2vh; overflow: auto; } .marker-details-bullet { width: 8px; height: 8px; - margin: 0 8px; border: 1px solid; border-radius: 1px; } -.marker-details-start, -.marker-details-end, -.marker-details-duration { +#timeline-waterfall-details > * { padding-top: 3px; } diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index e72ef972..26827648 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -138,7 +138,7 @@ a { display: flex; } -.message-body { +.message-body > * { white-space: pre-wrap; word-wrap: break-word; } diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index 2979d74c..62f3b365 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -878,26 +878,14 @@ } .line-graph-widget-tooltip[type=maximum] { - left: -1px; -} - -.line-graph-widget-tooltip[type=minimum] { - left: -1px; -} - -.line-graph-widget-tooltip[type=average] { - right: -1px; -} - -.line-graph-widget-tooltip[type=maximum][with-arrows=true] { left: 14px; } -.line-graph-widget-tooltip[type=minimum][with-arrows=true] { +.line-graph-widget-tooltip[type=minimum] { left: 14px; } -.line-graph-widget-tooltip[type=average][with-arrows=true] { +.line-graph-widget-tooltip[type=average] { right: 4px; } diff --git a/LCARStrek/browser/drm-icon.svg b/LCARStrek/browser/drm-icon.svg new file mode 100644 index 00000000..d80d2777 --- /dev/null +++ b/LCARStrek/browser/drm-icon.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/heartbeat-icon.svg b/LCARStrek/browser/heartbeat-icon.svg new file mode 100644 index 00000000..9eef947e --- /dev/null +++ b/LCARStrek/browser/heartbeat-icon.svg @@ -0,0 +1,23 @@ + + + +  + Line 14 + Created with Sketch. + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LCARStrek/browser/heartbeat-star-lit.svg b/LCARStrek/browser/heartbeat-star-lit.svg new file mode 100644 index 00000000..356d77d6 --- /dev/null +++ b/LCARStrek/browser/heartbeat-star-lit.svg @@ -0,0 +1,428 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LCARStrek/browser/heartbeat-star-off.svg b/LCARStrek/browser/heartbeat-star-off.svg new file mode 100644 index 00000000..5709e3b9 --- /dev/null +++ b/LCARStrek/browser/heartbeat-star-off.svg @@ -0,0 +1,428 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 2b56f30a..6175092e 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -196,6 +196,13 @@ treecol { font-weight: bold; } +/* Content pane */ +#playDRMContentLink { + /* Line up with the buttons in the other grid bits: */ + margin-left: 4px !important; + margin-right: 4px !important; +} + /* Applications Pane Styles */ #applicationsContent { @@ -259,6 +266,10 @@ description > html|a { padding-bottom: 0; /* no padding needed in inContent prefs */ } +#tabsElement { +/* -moz-margin-end: 4px; / add the 4px end-margin of other elements */ +} + #encryptionPanel { margin-top: 15px; } @@ -294,6 +305,7 @@ description > html|a { #dialogBox { background-color: #000000; + background-clip: content-box; color: #FF9F00; /* font-size: 14px; */ border: 1px solid #9C9CFF; @@ -353,6 +365,28 @@ description > html|a { * End Dialog */ +/** + * Sync migration + */ +#sync-migrate-upgrade-description { + /* description elts need a min-width to wrap correctly - bug 630864? */ + min-width: 100px +} + +#sync-migration { + border: 1px solid #9C9CFF; + background-color: #000000; + color: #A09090; + text-shadow: none; + margin: 5px 0 0 0; + animation: fadein 3000ms; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + /* === END shared/in-content/preferences.css === */ caption { diff --git a/LCARStrek/browser/preferences/preferences.css b/LCARStrek/browser/preferences/preferences.css index bfaae179..f72adf12 100644 --- a/LCARStrek/browser/preferences/preferences.css +++ b/LCARStrek/browser/preferences/preferences.css @@ -207,3 +207,24 @@ label.small { #noFxaAccount > label:first-child { margin-bottom: 0.6em; } + +/** + * Sync migration + */ +#sync-migration { + border: 1px solid #9C9CFF; + background-color: #000000; + color: #A09090; + text-shadow: none; + margin: 5px 0 0 0; + animation: fadein 3000ms; +} + +#sync-migration description { + margin: 8px; +} + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} diff --git a/LCARStrek/browser/searchbar.css b/LCARStrek/browser/searchbar.css index 30fc3538..7918cfa7 100644 --- a/LCARStrek/browser/searchbar.css +++ b/LCARStrek/browser/searchbar.css @@ -134,14 +134,17 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon .search-panel-current-engine { border-top: none !important; - border-bottom: 1px solid #9C9CFF; -moz-box-align: center; } +.search-panel-current-engine:not([showonlysettings]) { + border-bottom: none; +} + .search-panel-header { font-weight: normal; background-color: #A09090; - border-top: 1px solid #9C9CFF; + border-top: 1px solid #000000; margin: 0; padding: 3px 6px; color: #000000; @@ -157,7 +160,7 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon .search-panel-one-offs { margin: 0 0 !important; - border-top: 1px solid #9C9CFF; + border-top: 1px solid #000000; line-height: 0; } @@ -184,7 +187,6 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon background-image: none; } -.searchbar-engine-one-off-item:hover:not(.dummy), .searchbar-engine-one-off-item[selected] { background-color: #008484; background-image: none; @@ -217,10 +219,10 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon } .addengine-item:first-of-type { - border-top: 1px solid #9C9CFF; + border-top: 1px solid #000000; } -.addengine-item:hover { +.addengine-item[selected] { background-color: #FFCF00; color: #000000; } @@ -283,11 +285,12 @@ searchbar[oneoffui] .searchbar-engine-image { border-left: none; border-right: none; border-radius: 0; + background-color: #C09070; -moz-border-top-colors: none; /* min-height: 32px;*/ } -.search-setting-button:hover { +.search-setting-button[selected] { background-color: #FFCF00; - border-top-color: #9C9CFF; + border-top-color: #000000; }