more work to make LCARStrek work nice on Firefox 4

diff --git a/LCARStrek/browser/Go-arrow.png b/LCARStrek/browser/Go-arrow.png
new file mode 100644 (file)
index 0000000..13673a0
Binary files /dev/null and b/LCARStrek/browser/Go-arrow.png differ

diff --git a/LCARStrek/browser/Toolbar.png b/LCARStrek/browser/Toolbar.png
index 6021cedf19da7ade7ec201fc3b788b22ec098524..effd72616a88f3da086ce2f032c05305f49ad47c 100644 (file)
Binary files a/LCARStrek/browser/Toolbar.png and b/LCARStrek/browser/Toolbar.png differ

diff --git a/LCARStrek/browser/appmenu-icons.png b/LCARStrek/browser/appmenu-icons.png
new file mode 100644 (file)
index 0000000..95461d0
Binary files /dev/null and b/LCARStrek/browser/appmenu-icons.png differ

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 78e4936271b0144db59e9a728d845f6c958527b3..51d7fe4b6eddaa5bc4bca21d4eedd59441951c6e 100644 (file)
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -241,25 +241,70 @@ menubar {
   -moz-image-region: rect(0 16px 16px 0);
 }
 
   -moz-image-region: rect(0 16px 16px 0);
 }
 

+#appmenu-cut:hover:not([disabled="true"]),
+#appmenu-editmenu-cut:hover:not([disabled="true"]) {
+  -moz-image-region: rect(16px 16px 32px 0);
+}
+
+#appmenu-cut[disabled="true"],
+#appmenu-editmenu-cut[disabled="true"] {
+  -moz-image-region: rect(32px 16px 48px 0);
+}
+

 #appmenu-copy,
 #appmenu-editmenu-copy {
   -moz-image-region: rect(0 32px 16px 16px);
 }
 
 #appmenu-copy,
 #appmenu-editmenu-copy {
   -moz-image-region: rect(0 32px 16px 16px);
 }
 

+#appmenu-copy:hover:not([disabled="true"]),
+#appmenu-editmenu-copy:hover:not([disabled="true"]) {
+  -moz-image-region: rect(16px 32px 32px 16px);
+}
+
+#appmenu-copy[disabled="true"],
+#appmenu-editmenu-copy[disabled="true"] {
+  -moz-image-region: rect(32px 32px 48px 16px);
+}
+

 #appmenu-paste,
 #appmenu-editmenu-paste {
   -moz-image-region: rect(0 48px 16px 32px);
 }
 
 #appmenu-paste,
 #appmenu-editmenu-paste {
   -moz-image-region: rect(0 48px 16px 32px);
 }
 

+#appmenu-paste:hover:not([disabled="true"]),
+#appmenu-editmenu-paste:hover:not([disabled="true"]) {
+  -moz-image-region: rect(16px 48px 32px 32px);
+}
+
+#appmenu-paste[disabled="true"],
+#appmenu-editmenu-paste[disabled="true"] {
+  -moz-image-region: rect(32px 48px 48px 32px);
+}
+

 #appmenu_print,
 #appmenu_print_popup {
   -moz-image-region: rect(0 64px 16px 48px);
 }
 
 #appmenu_print,
 #appmenu_print_popup {
   -moz-image-region: rect(0 64px 16px 48px);
 }
 

+#appmenu_print:hover:not([disabled="true"]),
+#appmenu_print[open="true"],
+#appmenu_print_popup:hover:not([disabled="true"]) {
+  -moz-image-region: rect(16px 64px 32px 48px);
+}
+
+#appmenu-print[disabled="true"],
+#appmenu_print_popup[disabled="true"] {
+  -moz-image-region: rect(32px 64px 48px 48px);
+}
+

 #appmenu-quit {
   -moz-image-region: rect(0 80px 16px 64px);
 }
 
 #appmenu-quit {
   -moz-image-region: rect(0 80px 16px 64px);
 }
 

+#appmenu-quit:hover {
+  -moz-image-region: rect(16px 80px 32px 64px);
+}
+

 #appmenu-edit-label {
   -moz-appearance: none;
   background: transparent;
 #appmenu-edit-label {
   -moz-appearance: none;
   background: transparent;


@@ -667,12 +712,28 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-image-region: rect(0, 54px, 18px, 36px);
 }
 
   -moz-image-region: rect(0, 54px, 18px, 36px);
 }
 

+#stop-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 54px, 36px, 36px);
+}
+
+#stop-button[disabled="true"] {
+  -moz-image-region: rect(36px, 54px, 54px, 36px);
+}
+

 /* reload button */
 
 #reload-button {
   -moz-image-region: rect(0, 72px, 18px, 54px);
 }
 
 /* reload button */
 
 #reload-button {
   -moz-image-region: rect(0, 72px, 18px, 54px);
 }
 

+#reload-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 72px, 36px, 54px);
+}
+
+#reload-button[disabled="true"] {
+  -moz-image-region: rect(36px, 72px, 54px, 54px);
+}
+

 /* home button */
 
 #home-button.bookmark-item {
 /* home button */
 
 #home-button.bookmark-item {


@@ -682,6 +743,14 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-image-region: rect(0, 90px, 18px, 72px);
 }
 
   -moz-image-region: rect(0, 90px, 18px, 72px);
 }
 

+#home-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 90px, 36px, 72px);
+}
+
+#home-button[disabled="true"] {
+  -moz-image-region: rect(36px, 90px, 54px, 72px);
+}
+

 /* tabview button */
 
 #tabview-button,
 /* tabview button */
 
 #tabview-button,


@@ -735,12 +804,28 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-image-region: rect(0, 108px, 18px, 90px);
 }
 
   -moz-image-region: rect(0, 108px, 18px, 90px);
 }
 

+#downloads-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 108px, 36px, 90px);
+}
+
+#downloads-button[disabled="true"] {
+  -moz-image-region: rect(36px, 108px, 54px, 90px);
+}
+

 /* history sidebar button */
 
 #history-button {
   -moz-image-region: rect(0, 126px, 18px, 108px);
 }
 
 /* history sidebar button */
 
 #history-button {
   -moz-image-region: rect(0, 126px, 18px, 108px);
 }
 

+#history-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 126px, 36px, 108px);
+}
+
+#history-button[disabled="true"] {
+  -moz-image-region: rect(36px, 126px, 54px, 108px);
+}
+

 /* bookmark sidebar & menu buttons */
 
 #bookmarks-button,
 /* bookmark sidebar & menu buttons */
 
 #bookmarks-button,


@@ -756,48 +841,115 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-box-orient: horizontal;
 }
 
   -moz-box-orient: horizontal;
 }
 

+#bookmarks-button:not([disabled="true"]):hover,
+#bookmarks-menu-button[open="true"],
+#bookmarks-menu-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 144px, 36px, 126px);
+}
+
+#bookmarks-button[disabled="true"],
+#bookmarks-menu-button[disabled="true"] {
+  -moz-image-region: rect(36px, 144px, 54px, 126px);
+}
+

 /* print button */
 
 #print-button {
   -moz-image-region: rect(0, 162px, 18px, 144px);
 }
 
 /* print button */
 
 #print-button {
   -moz-image-region: rect(0, 162px, 18px, 144px);
 }
 

+#print-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 162px, 36px, 144px);
+}
+
+#print-button[disabled="true"] {
+  -moz-image-region: rect(36px, 162px, 54px, 144px);
+}
+

 /* toolbar new tab button */
 
 #new-tab-button {
   -moz-image-region: rect(0, 180px, 18px, 162px);
 }
 
 /* toolbar new tab button */
 
 #new-tab-button {
   -moz-image-region: rect(0, 180px, 18px, 162px);
 }
 

+#print-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 162px, 36px, 144px);
+}
+
+#print-button[disabled="true"] {
+  -moz-image-region: rect(36px, 162px, 54px, 144px);
+}
+

 /* new window button */
 
 #new-window-button {
   -moz-image-region: rect(0, 198px, 18px, 180px);
 }
 
 /* new window button */
 
 #new-window-button {
   -moz-image-region: rect(0, 198px, 18px, 180px);
 }
 

+#new-window-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 198px, 36px, 180px);
+}
+
+#new-window-button[disabled="true"] {
+  -moz-image-region: rect(36px, 198px, 54px, 180px);
+}
+

 /* cut button */
 
 #cut-button {
   -moz-image-region: rect(0, 216px, 18px, 198px);
 }
 
 /* cut button */
 
 #cut-button {
   -moz-image-region: rect(0, 216px, 18px, 198px);
 }
 

+#cut-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 216px, 36px, 198px);
+}
+
+#cut-button[disabled="true"] {
+  -moz-image-region: rect(36px, 216px, 54px, 198px);
+}
+

 /* copy button */
 
 #copy-button {
   -moz-image-region: rect(0, 234px, 18px, 216px);
 }
 
 /* copy button */
 
 #copy-button {
   -moz-image-region: rect(0, 234px, 18px, 216px);
 }
 

+#copy-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 234px, 36px, 216px);
+}
+
+#copy-button[disabled="true"] {
+  -moz-image-region: rect(36px, 234px, 54px, 216px);
+}
+

 /* paste button */
 
 #paste-button {
   -moz-image-region: rect(0, 252px, 18px, 234px);
 }
 
 /* paste button */
 
 #paste-button {
   -moz-image-region: rect(0, 252px, 18px, 234px);
 }
 

+#paste-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 252px, 36px, 234px);
+}
+
+#paste-button[disabled="true"] {
+  -moz-image-region: rect(36px, 252px, 54px, 234px);
+}
+

 /* fullscreen button */
 
 #fullscreen-button {
   -moz-image-region: rect(0, 270px, 18px, 252px);
 }
 
 /* fullscreen button */
 
 #fullscreen-button {
   -moz-image-region: rect(0, 270px, 18px, 252px);
 }
 

+#fullscreen-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 270px, 36px, 252px);
+}
+
+#fullscreen-button[disabled="true"] {
+  -moz-image-region: rect(36px, 270px, 54px, 252px);
+}
+

 /* zoom controls */
 
 #zoom-out-button {
 /* zoom controls */
 
 #zoom-out-button {


@@ -830,6 +982,22 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   border-bottom-left-radius: 0;
 }
 
   border-bottom-left-radius: 0;
 }
 

+#zoom-out-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 288px, 36px, 270px);
+}
+
+#zoom-out-button[disabled="true"] {
+  -moz-image-region: rect(36px, 288px, 54px, 270px);
+}
+
+#zoom-in-button:not([disabled="true"]):hover {
+  -moz-image-region: rect(18px, 306px, 36px, 288px);
+}
+
+#zoom-in-button[disabled="true"] {
+  -moz-image-region: rect(36px, 306px, 54px, 288px);
+}
+

 /* sync button */
 
 #sync-button {
 /* sync button */
 
 #sync-button {


@@ -841,12 +1009,20 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-image-region: rect(0, 18px, 18px, 0);
 }
 
   -moz-image-region: rect(0, 18px, 18px, 0);
 }
 

+#sync-button[disabled="true"] {
+  -moz-image-region: rect(36px, 324px, 54px, 306px);
+}
+

 /* feed button */
 
 #feed-button {
   -moz-image-region: rect(0, 342px, 18px, 324px);
 }
 
 /* feed button */
 
 #feed-button {
   -moz-image-region: rect(0, 342px, 18px, 324px);
 }
 

+#feed-button[disabled="true"] {
+  -moz-image-region: rect(36px, 342px, 54px, 324px);
+}
+

 /* ::::: fullscreen window controls ::::: */
 
 #TabsToolbar > #window-controls {
 /* ::::: fullscreen window controls ::::: */
 
 #TabsToolbar > #window-controls {