first part of synching LCARStrek with windows theme changes in Firefox 28 cycle

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 6c587e50ddc0aa6639f0082c387d7167fe051761..2dd544b711da86b1b38081dcaa3ac16922968bb2 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -2499,6 +2499,13 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   max-height: 16px;
 }
 
   max-height: 16px;
 }
 

+toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
+  width: auto;
+  height: auto;
+  max-width: 32px;
+  max-height: 24px;
+}
+

 /* fixup corners for share panel */
 .social-panel > .social-panel-frame {
   border-radius: inherit;
 /* fixup corners for share panel */
 .social-panel > .social-panel-frame {
   border-radius: inherit;


@@ -3057,11 +3064,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   width: 16px;
 }
 
   width: 16px;
 }
 

-#identity-popup-help-icon:-moz-focusring {
-  outline: 1px dotted;
-  outline-offset: 1px;
-}
-

 #identity-popup-more-info-button {
   margin-top: 6px;
   margin-bottom: 0;
 #identity-popup-more-info-button {
   margin-top: 6px;
   margin-bottom: 0;


@@ -3539,7 +3541,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
 /* Highlighter - Node Infobar - buttons */
 
 .highlighter-nodeinfobar-button {
 /* Highlighter - Node Infobar - buttons */
 
 .highlighter-nodeinfobar-button {

-  border-width: 0;

   padding: 0;
   width: 26px;
   min-height: 26px;
   padding: 0;
   width: 26px;
   min-height: 26px;

diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 52c1bbcac6e4ec59060eeb0652c77fa1edcdb2dd..f112026ad4f0bd55a0e6e622225cdd6ea72d12fc 100644 (file)
--- a/LCARStrek/browser/devtools/common.css
+++ b/LCARStrek/browser/devtools/common.css
@@ -366,11 +366,28 @@ devtools-menulist:-moz-focusring,
   background: #A09090;
   border-radius: 3px;
 }
   background: #A09090;
   border-radius: 3px;
 }

+

 .devtools-tooltip.devtools-tooltip-panel .panel-arrowcontent {
   /* If the tooltip uses a <panel> XUL element instead */
   padding: 4px;
 }
 
 .devtools-tooltip.devtools-tooltip-panel .panel-arrowcontent {
   /* If the tooltip uses a <panel> XUL element instead */
   padding: 4px;
 }
 

+.devtools-tooltip-simple-text {
+  background: #000000;
+  max-width: 400px;
+  margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */
+  padding: 8px 12px;
+  white-space: pre-wrap;
+}
+
+.devtools-tooltip-simple-text:first-child {
+  margin-top: -4px;
+}
+
+.devtools-tooltip-simple-text:last-child {
+  margin-bottom: -4px;
+}
+

 .devtools-tooltip-simple-text {
   background-color: #000000;
   max-width: 400px;
 .devtools-tooltip-simple-text {
   background-color: #000000;
   max-width: 400px;

diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index 35b4c457506f4fd35d0325caf328651668cf47e3..4de0915d270d499fc540a0f171f489a20db413ae 100644 (file)
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -81,16 +81,14 @@ a {
 
 .message > .location {
   -moz-margin-start: 6px;
 
 .message > .location {
   -moz-margin-start: 6px;

+  display: flex;

   flex: 0 0 auto;
   align-self: flex-start;
   flex: 0 0 auto;
   align-self: flex-start;

+  justify-content: flex-end;

   width: 10em;
   margin-top: 4px;
   width: 10em;
   margin-top: 4px;

-  text-align: end;

   color: #3333FF;
   color: #3333FF;

-  text-overflow: ellipsis;

   text-decoration: none;
   text-decoration: none;

-  overflow: hidden;
-  white-space: nowrap;

 }
 
 .message > .location:hover,
 }
 
 .message > .location:hover,


@@ -98,6 +96,17 @@ a {
   text-decoration: underline;
 }
 
   text-decoration: underline;
 }
 

+.message > .location > .filename {
+  text-overflow: ellipsis;
+  text-align: end;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.message > .location > .line-number {
+  flex: 0 0 auto;
+}
+

 .hud-msg-node[selected="true"] > .webconsole-timestamp,
 .hud-msg-node[selected="true"] > .webconsole-location {
   color: inherit;
 .hud-msg-node[selected="true"] > .webconsole-timestamp,
 .hud-msg-node[selected="true"] > .webconsole-location {
   color: inherit;

diff --git a/LCARStrek/browser/preferences/applications.css b/LCARStrek/browser/preferences/applications.css
index fac9856e51a5e08846f1167d011a2006e1dd4ee2..fc888855877672e9a2546fdfa4954f52b850c2f2 100644 (file)
--- a/LCARStrek/browser/preferences/applications.css
+++ b/LCARStrek/browser/preferences/applications.css
@@ -18,12 +18,12 @@
   -moz-margin-end: 3px;
 }
 
   -moz-margin-end: 3px;
 }
 

-richlistitem > hbox > hbox > label {
+#handlersView > richlistitem label {

   -moz-margin-start: 1px;
   margin-top: 2px;
 }
 
   -moz-margin-start: 1px;
   margin-top: 2px;
 }
 

-richlistitem {
+#handlersView > richlistitem {

   min-height: 22px;
 }
 
   min-height: 22px;
 }
 

diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 1777433592fde1968cb8b55ba2703ea09d1f15f3..3bc88e7ba71890408d86270d266d532b14c0087e 100644 (file)
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -6,10 +6,6 @@
 \r
 @namespace html "http://www.w3.org/1999/xhtml";\r
 \r
 \r
 @namespace html "http://www.w3.org/1999/xhtml";\r
 \r

-#preferences-home {\r
-  display: block;\r
-}\r
-\r

 #header {\r
   margin-bottom: 18px;\r
 }\r
 #header {\r
   margin-bottom: 18px;\r
 }\r


@@ -18,90 +14,112 @@
   -moz-margin-start: 10px;\r
 }\r
 \r
   -moz-margin-start: 10px;\r
 }\r
 \r

-.landingButton {\r
-  -moz-box-align: center;\r
-  -moz-box-orient: vertical;\r
+caption {\r
+  font-size: 1.667rem;\r

 }\r
 \r
 }\r
 \r

-.landingButton:hover {\r
-  cursor: pointer;\r
+.main-content {\r
+  max-width: 800px;\r

 }\r
 \r
 }\r
 \r

-.landingButton-label {\r
-  margin-top: 4px;\r
+prefpane {\r
+  padding: 0;\r

 }\r
 \r
 }\r
 \r

-.landingButton-icon {\r
-  display: block;\r
-  width: 32px;\r
-  height: 32px;\r
-  background-image: url("chrome://browser/skin/preferences/Options.png");\r
-  background-repeat: no-repeat;\r
+prefpane > .content-box {\r
+  overflow: auto;\r

 }\r
 \r
 }\r
 \r

-.preference-icon {\r
-  display: block;\r
-  width: 32px;\r
-  height: 32px;\r
-  background-image: url("chrome://browser/skin/preferences/Options.png");\r
-  background-repeat: no-repeat;\r
-  margin: 0 20px;\r
+/* Category List */\r
+\r
+#categories {\r
+  -moz-appearance: none;\r
+  border: none;\r
+  -moz-margin-end: -1px;\r
+  background-color: transparent;\r
+  position: relative;\r
+  margin-top: 31px;\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="general"],\r
-.landingButton-icon[type="general"] {\r
-  background-position: 0 0;\r
+.category {\r
+  -moz-appearance: none;\r
+  background-color: transparent;\r
+  color: #FF9F00;\r
+  padding: 10px 4px;\r
+  border-width: 1px;\r
+  border-style: solid;\r
+  border-color: transparent;\r
+  -moz-padding-end: 8px;\r
+  -moz-box-align: center;\r
+  overflow: hidden;\r
+  min-height: 0;\r
+  height: 52px;\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="content"],\r
-.landingButton-icon[type="content"] {\r
-  background-position: -64px 0;\r
+.category:-moz-locale-dir(ltr) {\r
+  border-top-left-radius: 5px;\r
+  border-bottom-left-radius: 5px;\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="applications"],\r
-.landingButton-icon[type="applications"] {\r
-  background-position: -96px 0;\r
+.category:-moz-locale-dir(rtl) {\r
+  border-top-right-radius: 5px;\r
+  border-bottom-right-radius: 5px;\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="privacy"],\r
-.landingButton-icon[type="privacy"] {\r
-  background-position: -128px 0;\r
+.category[selected] {\r
+  background-color: #008484;\r
+  color: #FFCF00;\r
+  border-color: #9C9CFF;\r
+  /* -moz-border-end-color: transparent; */\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="security"],\r
-.landingButton-icon[type="security"] {\r
-  background-position: -160px 0;\r
+.category-name {\r
+  font-size: 1.5rem;\r
+  -moz-padding-end: 24px;\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="advanced"],\r
-.landingButton-icon[type="advanced"] {\r
-  background-position: -192px 0;\r
+/* Maximize the size of the viewport when the window is small */\r
+@media (max-width: 800px) {\r
+  .category-name {\r
+    display: none;\r
+  }\r

 }\r
 \r
 }\r
 \r

-.preference-icon[type="sync"],\r
-.landingButton-icon[type="sync"] {\r
-  background-image: url("chrome://browser/skin/preferences/Options-sync.png");\r
+.category-icon {\r
+  width: 32px;\r
+  height: 32px;\r
+  margin: 0 6px;\r
+  -moz-margin-start: 6px;\r
+  -moz-margin-end: 5px;\r
+  list-style-image: url("chrome://browser/skin/preferences/Options.png");\r

 }\r
 \r
 }\r
 \r

-caption {\r
-  font-size: 20px;\r
+#category-general > .category-icon {\r
+  -moz-image-region: rect(0, 32px, 32px, 0);\r

 }\r
 \r
 }\r
 \r

-.heading {\r
-  height: 50px;\r
-  background-color: #FF9F00;\r
-  color: #000000;\r
-  border-radius: 5px;\r
-  margin-bottom: 15px;\r
-  -moz-box-align: center;\r
+#category-content > .category-icon {\r
+  -moz-image-region: rect(0, 96px,  32px, 64px)\r

 }\r
 \r
 }\r
 \r

-prefpane {\r
-  padding: 0;\r
+#category-application > .category-icon {\r
+  -moz-image-region: rect(0, 128px,  32px, 96px)\r

 }\r
 \r
 }\r
 \r

-prefpane > .content-box {\r
-  overflow: auto;\r
+#category-privacy > .category-icon {\r
+  -moz-image-region: rect(0, 160px,  32px, 128px)\r
+}\r
+\r
+#category-security > .category-icon {\r
+  -moz-image-region: rect(0, 192px,  32px, 160px)\r
+}\r
+\r
+#category-advanced > .category-icon {\r
+  -moz-image-region: rect(0, 224px, 32px, 192px)\r
+}\r
+\r
+#category-sync > .category-icon {\r
+  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");\r

 }\r
 \r
 /* Applications Pane Styles */\r
 }\r
 \r
 /* Applications Pane Styles */\r