From: Robert Kaiser <robert@widebook.box.kairo.at>
Date: Fri, 21 Feb 2014 23:29:20 +0000 (+0100)
Subject: first part of synching LCARStrek with windows theme changes in Firefox 28 cycle
X-Git-Tag: LCARStrek-2.25~8
X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=5a199ba1b9eca2066fdf892fe1d4ac96b3b5d19f

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 6c587e50..2dd544b7 100644
--- 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;
 }
 
+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;
@@ -3057,11 +3064,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   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;
@@ -3539,7 +3541,6 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
 /* Highlighter - Node Infobar - buttons */
 
 .highlighter-nodeinfobar-button {
-  border-width: 0;
   padding: 0;
   width: 26px;
   min-height: 26px;
diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css
index 52c1bbca..f112026a 100644
--- 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;
 }
+
 .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;
diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css
index 35b4c457..4de0915d 100644
--- a/LCARStrek/browser/devtools/webconsole.css
+++ b/LCARStrek/browser/devtools/webconsole.css
@@ -81,16 +81,14 @@ a {
 
 .message > .location {
   -moz-margin-start: 6px;
+  display: flex;
   flex: 0 0 auto;
   align-self: flex-start;
+  justify-content: flex-end;
   width: 10em;
   margin-top: 4px;
-  text-align: end;
   color: #3333FF;
-  text-overflow: ellipsis;
   text-decoration: none;
-  overflow: hidden;
-  white-space: nowrap;
 }
 
 .message > .location:hover,
@@ -98,6 +96,17 @@ a {
   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;
diff --git a/LCARStrek/browser/preferences/applications.css b/LCARStrek/browser/preferences/applications.css
index fac9856e..fc888855 100644
--- a/LCARStrek/browser/preferences/applications.css
+++ b/LCARStrek/browser/preferences/applications.css
@@ -18,12 +18,12 @@
   -moz-margin-end: 3px;
 }
 
-richlistitem > hbox > hbox > label {
+#handlersView > richlistitem label {
   -moz-margin-start: 1px;
   margin-top: 2px;
 }
 
-richlistitem {
+#handlersView > richlistitem {
   min-height: 22px;
 }
 
diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 17774335..3bc88e7b 100644
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -6,10 +6,6 @@
 
 @namespace html "http://www.w3.org/1999/xhtml";
 
-#preferences-home {
-  display: block;
-}
-
 #header {
   margin-bottom: 18px;
 }
@@ -18,90 +14,112 @@
   -moz-margin-start: 10px;
 }
 
-.landingButton {
-  -moz-box-align: center;
-  -moz-box-orient: vertical;
+caption {
+  font-size: 1.667rem;
 }
 
-.landingButton:hover {
-  cursor: pointer;
+.main-content {
+  max-width: 800px;
 }
 
-.landingButton-label {
-  margin-top: 4px;
+prefpane {
+  padding: 0;
 }
 
-.landingButton-icon {
-  display: block;
-  width: 32px;
-  height: 32px;
-  background-image: url("chrome://browser/skin/preferences/Options.png");
-  background-repeat: no-repeat;
+prefpane > .content-box {
+  overflow: auto;
 }
 
-.preference-icon {
-  display: block;
-  width: 32px;
-  height: 32px;
-  background-image: url("chrome://browser/skin/preferences/Options.png");
-  background-repeat: no-repeat;
-  margin: 0 20px;
+/* Category List */
+
+#categories {
+  -moz-appearance: none;
+  border: none;
+  -moz-margin-end: -1px;
+  background-color: transparent;
+  position: relative;
+  margin-top: 31px;
 }
 
-.preference-icon[type="general"],
-.landingButton-icon[type="general"] {
-  background-position: 0 0;
+.category {
+  -moz-appearance: none;
+  background-color: transparent;
+  color: #FF9F00;
+  padding: 10px 4px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  -moz-padding-end: 8px;
+  -moz-box-align: center;
+  overflow: hidden;
+  min-height: 0;
+  height: 52px;
 }
 
-.preference-icon[type="content"],
-.landingButton-icon[type="content"] {
-  background-position: -64px 0;
+.category:-moz-locale-dir(ltr) {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
 }
 
-.preference-icon[type="applications"],
-.landingButton-icon[type="applications"] {
-  background-position: -96px 0;
+.category:-moz-locale-dir(rtl) {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
 }
 
-.preference-icon[type="privacy"],
-.landingButton-icon[type="privacy"] {
-  background-position: -128px 0;
+.category[selected] {
+  background-color: #008484;
+  color: #FFCF00;
+  border-color: #9C9CFF;
+  /* -moz-border-end-color: transparent; */
 }
 
-.preference-icon[type="security"],
-.landingButton-icon[type="security"] {
-  background-position: -160px 0;
+.category-name {
+  font-size: 1.5rem;
+  -moz-padding-end: 24px;
 }
 
-.preference-icon[type="advanced"],
-.landingButton-icon[type="advanced"] {
-  background-position: -192px 0;
+/* Maximize the size of the viewport when the window is small */
+@media (max-width: 800px) {
+  .category-name {
+    display: none;
+  }
 }
 
-.preference-icon[type="sync"],
-.landingButton-icon[type="sync"] {
-  background-image: url("chrome://browser/skin/preferences/Options-sync.png");
+.category-icon {
+  width: 32px;
+  height: 32px;
+  margin: 0 6px;
+  -moz-margin-start: 6px;
+  -moz-margin-end: 5px;
+  list-style-image: url("chrome://browser/skin/preferences/Options.png");
 }
 
-caption {
-  font-size: 20px;
+#category-general > .category-icon {
+  -moz-image-region: rect(0, 32px, 32px, 0);
 }
 
-.heading {
-  height: 50px;
-  background-color: #FF9F00;
-  color: #000000;
-  border-radius: 5px;
-  margin-bottom: 15px;
-  -moz-box-align: center;
+#category-content > .category-icon {
+  -moz-image-region: rect(0, 96px,  32px, 64px)
 }
 
-prefpane {
-  padding: 0;
+#category-application > .category-icon {
+  -moz-image-region: rect(0, 128px,  32px, 96px)
 }
 
-prefpane > .content-box {
-  overflow: auto;
+#category-privacy > .category-icon {
+  -moz-image-region: rect(0, 160px,  32px, 128px)
+}
+
+#category-security > .category-icon {
+  -moz-image-region: rect(0, 192px,  32px, 160px)
+}
+
+#category-advanced > .category-icon {
+  -moz-image-region: rect(0, 224px, 32px, 192px)
+}
+
+#category-sync > .category-icon {
+  list-style-image: url("chrome://browser/skin/preferences/Options-sync.png");
 }
 
 /* Applications Pane Styles */