sync LCARStrek with parts of browser winstripe changes in Firefox 14
[themes.git] / LCARStrek / communicator / communicator.css
index eaec4c5823fa316aa12f30fbbe7555d75003e1fa..5c8a3a22a8be36d6a1c0e7baf2defb1f9b247db0 100644 (file)
  *
  * ***** END LICENSE BLOCK ***** */
 
-@import url(chrome://global/skin/);
-
-@import url(chrome://communicator/skin/box.css);
-@import url(chrome://communicator/skin/button.css);
-@import url(chrome://communicator/skin/brand.css);
-@import url(chrome://communicator/skin/formatting.css);
-@import url(chrome://communicator/skin/toolbar.css);
+@import url("chrome://global/skin/");
+@import url("chrome://communicator/content/communicator.css");
+@import url("chrome://communicator/skin/brand.css");
+@import url("chrome://communicator/skin/button.css");
+@import url("chrome://communicator/skin/toolbar.css");
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
-@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
-
-#offline-status[offline="true"]
-  {
-    list-style-image      : url("chrome://communicator/skin/offline.gif");
-  }
-
-#offline-status
-  {
-    list-style-image      : url("chrome://communicator/skin/online.gif");
-  }
-  
+
+/* ==== communicator.css ====================================================
+   == Styles shared everywhere throughout the Communicator suite.
+   ========================================================================== */
+
+toolbar {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#grippytoolbar");
+}
+
+menubar,
+toolbar[type="menubar"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#grippymenubar");
+}
+
+.toolbar-primary {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#grippytoolbar-primary");
+}
+
+toolbar[xpfe="false"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
+}
+
+menubar[xpfe="false"] {
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
+}
+
+/* ::::: autocomplete ::::: */
+
+.autocomplete-history-popup {
+  max-height: 25em;
+}
+
+/* ::::: online/offline icons ::::: */
+
+#offline-status[offline="true"] {
+  list-style-image: url("chrome://communicator/skin/icons/offline.gif");
+}
+
+#offline-status {
+  list-style-image: url("chrome://communicator/skin/icons/online.gif");
+}
+
+/* ::::: spell checker ::::: */
+
+.spell-suggestion {
+  font-weight: bold;
+}
+
+/* ::::: directional button icons ::::: */
+
 .up {
-  list-style-image:url("chrome://global/skin/scroll-up.gif");
+  list-style-image:url("chrome://global/skin/arrow/arrow-up.gif");
   min-width: 0px;
 }
 
 .up[disabled="true"] {
-  list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");
+  list-style-image:url("chrome://global/skin/arrow/arrow-up-disabled.gif");
 }
 
 .down {
   min-width: 0px;
-  list-style-image:url("chrome://global/skin/scroll-down.gif");
+  list-style-image:url("chrome://global/skin/arrow/arrow-down.gif");
 }
 
 .down[disabled="true"] {
-  list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
+  list-style-image:url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+}
+
+.sidebarTree {
+  border: none;
+  margin: 0px !important;
+}
+
+/* ::::: iconic menus and menuitems ::::: */
+
+menu.menu-iconic > .menu-iconic-left,
+menuitem.menuitem-iconic > .menu-iconic-left {
+  display: -moz-box;
+}
+
+/* ::::: sync notification ::::: */
+
+#sync-notifications > notification {
+  margin-top: 3px;
+}
+
+#sync-notifications > notification > .notification-inner > hbox > button {
+  margin: 0;
+}
+
+/******* lightweight themes *******/
+
+toolbar button:-moz-lwtheme,
+toolbar menulist:-moz-lwtheme:not([open="true"]),
+toolbar textbox:-moz-lwtheme:not([focused="true"]) {
+  opacity: .8;
+}
+
+treecols:-moz-lwtheme {
+  text-shadow: none;
+  color: #000000;
+  background-color: #9C9CFF;
+}
+
+/* ::::: toolbar print button ::::: */
+#print-button {
+  list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
+  -moz-image-region: rect(0px 25px 21px 0px);
+}
+
+#print-button[disabled="true"] {
+  -moz-image-region: rect(0px 50px 21px 25px);
+}
+
+#print-button:not([disabled="true"]):hover,
+#print-button:not([disabled="true"]):hover:active,
+#print-button[open="true"] {
+  -moz-image-region: rect(0px 75px 21px 50px);
+}
+
+toolbar[iconsize="small"] > toolbarpaletteitem > #print-button,
+toolbar[iconsize="small"] > #print-button {
+  list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
+  -moz-image-region: rect(0 16px 16px 0);
+}
+
+toolbar[iconsize="small"] > #print-button[disabled="true"] {
+  -moz-image-region: rect(0 32px 16px 16px) !important;
+}
+
+toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover,
+toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover:active {
+  -moz-image-region: rect(0 48px 16px 32px);
 }