From e7c8bab1697c2a99a9b8d4f2fec8faa947e38aaf Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 26 Oct 2013 02:32:47 +0200 Subject: [PATCH] first part of LCARStrek sync to browser windows theme changes in Firefox 25 --- LCARStrek/browser/aboutWelcomeBack.css | 7 + LCARStrek/browser/browser.css | 83 +++++++-- LCARStrek/browser/devtools/netmonitor.css | 19 +++ LCARStrek/browser/devtools/profiler.css | 105 ++++++++++-- LCARStrek/browser/downloads/downloads.css | 160 ------------------ .../identity-icons-https-mixed-display.png | Bin 0 -> 234 bytes 6 files changed, 189 insertions(+), 185 deletions(-) create mode 100644 LCARStrek/browser/aboutWelcomeBack.css create mode 100644 LCARStrek/browser/identity-icons-https-mixed-display.png diff --git a/LCARStrek/browser/aboutWelcomeBack.css b/LCARStrek/browser/aboutWelcomeBack.css new file mode 100644 index 00000000..f38dda18 --- /dev/null +++ b/LCARStrek/browser/aboutWelcomeBack.css @@ -0,0 +1,7 @@ +/* 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/. */ + +#errorPageContainer { + background-image: url("chrome://global/skin/icons/information-64.png"); +} diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 0c0b9fcc..33f80330 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1341,16 +1341,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon padding-right: 2.01px; } -#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { - color: #9C9CFF; - -moz-border-end: 1px solid #9C9CFF; -} - -#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { - color: #008484; - -moz-border-end: 1px solid #008484; -} - #urlbar[pageproxystate="valid"] > #identity-box.chromeUI, #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { -moz-margin-end: 3px; @@ -1407,11 +1397,36 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* page proxy icon */ +/* === BEGIN identity-block.inc.css === */ + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI { + /* Default theme does different color per channel, we can't as they do it build-time. */ + color: #9C9CFF; + -moz-border-end: 1px solid #9C9CFF; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: #008484; + -moz-border-end: 1px solid #008484; +} + +#urlbar[pageproxystate="valid"] > #identity-box.chromeUI, +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + background-position: right; + background-size: 1px; + background-repeat: no-repeat; +} + +/* page proxy icon */ + #page-proxy-favicon { width: 16px; height: 16px; list-style-image: url("chrome://browser/skin/identity-icons-generic.png"); - -moz-image-region: rect(0, 16px, 16px, 0); +} + +.chromeUI > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url("chrome://branding/content/identity-icons-brand.png"); } .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { @@ -1426,6 +1441,39 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-active.png"); } +.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png"); +} + +.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url("chrome://browser/skin/identity-icons-https-mixed-display.png"); +} + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; +} + +#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon { + list-style-image: url("chrome://branding/content/icon64.png"); +} + +#identity-popup-brandName { + font-weight: bold; + font-size: 1.25em; + margin-top: .5em; + margin-bottom: .5em; +} + +#identity-popup-content-box { + max-width: 50ch; +} + +/* === END identity-block.inc.css === */ + +#page-proxy-favicon { + -moz-image-region: rect(0, 16px, 16px, 0); +} + #identity-box:hover > #page-proxy-favicon { -moz-image-region: rect(0, 32px, 16px, 16px); } @@ -1460,10 +1508,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon color: #000000; } -#page-proxy-favicon[pageproxystate="invalid"] { - opacity: 0.3; -} - /* autocomplete */ #treecolAutoCompleteImage { @@ -3087,6 +3131,8 @@ html|*#gcli-output-frame { border-radius: inherit; } +/* === BEGIN chat.inc.css === */ + .chat-status-icon { max-height: 16px; max-width: 16px; @@ -3110,6 +3156,11 @@ html|*#gcli-output-frame { width: inherit; } +.chat-toolbarbutton.notification-anchor-icon > .toolbarbutton-icon { + width: inherit; + margin-top: -2px; +} + .chat-close-button { list-style-image: url('chrome://browser/skin/social/chat-icons.png'); -moz-image-region: rect(0, 16px, 16px, 0); @@ -3278,6 +3329,8 @@ window > chatbox { padding: 0px; } +/* === END chat.inc.css === */ + /* === BEGIN plugin-doorhanger.inc.css === */ /** diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index f52af8ad..62ee4550 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -360,6 +360,11 @@ window { padding-top: 2px; } +#headers-summary-resend { + margin: 0 6px; +/* min-height: 20px;*/ +} + /* Response tabpanel */ #response-content-info-header { @@ -395,6 +400,20 @@ window { transition: transform 0.2s ease-out; } +/* Custom request form */ + +#custom-pane { + padding: 0.6em 0.5em; +} + +.custom-header { + font-size: 1.1em; +} + +.custom-section { + margin-top: 0.5em; +} + /* Footer */ #requests-menu-footer { diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css index bfdf77af..22861fac 100644 --- a/LCARStrek/browser/devtools/profiler.css +++ b/LCARStrek/browser/devtools/profiler.css @@ -2,29 +2,85 @@ * 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/. */ +/* === file identical to profiler.inc.css === */ + window { padding: 0; } +.profiler-sidebar-empty-notice { + max-width: 176px; + padding: 10px; + background-color: #A09090; + color: #000000; + font-weight: bold; +} + .devtools-toolbar { +/* min-height: 33px; */ } -.profile-name { +.profiler-sidebar { + min-width: 196px; +} + +.profiler-sidebar + .devtools-side-splitter { + -moz-border-start-color: transparent; +} + +.profiler-sidebar-item { + padding: 3px 5px; +} + +.profiler-sidebar-item, .side-menu-widget-item-contents { + cursor: default; +} + +.profiler-sidebar-item > h3 { font-size: 13px; - padding: 8px; + display: block; + cursor: pointer; } -#profiles-list > li { - width: 180px; +.profiler-sidebar-item > hbox { + margin-top: 2px; + color: #A09090; +} + +.profiler-sidebar-item > hbox > a { + display: none; + text-decoration: underline; cursor: pointer; } -.splitview-nav-container button { - color: #FF9F00; - background-clip: padding-box; - border-bottom: 1px solid #A09090; - -moz-padding-end: 8px; - -moz-box-align: center; +.profiler-sidebar-item > hbox > a:hover { + color: #FFCF00; +} + +[state=completed].selected .profiler-sidebar-item > hbox > a { + display: block; +} + +.selected .profiler-sidebar-item > hbox { + color: #3A3A5F; /* 37% of #9C9CFF */ +} + +#profiler-controls > toolbarbutton { +/* margin: 0; + box-shadow: none; + border-radius: 0; + border-width: 0; + -moz-border-end-width: 1px; + outline-offset: -3px;*/ +} + +#profiler-controls > toolbarbutton:last-of-type { +/* -moz-border-end-width: 0;*/ +} + +#profiler-controls { + border-radius: 3px; + margin: 0 3px; } #profiler-start { @@ -43,3 +99,32 @@ window { #profiler-start[checked]:hover { -moz-image-region: rect(16px,32px,32px,16px); } + + + + + + +/* +.devtools-toolbar { +} + +.profile-name { + font-size: 13px; + padding: 8px; +} + +#profiles-list > li { + width: 180px; + cursor: pointer; +} + +.splitview-nav-container button { + color: #FF9F00; + background-clip: padding-box; + border-bottom: 1px solid #A09090; + -moz-padding-end: 8px; + -moz-box-align: center; +} + +*/ \ No newline at end of file diff --git a/LCARStrek/browser/downloads/downloads.css b/LCARStrek/browser/downloads/downloads.css index f23eb36c..26e7ce4e 100644 --- a/LCARStrek/browser/downloads/downloads.css +++ b/LCARStrek/browser/downloads/downloads.css @@ -180,163 +180,3 @@ richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hove richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { -moz-image-region: rect(32px, 32px, 48px, 16px); } - -/*** Status and progress indicator ***/ - -#downloads-indicator-anchor { - /* Makes the outermost stack element positioned, so that its contents are - rendered over the main browser window in the Z order. This is required by - the animated event notification. */ - position: relative; -} - -/*** Main indicator icon ***/ - -#downloads-indicator-icon { - background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), - 0, 108, 18, 90) center no-repeat; - min-width: 18px; - min-height: 18px; -} - -#downloads-indicator:hover > #downloads-indicator-anchor > #downloads-indicator-icon, -#downloads-indicator[open="true"] > #downloads-indicator-anchor > #downloads-indicator-icon, -#downloads-indicator[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-icon { - background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), - 18, 108, 36, 90) center no-repeat; - color: #000000; -} - -#downloads-indicator-icon:-moz-lwtheme-brighttext { -/* background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), - 0, 108, 18, 90) center no-repeat;*/ -} - -#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { - background-image: url("chrome://browser/skin/downloads/download-glow.png"); -} - -/* In the next few rules, we use :not([counter]) as a shortcut that is - equivalent to -moz-any([progress], [paused]). */ - -#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { - background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), - 0, 108, 18, 90) center no-repeat; - background-size: 12px; -} - -#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { - background-image: url("chrome://browser/skin/downloads/download-glow.png"); -} - -#downloads-indicator:not([counter]):hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, -#downloads-indicator[open="true"]:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, -#downloads-indicator:not([counter])[attention]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { - background: -moz-image-rect(url("chrome://browser/skin/FxToolbar.png"), - 18, 108, 36, 90) center no-repeat; - background-size: 12px; -} - -/*** Download notifications ***/ - -#downloads-indicator-notification { - opacity: 0; - background-size: 16px; - background-position: center; - background-repeat: no-repeat; -} - -@keyframes downloadsIndicatorNotificationStartRight { - from { opacity: 0; transform: translate(-128px, 128px) scale(8); } - 20% { opacity: .85; animation-timing-function: ease-out; } - to { opacity: 0; transform: translate(0) scale(1); } -} - -@keyframes downloadsIndicatorNotificationStartLeft { - from { opacity: 0; transform: translate(128px, 128px) scale(8); } - 20% { opacity: .85; animation-timing-function: ease-out; } - to { opacity: 0; transform: translate(0) scale(1); } -} - -#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { - background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); - animation-name: downloadsIndicatorNotificationStartRight; - animation-duration: 1s; -} - -#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { - animation-name: downloadsIndicatorNotificationStartLeft; -} - -@keyframes downloadsIndicatorNotificationFinish { - from { opacity: 0; transform: scale(1); } - 20% { opacity: .65; animation-timing-function: ease-in; } - to { opacity: 0; transform: scale(8); } -} - -#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { - background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); - animation-name: downloadsIndicatorNotificationFinish; - animation-duration: 1s; -} - -/*** Progress bar and text ***/ - -#downloads-indicator-counter { - height: 9px; - margin: -3px 0 0; - color: #FFCF00; - font-size: 9px; - line-height: 9px; - text-align: center; -} - -#downloads-indicator-counter:-moz-lwtheme-brighttext { -/* color: white; - text-shadow: 0 0 1px rgba(0,0,0,.7), - 0 1px 1.5px rgba(0,0,0,.5);*/ -} - -#downloads-indicator[counter]:hover > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter, -#downloads-indicator[counter][open="true"] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { - color: #000000; -} - -#downloads-indicator-progress { - width: 16px; - height: 5px; - min-width: 0; - min-height: 0; - margin-top: 1px; - margin-bottom: 2px; - border-radius: 2px; - background-color: #795900; -} - -#downloads-indicator-progress > .progress-bar { - -moz-appearance: none; - min-width: 0; - min-height: 0; - background-color: #008484; - border-radius: 2px 0 0 2px; -} - -#downloads-indicator-progress > .progress-remainder { - min-width: 0; - min-height: 0; - background-color: #A09090; - border-radius: 0 2px 2px 0; -} - -#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { - background-color: #8050B0; -} - -#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { - background-color: #404048; -} - -toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { - margin: 0; - text-align: center; -} diff --git a/LCARStrek/browser/identity-icons-https-mixed-display.png b/LCARStrek/browser/identity-icons-https-mixed-display.png new file mode 100644 index 0000000000000000000000000000000000000000..2cbbec609fb2fc8e3a2457b12426a6bd7f4e18ff GIT binary patch literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^20$#p#0(^L4~QrMDb4_&5LX6<^f`0>FPJdFRQRYb zP>``C$S;_|;n|He5GTpo-G!lpRn`Nfyuc%}n1O*?7=#%aX3dcR3bL1Y`ns~;<&qSU z6SK=#ISv$x@^o9Cr zOu5UY9y9)3B9+ZpyiDp?Lx9#t$@^+soO>Vs+x3c5;@EobxeR7zlVon(^$2yUe8B#y WK~}JPn@%Ip76wmOKbLh*2~7ZWmqpqD literal 0 HcmV?d00001 -- 2.43.0