update both themes for communicator default theme changes up to 2011-02-13 (sync...
[themes.git] / LCARStrek / communicator / prefpanels.css
index 68790e3c5d62d750929a60ae58217f4dab243c7b..d7216442309153558a19d0c5e54b8ba4bba189fe 100644 (file)
    == Styles used by all preference panels in the Communicator suite.
    ====================================================================== */
 
-/* ::::: Themes ::::: */
-#skinsTree {
-  height: 80px;
-}  
+/* ::::: Fonts ::::: */
+
+#sizeVar,
+#sizeMono {
+  width: 4em;
+}
 
-.themesLink {
-  margin-left: 5px;
-  text-decoration: normal;
-  color: #FF9F00;
-  cursor: pointer;
+.prefpanel-font-list {
+  -moz-box-flex: 1;
 }
 
-.themesLink:hover {
-  text-decoration: underline;
-  color: #9C9CFF;
+/* ::::: 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;
 }
 
-#themesLink:active {
-  color: #FFCF00;
-}  
+.handler-action {
+  padding: 0;
+}
 
-#previewImageContainer {
+.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;
 }
 
-.prefpanel-font-list {
-  -moz-box-flex: 1;
+.actionsMenu > .menulist-label-box {
+  padding: 1px;
+  -moz-padding-start: 0;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-icon {
+  margin: 0 2px;
+  height: 16px;
+  width: 16px;
 }
 
-/* ::::: Mouse Wheel ::::: */
+.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;
+}
 
-#mouseWheelMode {
-  width: 9em;
+.handler-action > .menu-iconic-left > .menu-iconic-icon {
+  height: 16px;
+  width: 16px;
 }
 
-/* ::::: Smart Browsing ::::: */
+/* Set icons on app pane elements */
 
-#disabledDomains {
-  max-height: 13em;
+.handler-action[appHandlerIcon="app"] {
+  list-style-image: url("chrome://communicator/skin/icons/application.png");
 }
 
-/**
- * File icon (32x32)
- **/
-.file-icon-large {
-  list-style-image: url("chrome://communicator/skin/icons/content-large.gif");
+.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");
+}
+
+.handler-type[typeClass="webFeed"],
+.handler-type[typeClass="videoPodcastFeed"],
+.handler-type[typeClass="audioPodcastFeed"] {
+  list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
+}
+
+/* ::::: Sync ::::: */
+
+#syncDesc {
+  padding: 0 12em;
+}
+
+#connectThrobber {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }