update both themes for communicator default theme changes up to 2011-02-13 (sync...

[themes.git] / EarlyBlue / communicator / prefpanels.css

diff --git a/EarlyBlue/communicator/prefpanels.css b/EarlyBlue/communicator/prefpanels.css
index aa5386113a68db18ba8d80d75d8f8f09effb3e04..787fda758a25bcb4749010733bda4a6059682825 100644 (file)
--- a/EarlyBlue/communicator/prefpanels.css
+++ b/EarlyBlue/communicator/prefpanels.css
@@ -41,53 +41,123 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* ::::: Themes ::::: */
-#skinsTree {
-  height: 80px;
-}  
+/* ::::: Fonts ::::: */
+
+#sizeVar,
+#sizeMono {
+  width: 4em;
+}
 
-#themesLink {
-  margin-left: 5px;
-  text-decoration: underline;
-  color: blue;
-  cursor: pointer;
+.prefpanel-font-list {
+  -moz-box-flex: 1;
 }
 
-#themesLink:active {
-  color: red;
+/* ::::: Applications ::::: */
+/**
+ * Line up the actions menu with action labels above and below it.
+ * Equalize the distance from the left side of the action box to the left side
+ * of the icon for both the menu and the non-menu versions of the action box.
+ * Also make sure the labels are the same distance away from the icons.
+ */
+
+#handlersView > listitem[selected="true"] {
+  border: none;
 }
 
-#previewImageContainer {
+.handler-action {
+  padding: 0;
+}
+
+.handler-type {
   padding: 1px;
-  height: 92px; 
-/*  background-color: #000000; */
 }
 
-#previewImage {
-  max-width: 355px; 
-  min-width: 355px;
-  max-height: 85px;
-  min-height: 85px;
+.handler-action > .listcell-icon,
+.handler-type > .listcell-icon {
+  margin: 0px;
+  -moz-margin-start: 3px;
+  -moz-margin-end: 5px;
+  height: 16px;
+  width: 16px;
 }
 
-/* ::::: Fonts ::::: */
+.handler-action > .listcell-label,
+.handler-type > .listcell-label {
+  padding: 0;
+}
 
-#sizeVar,
-#sizeMono {
-  width: 4em;
+.actionsMenu {
+  margin: 0;
+}
+
+.actionsMenu > .menulist-label-box {
+  padding: 1px;
+  -moz-padding-start: 0;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-icon {
+  margin: 0 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.handler-action > .menu-iconic-left {
+  padding: 1px;
+  -moz-margin-start: 2px !important;
+  -moz-margin-end: 5px !important;
+
+  /**
+    * Make the icons appear.
+    * Note: we display the icon box for every item whether or not it has an icon
+    * so the labels of all the items align vertically.
+    */
+  display: -moz-box;
+  min-width: 16px;
+}
+
+.handler-action > .menu-iconic-left > .menu-iconic-icon {
+  height: 16px;
+  width: 16px;
+}
+
+/* Set icons on app pane elements */
+
+.handler-action[appHandlerIcon="app"] {
+  list-style-image: url("chrome://communicator/skin/icons/application.png");
+}
+
+.handler-action[appHandlerIcon="ask"] {
+  list-style-image: url("chrome://communicator/skin/icons/alwaysAsk.png");
+}
+
+.handler-action[appHandlerIcon="save"] {
+  list-style-image: url("chrome://communicator/skin/icons/save.png");
+}
+
+.handler-action[appHandlerIcon="feed"] {
+  list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
+}
+
+.handler-action[appHandlerIcon="plugin"] {
+  list-style-image: url("chrome://communicator/skin/icons/plugin.png");
+}
+
+.handler-type[typeClass="unknown"] {
+  list-style-image: url("moz-icon://goat?size=16");
 }
 
-#mouseWheelMode {
-  width: 9em;
+.handler-type[typeClass="webFeed"],
+.handler-type[typeClass="videoPodcastFeed"],
+.handler-type[typeClass="audioPodcastFeed"] {
+  list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 }
 
-/* ::::: Smart Browsing ::::: */
+/* ::::: Sync ::::: */
 
-#disabledDomains {
-  max-height: 13em;
+#syncDesc {
+  padding: 0 12em;
 }
 
-/* ::::: File icon (32x32) ::::: */
-.file-icon-large {
-  list-style-image: url("chrome://communicator/skin/icons/content-large.gif");
+#connectThrobber {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }