From: Robert Kaiser Date: Mon, 12 Aug 2013 05:40:03 +0000 (+0200) Subject: sync LCARStrek with windows browser theme changes in Firefox 24 X-Git-Tag: LCARStrek-2.21~3 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=e2734cc744523d8adb0aa3d44644220b98d8201c;p=themes.git sync LCARStrek with windows browser theme changes in Firefox 24 --- diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 5622edd8..a48dc027 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -395,6 +395,10 @@ menubar { height: 16px; } +#PlacesToolbarItems > .bookmark-item:not([image]):not([label=""]):not([container]) > .toolbarbutton-icon { + display: none; +} + /* Prevent [mode="icons"] from hiding the label */ .bookmark-item > .toolbarbutton-text { display: -moz-box !important; @@ -1667,24 +1671,44 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- /* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */ width: 330px; height: 150px; - border-top-left-radius: none; - border-bottom-left-radius: none; - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; /* we resize our panels dynamically, make it look nice */ transition: height 100ms ease-out, width 100ms ease-out; } -#social-share-panel > .social-share-toolbar { +.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; } -#social-share-provider-buttons { +#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) { + 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) { 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 */ #social-mark-button { @@ -2223,7 +2247,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .popup-notification-icon[popupid="indexedDB-permissions-prompt"], .popup-notification-icon[popupid="indexedDB-quota-prompt"], -.popup-notification-icon[popupid*="offline-app-requested"] { +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } @@ -2284,14 +2309,17 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* outline-offset: -3px; */ } +.default-notification-icon, #default-notification-icon { list-style-image: url("chrome://global/skin/icons/information-16.png"); } +.identity-notification-icon, #identity-notification-icon { list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); } +.geo-notification-icon, #geo-notification-icon { list-style-image: url("chrome://browser/skin/Geolocation-16.png"); } @@ -2300,6 +2328,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } +.indexedDB-notification-icon, #indexedDB-notification-icon { list-style-image: url("chrome://global/skin/icons/question-16.png"); } @@ -2344,18 +2373,22 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } +.mixed-content-blocked-notification-icon, #mixed-content-blocked-notification-icon { list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png"); } +.webRTC-shareDevices-notification-icon, #webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); } +.webRTC-sharingDevices-notification-icon, #webRTC-sharingDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png"); } +.web-notifications-notification-icon, #web-notifications-notification-icon { list-style-image: url("chrome://browser/skin/notification-16.png"); } @@ -3067,7 +3100,7 @@ html|*#gcli-output-frame { } .chat-close-button { - list-style-image: url('chrome://browser/skin/social/chat-close.png'); + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); -moz-image-region: rect(0, 14px, 14px, 0); } @@ -3076,6 +3109,36 @@ html|*#gcli-output-frame { -moz-image-region: rect(14px, 14px, 28px, 0); } +.chat-minimize-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 28px, 14px, 14px); +} + +.chat-minimize-button:hover:active, +.chat-minimize-button:hover { + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +.chat-swap-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +.chat-swap-button:hover:active, +.chat-swap-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 56px, 14px, 42px); +} + +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active, +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover { + -moz-image-region: rect(14px, 56px, 28px, 42px); +} + .chat-title { font-weight: bold; font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; @@ -3097,6 +3160,11 @@ html|*#gcli-output-frame { cursor: pointer; } +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; +} + .chat-titlebar[minimized="true"] { border-bottom: none; } @@ -3192,6 +3260,13 @@ chatbox[minimized="true"] { height: 20px; } +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; +} + .click-to-play-plugins-notification-content { margin: -10px; border-radius: 4px; diff --git a/LCARStrek/browser/devtools/arrows.png b/LCARStrek/browser/devtools/arrows.png deleted file mode 100644 index 83ec0cc0..00000000 Binary files a/LCARStrek/browser/devtools/arrows.png and /dev/null differ diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index 1b303c34..f52af8ad 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -7,13 +7,13 @@ window { padding: 0; } -/* Network requests table */ - #body { background-color: #000000; } -.requests-menu-empty-notice { +/* Network requests table */ + +#requests-menu-empty-notice { background-color: #A09090; border-radius: 8px; padding: 12px; @@ -29,10 +29,6 @@ window { display: none; } -.requests-menu-header { - text-align: center; -} - .requests-menu-header:first-child { -moz-padding-start: 4px; -moz-margin-start: 4px; @@ -51,8 +47,9 @@ window { #requests-menu-status-button { background-color: transparent; border-radius: 0; - min-width: 10px; + min-width: 20px; margin: 0; + font-weight: inherit !important; transition: background-color 0.1s ease-in-out; } @@ -136,6 +133,8 @@ window { .requests-menu-status { background-color: #A09090; + -moz-margin-start: 5px; + -moz-margin-end: 5px; border-radius: 20px; border: 1px solid #000000; transition: background-color 0.5s ease-in-out; @@ -296,12 +295,14 @@ window { background-color: #A09090; } +/* SideMenuWidget */ + .side-menu-widget-item:nth-child(even) { background: rgba(255,159,0,0.1); } .side-menu-widget-item-contents { - padding: 0px 4px; + padding: 0; } /* Network request details */ @@ -361,6 +362,13 @@ window { /* Response tabpanel */ +#response-content-info-header { + background-color: #A09090; + color: #000000; + margin: 0; + padding: 5px 8px; +} + #response-content-image-box { padding-top: 10px; padding-bottom: 10px; @@ -387,6 +395,47 @@ window { transition: transform 0.2s ease-out; } +/* Footer */ + +#requests-menu-footer { + border-top: 1px solid #9C9CFF; + padding-top: 3px; +} + +.requests-menu-footer-button, +.requests-menu-footer-label { + min-width: 1em; + margin: 0; + -moz-margin-end: 3px; + border: none; + padding: 0px 1.5vw; +/* color: #fff;*/ +} + +.requests-menu-footer-spacer { + min-width: 2px; +} + +.requests-menu-footer-spacer, +.requests-menu-footer-button { +} + +.requests-menu-footer-button { +} + +.requests-menu-footer-button:hover { +} + +.requests-menu-footer-button:hover:active { +} + +.requests-menu-footer-button:not(:active)[checked] { +} + +.requests-menu-footer-label { + font-weight: 600; +} + /* Responsive sidebar */ @media (max-width: 700px) { #requests-menu-toolbar { @@ -394,7 +443,12 @@ window { } .requests-menu-header-button { - min-height: 23px; /* Remaining 1px comes from border of the button. */ + min-height: 23px; /* Remaining 1px comes from border of the toolbar. */ + } + + .requests-menu-footer-button, + .requests-menu-footer-label { + padding: 0px 2vw; } #details-pane { @@ -404,13 +458,12 @@ window { } .requests-menu-status-and-method { - width: 14vw; + width: 16vw; } .requests-menu-file, .requests-menu-domain { width: 30vw; - min-width: 10em; } .requests-menu-type { diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index b5216812..8fe61503 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -287,6 +287,8 @@ webconsole-mixed-content { border: none; } +/* Security styles */ + .webconsole-msg-security > .webconsole-msg-icon-container { -moz-border-start: solid #FF0000 6px; } @@ -295,3 +297,11 @@ webconsole-mixed-content { background-color: #FF0000; border-color: #FFCF00; } + +.webconsole-msg-security.webconsole-msg-error { + -moz-image-region: rect(32px, 16px, 40px, 8px); +} + +.webconsole-msg-security.webconsole-msg-warn { + -moz-image-region: rect(32px, 24px, 40px, 16px); +} diff --git a/LCARStrek/browser/devtools/webconsole.png b/LCARStrek/browser/devtools/webconsole.png index 9136cd90..25cc9d7d 100644 Binary files a/LCARStrek/browser/devtools/webconsole.png and b/LCARStrek/browser/devtools/webconsole.png differ diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css index 2161a511..eb0223a2 100644 --- a/LCARStrek/browser/devtools/widgets.css +++ b/LCARStrek/browser/devtools/widgets.css @@ -511,10 +511,10 @@ color: #FF9F00; } -/* Non enumerable, configurable and writable variables and properties */ +/* Custom configurable/enumerable/writable or frozen/sealed/extensible + * variables and properties */ -.variable-or-property[proto] > .title > .name, -.variable-or-property[non-enumerable]:not([self]):not([exception]) > .title > .name { +.variable-or-property[non-enumerable]:not([self]):not([exception]):not([return]) > .title > .name { opacity: 0.5; } @@ -522,17 +522,11 @@ border-bottom: 1px dashed #9C9CFF; } -.variable-or-property[non-configurable][non-writable] > .title > .name { +.variable-or-property[non-writable] > .title > .name { border-bottom: 1px dashed #FF0000; } -.variable-or-property[safe-getter] > .title > .name { - border-bottom: 1px dashed #A09090; -} - -.variable-or-property[non-writable] > .title:after { - content: " "; - display: inline-block; +.variable-or-property-non-writable-icon { background: url("chrome://browser/skin/identity-icons-https.png") no-repeat; width: 16px; height: 16px; @@ -540,16 +534,33 @@ } @media (min-resolution: 2dppx) { - .variable-or-property[non-writable] > .title:after { + .variable-or-property-non-writable-icon > .title:after { background-image: url("chrome://browser/skin/identity-icons-https@2x.png"); background-size: 32px; } } +.variable-or-property-frozen-label, +.variable-or-property-sealed-label, +.variable-or-property-non-extensible-label { + -moz-padding-end: 4px; + color: #A09090; +} + +/* Special variables and properties */ + +.variable-or-property[safe-getter] > .title > .name { + border-bottom: 1px dashed #A09090; +} + .variable-or-property[exception]:not(:focus) > .title > .name { color: #FF0000; } +.variable-or-property[return]:not(:focus) > .title > .name { + color: #008484; +} + /* Variables and properties tooltips */ .variable-or-property > tooltip > label { @@ -558,12 +569,16 @@ .variable-or-property[non-enumerable] > tooltip > label[value=enumerable], .variable-or-property[non-configurable] > tooltip > label[value=configurable], -.variable-or-property[non-writable] > tooltip > label[value=writable] { +.variable-or-property[non-writable] > tooltip > label[value=writable] +.variable-or-property[non-extensible] > tooltip > label[value=extensible] { + color: #A09090; text-decoration: line-through; } -.variable-or-property:not([safe-getter]) > tooltip > label[value=native-getter] { - display: none; +.variable-or-property[safe-getter] > tooltip > label[value=WebIDL] { + -moz-padding-start: 4px; + -moz-border-start: 1px dotted #9C9CFF; + color: #008484; } /* Variables and properties editing */ diff --git a/LCARStrek/browser/social/chat-close.png b/LCARStrek/browser/social/chat-close.png deleted file mode 100644 index 9061a4da..00000000 Binary files a/LCARStrek/browser/social/chat-close.png and /dev/null differ diff --git a/LCARStrek/browser/social/chat-icons.png b/LCARStrek/browser/social/chat-icons.png new file mode 100644 index 00000000..901b6db8 Binary files /dev/null and b/LCARStrek/browser/social/chat-icons.png differ