sync LCARStrek with windows browser theme changes in Firefox 24

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 5622edd8c44dcda93666c5fbc5c85075506444f8..a48dc0271c32e68a9eccb945c4152c309d8f0585 100644 (file)
--- 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 (file)
index 83ec0cc..0000000
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 1b303c34b1c37acbc3bcfb9289f8aaeae064a682..f52af8ad5df9675c3bfe684a56f92ed83bcea49f 100644 (file)
--- 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 b521681247aa48e4aacde91e46c3bed1e1298db0..8fe61503e624ebff0e8dd3941fd7fe151943a381 100644 (file)
--- 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 9136cd90539520a5fd67b19201c7978989b04b6c..25cc9d7d6576e41ba5ff26785328556b23be1412 100644 (file)
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 2161a5112db7bd8f6fea26ee53c9c22b18742986..eb0223a28af6312705b83a76129a1ac1844943b8 100644 (file)
--- 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 (file)
index 9061a4d..0000000
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 (file)
index 0000000..901b6db
Binary files /dev/null and b/LCARStrek/browser/social/chat-icons.png differ