LCARStrek/communicator/prefpanels.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ==== prefpanels.css ==================================================
   8    == Styles used by all preference panels in the Communicator suite.
   9    ====================================================================== */
  10
  11 /* ::::: Fonts ::::: */
  12
  13 #sizeVar,
  14 #sizeMono {
  15   width: 4em;
  16 }
  17
  18 .prefpanel-font-list {
  19   -moz-box-flex: 1;
  20 }
  21
  22 /* ::::: Applications ::::: */
  23 /**
  24  * Line up the actions menu with action labels above and below it.
  25  * Equalize the distance from the left side of the action box to the left side
  26  * of the icon for both the menu and the non-menu versions of the action box.
  27  * Also make sure the labels are the same distance away from the icons.
  28  */
  29
  30 #handlersView > listitem[selected="true"] {
  31   border: none;
  32 }
  33
  34 .handler-action {
  35   padding: 0;
  36 }
  37
  38 .handler-type {
  39   padding: 1px;
  40 }
  41
  42 .handler-action > .listcell-icon,
  43 .handler-type > .listcell-icon {
  44   margin: 0px;
  45   -moz-margin-start: 3px;
  46   -moz-margin-end: 5px;
  47   height: 16px;
  48   width: 16px;
  49 }
  50
  51 .handler-action > .listcell-label,
  52 .handler-type > .listcell-label {
  53   padding: 0;
  54 }
  55
  56 .actionsMenu {
  57   margin: 0;
  58 }
  59
  60 .actionsMenu > .menulist-label-box {
  61   padding: 1px;
  62   -moz-padding-start: 0;
  63 }
  64
  65 .actionsMenu > .menulist-label-box > .menulist-icon {
  66   margin: 0 2px;
  67   height: 16px;
  68   width: 16px;
  69 }
  70
  71 .handler-action > .menu-iconic-left {
  72   padding: 1px;
  73   -moz-margin-start: 2px !important;
  74   -moz-margin-end: 5px !important;
  75
  76   /**
  77     * Make the icons appear.
  78     * Note: we display the icon box for every item whether or not it has an icon
  79     * so the labels of all the items align vertically.
  80     */
  81   display: -moz-box;
  82   min-width: 16px;
  83 }
  84
  85 .handler-action > .menu-iconic-left > .menu-iconic-icon {
  86   height: 16px;
  87   width: 16px;
  88 }
  89
  90 /* Set icons on app pane elements */
  91
  92 .handler-action[appHandlerIcon="app"] {
  93   list-style-image: url("chrome://communicator/skin/icons/application.png");
  94 }
  95
  96 .handler-action[appHandlerIcon="ask"] {
  97   list-style-image: url("chrome://communicator/skin/icons/alwaysAsk.png");
  98 }
  99
 100 .handler-action[appHandlerIcon="save"] {
 101   list-style-image: url("chrome://communicator/skin/icons/save.png");
 102 }
 103
 104 .handler-action[appHandlerIcon="feed"] {
 105   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 106 }
 107
 108 .handler-action[appHandlerIcon="plugin"] {
 109   list-style-image: url("chrome://communicator/skin/icons/plugin.png");
 110 }
 111
 112 .handler-type[typeClass="unknown"] {
 113   list-style-image: url("moz-icon://goat?size=16");
 114 }
 115
 116 .handler-type[typeClass="webFeed"],
 117 .handler-type[typeClass="videoPodcastFeed"],
 118 .handler-type[typeClass="audioPodcastFeed"] {
 119   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 120 }
 121
 122 /* ::::: Sync ::::: */
 123
 124 #syncDesc {
 125   padding: 0 12em;
 126 }