some more modifications to make the new color scheme work as well as possible#
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 16 Feb 2013 00:15:30 +0000 (01:15 +0100)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 16 Feb 2013 00:15:30 +0000 (01:15 +0100)
14 files changed:
LCARStrek/browser/aboutCertError.css
LCARStrek/browser/browser.css
LCARStrek/browser/devtools/dock-bottom.png
LCARStrek/browser/devtools/dock-side.png
LCARStrek/browser/devtools/dock-window.png
LCARStrek/browser/devtools/toolbox.css
LCARStrek/browser/pageInfo.css
LCARStrek/browser/places/editBookmarkOverlay.css
LCARStrek/browser/sanitizeDialog.css
LCARStrek/communicator/bookmarks/editBookmarkOverlay.css
LCARStrek/global/icons/close.png [new file with mode: 0644]
LCARStrek/global/scrollbars.css
LCARStrek/mozapps/extensions/category-dictionaries.png [new file with mode: 0644]
LCARStrek/navigator/tabbrowser.css

index 557e7425fe7cc07f048976314742305f70ad430a..29b53514c4031f5730e34903308cf80c84d4cce5 100644 (file)
@@ -25,7 +25,7 @@ h2 {
   font-size: 130%;
   background-color: #9C9CFF;
   color: #000000;
-  border-radius: 8px;
+  border-radius: 10px;
   -moz-padding-start: 10px;
 }
 
@@ -54,16 +54,30 @@ h2 {
   -moz-margin-start: 80px;
 }
 
+#getMeOutOfHereButton,
+#exceptionDialogButton {
+  border-radius: 10px;
+  background: #C09070;
+  color: #000000;
+  border: none;
+  padding: 0 .5em;
+}
+
 .expander > button {
-  -moz-padding-start: 20px;
-  -moz-margin-start: -20px;
-  background: url("chrome://global/skin/tree/twisty-open-selected.gif") left center no-repeat;
+  -moz-padding-start: 22px;
+  -moz-margin-start: -22px;
+  border-radius: 10px;
+  background: url("chrome://global/skin/tree/twisty-open-selected.gif") 3px center no-repeat;
   border: none;
   font: inherit;
   color: inherit;
   cursor: pointer;
 }
 
+#getMeOutOfHereButton:hover,
+#exceptionDialogButton:hover,
+.expander:hover,
+.expander:hover > button,
 .expander > button:hover,
 .expander > button:hover:active {
   background-color: #FFCF00;
index cfc77afdd255cd409d1d3bae714d0119f22a43e0..965b43e598d1148fbc45d122cbd69c7ab126b838 100644 (file)
@@ -1773,7 +1773,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 
 #main-window[disablechrome] #TabsToolbar,
 #TabsToolbar[tabsontop="false"] {
-  border-bottom: 1px solid #FF9F00;
+  border-bottom: 1px solid #008484;
 }
 
 .tabbrowser-tab,
@@ -1943,6 +1943,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   width: 26px;
 }
 
+.tabs-newtab-button,
 .tabs-newtab-button:hover,
 #TabsToolbar > #new-tab-button:hover {
   -moz-image-region: rect(0, 32px, 18px, 16px);
@@ -2796,11 +2797,12 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 }
 
 .inspector-breadcrumbs-button {
-  /*background-color: transparent;*/
+  background-color: #000000;
+  border-radius: 0;
   border-style: solid;
   border-width: 2px 13px;
   outline: none;
-  /* color: hsl(210,30%,85%); */
+  color: #FF9F00;
   width: 85px; /* Can't use max-width. See bug 723132 */
   /* The content of the button can be larger than the button */
   overflow: hidden;
@@ -2809,6 +2811,22 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
   padding: 0 9px;
 }
 
+.inspector-breadcrumbs-button:hover {
+  background-color: #FFCF00;
+  color: #000000;
+}
+
+.inspector-breadcrumbs-button[checked]:not(:hover) {
+  background-color: #008484;
+  color: #000000;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open],
+.inspector-breadcrumbs-button:active {
+  background-color: #FF9F00;
+  color: #000000;
+}
+
 .inspector-breadcrumbs-button:-moz-focusring > .button-box {
   border-width: 0;
 }
index 13258c338315ef43f0781f0823698a1ef6a63cca..a127dc0978fecabc8ff156bc17c576b977d012b7 100644 (file)
Binary files a/LCARStrek/browser/devtools/dock-bottom.png and b/LCARStrek/browser/devtools/dock-bottom.png differ
index ded21a7f9829c55a8fc349e4915c7f626097bcac..81f6e69ea38bcdcaadf7d86824a2200c54eb0936 100644 (file)
Binary files a/LCARStrek/browser/devtools/dock-side.png and b/LCARStrek/browser/devtools/dock-side.png differ
index bac6c6c2a94d055262d5f28fd273c3c4ade16206..95ec647f6cd66235fbc7a000722ab806fd389e8f 100644 (file)
Binary files a/LCARStrek/browser/devtools/dock-window.png and b/LCARStrek/browser/devtools/dock-window.png differ
index 577e64fd98e5c7cd5975de97b9813105b4caceb0..d5efca7b90cceaffc7641400ebafb214b7239578 100644 (file)
@@ -12,14 +12,38 @@ window {
 
 #toolbox-dock-bottom {
   list-style-image: url("chrome://browser/skin/devtools/dock-bottom.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#toolbox-dock-bottom:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
 #toolbox-dock-side {
   list-style-image: url("chrome://browser/skin/devtools/dock-side.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#toolbox-dock-side:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
 #toolbox-dock-window {
   list-style-image: url("chrome://browser/skin/devtools/dock-window.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#toolbox-dock-window:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+#toolbox-close {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#toolbox-close:hover {
+  -moz-image-region: rect(0px, 32px, 16px, 16px);
 }
 
 #command-button-responsive {
index 10fc79fbc8de72061e82172e1364daec2f1788da..afa04c1668f6e702727c7213a27633bae8008a2c 100644 (file)
@@ -128,7 +128,7 @@ groupbox.collapsable caption .caption-icon {
   background-position: center;
   -moz-margin-start: 2px;
   -moz-margin-end: 2px;
-  background-image: url("chrome://global/skin/tree/twisty-open.gif");
+  background-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
 }
 
 groupbox.collapsable[closed="true"] {
@@ -137,13 +137,35 @@ groupbox.collapsable[closed="true"] {
   -moz-appearance: none;
 }
 
-groupbox.collapsable[closed="true"] caption .caption-icon { 
-  background-image: url("chrome://global/skin/tree/twisty-closed.gif");
+groupbox.collapsable[closed="true"] > caption > .caption-icon { 
+  background-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 
-groupbox tree { 
-  margin: 0 3px;
+groupbox.collapsable > caption:hover { 
+  background-color: #FFCF00;
+}
+
+groupbox.treebox { 
+  padding: 0;
+}
+
+groupbox.treebox > tree { 
+  margin: 2px;
+  margin-top: 0;
   border: none;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
+groupbox.treebox > tree > treecols > treecol { 
+  border: none;
+  border-bottom: 1px solid #FF9F00;
+  background-color: #A09090;
+  border-radius: 0;
+}
+
+groupbox.treebox > tree > treechildren::-moz-tree-cell {
+  padding: 0 3px;
 }
 
 #securityBox description { 
index 38ff7affe5a33e7ca28631ef49effbb8974ca759..01c525764796e2abd5982c33073442b0ca12b340 100644 (file)
 }
 
 .expander-up {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
 }
 
 .expander-down {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 }
 
 .expander-down:hover:active {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 }
 
 .expander-up:hover:active {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
 }
 
 #editBookmarkPanelContent {
index caa01f6e8624d5426deae29ea4e9d3166e18c9f6..8e8cd4dc2ab664d02417b391712780f2d4ddea30 100644 (file)
 }
 
 .expander-up {
-  list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
+  list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
 }
 
 .expander-up:hover {
-  list-style-image: url("chrome://global/skin/tree/twisty-open-selected.gif");
 }
 
 .expander-down {
-  list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
+  list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 
-
 .expander-down:hover {
-  list-style-image: url("chrome://global/skin/tree/twisty-closed-selected.gif");
 }
 
 
index b2f6c91ad84ef5e6acbea75438f55e367c186690..d60e532574482b6242ba6587580eeda8846b9360 100644 (file)
 .expander-up,
 .expander-down {
   min-width: 0;
-  padding: 2px 0;
-  -moz-padding-start: 2px;
+  padding: 0;
 }
 
 .expander-up {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
 }
 
 .expander-down {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 }
 
 .expander-down:hover:active {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 }
 
 .expander-up:hover:active {
-  list-style-image: url("chrome://global/skin/arrow/arrow-up-hover.gif");
 }
 
 #editBookmarkPanelContent {
diff --git a/LCARStrek/global/icons/close.png b/LCARStrek/global/icons/close.png
new file mode 100644 (file)
index 0000000..07894f9
Binary files /dev/null and b/LCARStrek/global/icons/close.png differ
index 845837f4d6644309dc8b160fabc5d601324d2b79..14742e78baa80672e2f1bd54bce848214a0681de 100644 (file)
@@ -209,24 +209,24 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 
   html|div scrollbarbutton[type="increment"] {
     -moz-appearance: scrollbarbutton-right;
-    background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
+    background-image: url("chrome://global/skin/scrollbar/arrow-right.png")
   }
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
     -moz-appearance: scrollbarbutton-down;
-    background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
+    background-image: url("chrome://global/skin/scrollbar/arrow-down.png")
   }
 
   /* ..... decrement .... */
 
   html|div scrollbarbutton[type="decrement"] {
     -moz-appearance: scrollbarbutton-left;
-     background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
+     background-image: url("chrome://global/skin/scrollbar/arrow-left.png")
   }
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
     -moz-appearance: scrollbarbutton-up;
-     background-image: url("chrome://global/skin/arrow/arrow-up.gif")
+     background-image: url("chrome://global/skin/scrollbar/arrow-up.png")
   }
 
 }
diff --git a/LCARStrek/mozapps/extensions/category-dictionaries.png b/LCARStrek/mozapps/extensions/category-dictionaries.png
new file mode 100644 (file)
index 0000000..8102f03
Binary files /dev/null and b/LCARStrek/mozapps/extensions/category-dictionaries.png differ
index a7ec4d74e0d422387bb63836e3795cc8eaeb0729..6a841c45208722c6a96d440d6c2073fb73a0dd9d 100644 (file)
@@ -5,7 +5,7 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .tabbrowser-strip {
-  border-bottom: 1px solid #FF9F00;
+  border-bottom: 1px solid #008484;
 }
 
 .tabmail-strip {
@@ -37,11 +37,7 @@ tabpanels {
 }
 
 .tabbrowser-tab[busy] {
-  list-style-image: url("chrome://global/skin/icons/loading.gif");
-}
-
-.tabbrowser-tab[busy]:hover {
-  list-style-image: url("chrome://global/skin/icons/loading-hover.gif");
+  list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
 }
 
 .tabbrowser-tab:first-of-type {