LCARStrek/communicator/communicator.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/content/communicator.css");
   7 @import url("chrome://communicator/skin/brand.css");
   8 @import url("chrome://communicator/skin/button.css");
   9 @import url("chrome://communicator/skin/toolbar.css");
  10
  11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
  12
  13 /* ==== communicator.css ====================================================
  14    == Styles shared everywhere throughout the Communicator suite.
  15    ========================================================================== */
  16
  17 toolbar {
  18   -moz-binding: url("chrome://global/skin/globalBindings.xml#grippytoolbar");
  19 }
  20
  21 menubar,
  22 toolbar[type="menubar"] {
  23   -moz-binding: url("chrome://global/skin/globalBindings.xml#grippytoolbar-menubar");
  24 }
  25
  26 .toolbar-primary {
  27   -moz-binding: url("chrome://global/skin/globalBindings.xml#grippytoolbar-primary");
  28 }
  29
  30 toolbar[xpfe="false"] {
  31   -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar");
  32 }
  33
  34 menubar[xpfe="false"] {
  35   -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar");
  36 }
  37
  38 /* ::::: autocomplete ::::: */
  39
  40 .autocomplete-history-popup {
  41   max-height: 25em;
  42 }
  43
  44 textbox[autocompletesearch="history file"] .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
  45   width: 16px;
  46   height: 16px;
  47   margin-left: 1px;
  48 }
  49
  50 textbox[autocompletesearch="history file"] .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue, directory) {
  51   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
  52 }
  53
  54 textbox[autocompletesearch="history file"] .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue, file) {
  55   list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
  56 }
  57
  58 /* ::::: online/offline icons ::::: */
  59
  60 #offline-status[offline="true"] {
  61   list-style-image: url("chrome://communicator/skin/icons/offline.gif");
  62 }
  63
  64 #offline-status {
  65   list-style-image: url("chrome://communicator/skin/icons/online.gif");
  66 }
  67
  68 /* ::::: spell checker ::::: */
  69
  70 .spell-suggestion {
  71   font-weight: bold;
  72 }
  73
  74 /* ::::: error messages ::::: */
  75
  76 description.error {
  77   color: #FF0000;
  78 }
  79
  80 /* ::::: directional button icons ::::: */
  81
  82 .up {
  83   list-style-image:url("chrome://global/skin/arrow/arrow-up-hover.gif");
  84   min-width: 0px;
  85 }
  86
  87 .up[disabled="true"] {
  88 }
  89
  90 .down {
  91   min-width: 0px;
  92   list-style-image:url("chrome://global/skin/arrow/arrow-down-hover.gif");
  93 }
  94
  95 .down[disabled="true"] {
  96 }
  97
  98 .sidebarTree {
  99   border: none;
 100   margin: 0px !important;
 101 }
 102
 103 /* ::::: iconic menus and menuitems ::::: */
 104
 105 menu.menu-iconic > .menu-iconic-left,
 106 menuitem.menuitem-iconic > .menu-iconic-left {
 107   display: -moz-box;
 108 }
 109
 110 /* ::::: sync notification ::::: */
 111
 112 #sync-notifications > notification {
 113   margin-top: 3px;
 114 }
 115
 116 #sync-notifications > notification > .notification-inner > hbox > button {
 117   margin: 0;
 118 }
 119
 120 /******* lightweight themes *******/
 121
 122 toolbar button:-moz-lwtheme,
 123 toolbar menulist:-moz-lwtheme:not([open="true"]),
 124 toolbar textbox:-moz-lwtheme:not([focused="true"]) {
 125   opacity: .8;
 126 }
 127
 128 treecols:-moz-lwtheme {
 129   text-shadow: none;
 130   color: #000000;
 131   background-color: #9C9CFF;
 132 }
 133
 134 /* ::::: toolbar print button ::::: */
 135 #print-button {
 136   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
 137   -moz-image-region: rect(0px 25px 21px 0px);
 138 }
 139
 140 #print-button[disabled="true"] {
 141   -moz-image-region: rect(0px 50px 21px 25px);
 142 }
 143
 144 #print-button:not([disabled="true"]):hover,
 145 #print-button:not([disabled="true"]):hover:active,
 146 #print-button[open="true"] {
 147   -moz-image-region: rect(0px 75px 21px 50px);
 148 }
 149
 150 toolbar[iconsize="small"] > toolbarpaletteitem > #print-button,
 151 toolbar[iconsize="small"] > #print-button {
 152   list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
 153   -moz-image-region: rect(0 16px 16px 0);
 154 }
 155
 156 toolbar[iconsize="small"] > #print-button[disabled="true"] {
 157   -moz-image-region: rect(0 32px 16px 16px) !important;
 158 }
 159
 160 toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover,
 161 toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover:active {
 162   -moz-image-region: rect(0 48px 16px 32px);
 163 }
 164
 165 /* ::::: notification bars ::::: */
 166
 167 .messageImage[value="refresh-blocked"] {
 168   list-style-image: url("chrome://communicator/skin/icons/application.png");
 169 }
 170
 171 .messageImage[value="blocked-plugins"],
 172 .messageImage[value="carbon-failure-plugins"],
 173 .messageImage[value="disabled-plugins"],
 174 .messageImage[value="missing-plugins"],
 175 .messageImage[value="outdated-plugins"],
 176 .messageImage[value="click-to-play-plugins"],
 177 .messageImage[value="plugin-crashed"] {
 178   list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
 179 }
 180
 181 .messageImage[value="geolocation"] {
 182   list-style-image: url("chrome://communicator/skin/icons/geo.png");
 183 }
 184
 185 .messageImage[value="webNotifications"] {
 186   list-style-image: url("chrome://communicator/skin/icons/notification-16.png");
 187 }
 188
 189 .messageImage[value="indexedDB-permissions-prompt"],
 190 .messageImage[value="indexedDB-quota-prompt"] {
 191   list-style-image: url("chrome://global/skin/icons/question-16.png");
 192 }
 193
 194 .messageImage[value="addon-install-blocked"],
 195 .messageImage[value="addon-install-cancelled"],
 196 .messageImage[value="addon-install-complete"],
 197 .messageImage[value="addon-install-disabled"],
 198 .messageImage[value="addon-install-failed"],
 199 .messageImage[value="addon-install-started"],
 200 .messageImage[value="lwtheme-install-request"],
 201 .messageImage[value="lwtheme-install-notification"] {
 202   list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
 203 }
 204
 205 .messageImage[value="popup-blocked"] {
 206   list-style-image: url("chrome://navigator/skin/icons/popup-blocked.gif");
 207 }
 208
 209 .messageImage[value="blocked-badware-page"] {
 210   list-style-image: url("chrome://global/skin/icons/blacklist_favicon.png");
 211 }
 212
 213 .messageImage[value="EnterInsecureMessage"] {
 214   list-style-image: url("chrome://communicator/skin/icons/lock-insecure-16.png");
 215 }
 216
 217 .messageImage[value="EnterSecureMessage"],
 218 .messageImage[value="BlockedActiveContentMessage"],
 219 .messageImage[value="BlockedDisplayContentMessage"] {
 220   list-style-image: url("chrome://communicator/skin/icons/lock-secure-16.png");
 221 }
 222
 223 .messageImage[value="MixedContentMessage"],
 224 .messageImage[value="MixedActiveContentMessage"],
 225 .messageImage[value="MixedDisplayContentMessage"] {
 226   list-style-image: url("chrome://communicator/skin/icons/lock-broken-16.png");
 227 }
 228
 229 /* ::::: tree rows ::::: */
 230
 231 @media (-moz-windows-default-theme) {
 232   treechildren:not(.autocomplete-treebody)::-moz-tree-row {
 233     height: 1.3em !important;
 234     border-width: 1px !important;
 235   }
 236 }