make the forward-button-hiding really work and give it a nicer shape when it's displayed

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

/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is "Classic" theme of mozilla.org code.
 *
 * The Initial Developer of the Original Code is
 * the Mozilla Organization.
 * Portions created by the Initial Developer are Copyright (C) 1998-2001
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Robert Kaiser <KaiRo@KaiRo.at>
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ==== prefpanels.css ==================================================
   == Styles used by all preference panels in the Communicator suite.
   ====================================================================== */

/* ::::: Fonts ::::: */

#sizeVar,
#sizeMono {
  width: 4em;
}

.prefpanel-font-list {
  -moz-box-flex: 1;
}

/* ::::: 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;
}

.handler-action {
  padding: 0;
}

.handler-type {
  padding: 1px;
}

.handler-action > .listcell-icon,
.handler-type > .listcell-icon {
  margin: 0px;
  -moz-margin-start: 3px;
  -moz-margin-end: 5px;
  height: 16px;
  width: 16px;
}

.handler-action > .listcell-label,
.handler-type > .listcell-label {
  padding: 0;
}

.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");
}

.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;
}