LCARStrek/help/help.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 @import url("chrome://global/skin/");
   6 @import url("chrome://communicator/skin/");
   7 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   8
   9 #HelpToolbar > toolbarbutton {
  10   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  11 }
  12
  13 /* Hide labels for the toolbar because we really don't need them what with the
  14    tooltips */
  15 #HelpToolbar .toolbarbutton-text {
  16   display: none;
  17 }
  18
  19 /* With no labels, we don't need the margin on the icon that separates it
  20    from the label */
  21 #HelpToolbar .toolbarbutton-icon {
  22   -moz-margin-end: 0;
  23 }
  24
  25 #help-back-button > toolbarbutton,
  26 #help-forward-button > toolbarbutton {
  27   list-style-image: inherit;
  28   -moz-image-region: inherit;
  29 }
  30
  31 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
  32 #help-sidebar {
  33   min-width: 30px;
  34   width: 20em;
  35   max-width: 25em;
  36 }
  37
  38 /* ----- BACK BUTTON ----- */
  39
  40 #help-back-button {
  41   -moz-image-region: rect(42px 25px 63px 0px);
  42 }
  43
  44 #help-back-button[disabled="true"] {
  45   -moz-image-region: rect(42px 50px 63px 25px);
  46 }
  47
  48 #help-back-button:not([disabled="true"]):hover,
  49 #help-back-button:not([disabled="true"]):hover:active {
  50   -moz-image-region: rect(42px 75px 63px 50px);
  51 }
  52
  53 #help-back-button .toolbarbutton-menubutton-button {
  54   -moz-box-align: end !important;
  55 }
  56
  57 /* ----- FORWARD BUTTON ----- */
  58
  59 #help-forward-button {
  60   -moz-image-region: rect(63px 25px 84px 0px);
  61 }
  62
  63 #help-forward-button[disabled="true"] {
  64   -moz-image-region: rect(63px 50px 84px 25px);
  65 }
  66
  67 #help-forward-button:not([disabled="true"]):hover,
  68 #help-forward-button:not([disabled="true"]):hover:active {
  69   -moz-image-region: rect(63px 75px 84px 50px);
  70 }
  71
  72 /* ----- HOME BUTTON ----- */
  73
  74 #help-home-button {
  75   -moz-image-region: rect(84px 25px 105px 0px);
  76 }
  77
  78 #help-home-button[disabled="true"] {
  79   -moz-image-region: rect(84px 50px 105px 25px);
  80 }
  81
  82 #help-home-button:not([disabled="true"]):hover,
  83 #help-home-button:not([disabled="true"]):hover:active {
  84   -moz-image-region: rect(84px 75px 105px 50px);
  85 }
  86
  87 /* ----- PRINT BUTTON ----- */
  88
  89 #help-print-button {
  90   -moz-image-region: rect(0px 25px 21px 0px);
  91 }
  92
  93 #help-print-button[disabled="true"] {
  94   -moz-image-region: rect(0px 50px 21px 25px);
  95 }
  96
  97 #help-print-button:not([disabled="true"]):hover,
  98 #help-print-button:not([disabled="true"]):hover:active {
  99   -moz-image-region: rect(0px 75px 21px 50px);
 100 }
 101
 102 /* ----- OTHER ----- */
 103
 104 #context-copy[disabled="true"] {
 105   display: none;
 106 }
 107
 108 /* make findbar appear above content */
 109 #appcontent {
 110   -moz-box-direction: reverse;
 111 }
 112
 113 /* style findbar for being on top */
 114 #FindToolbar {
 115   border-bottom: 1px solid #666699;
 116   border-top: 1px solid transparent;
 117 }