EarlyBlue/global/textbox.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 /* ===== textbox.css ==================================================
   6   == Styles used by the XUL textbox element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10 @namespace html url("http://www.w3.org/1999/xhtml");
  11
  12 /* ::::: textbox ::::: */
  13
  14 textbox {
  15   cursor: text;
  16   margin: 2px 3px;
  17   border: 1px inset #CCD0DD;
  18   padding: 1px 0px;
  19   -moz-padding-start: 2px;
  20   background-color: #FFFFFF;
  21   color: #000000;
  22   min-height: 19px;
  23 }
  24
  25 html|*.textbox-input,
  26 html|*.textbox-textarea {
  27   margin: 0px !important;
  28   border: none !important;
  29   padding: 0px !important;
  30   background-color: inherit;
  31   color: inherit;
  32   font: inherit;
  33 }
  34
  35 html|*.textbox-input:-moz-placeholder,
  36 html|*.textbox-textarea:-moz-placeholder {
  37   color: #CCD0DD;
  38 }
  39
  40 .textbox-input-box menupopup {
  41   cursor: default;
  42 }
  43
  44 /* ..... readonly state ..... */
  45
  46 textbox[readonly="true"] {
  47   background-color: #CCCCCC;
  48   color: #000000;
  49 }
  50
  51 /* ..... disabled state ..... */
  52
  53 textbox[disabled="true"] {
  54   cursor: default;
  55   background-color: #FFFFFF;
  56   color: #CCCCCC;
  57   border: 1px solid #666699;
  58 }
  59
  60 textbox[focused="true"] {
  61   border: 1px solid #6699CC;
  62   outline: 1px solid #6699CC;
  63 }
  64
  65 textbox[focused="true"][readonly="true"] {
  66   border: 1px solid #6699CC;
  67   outline: none;
  68 }
  69
  70 /* ::::: plain textbox ::::: */
  71
  72 textbox.plain {
  73   padding: 0px !important;
  74   margin: 0px !important;
  75   border: none !important;
  76   outline: none !important;
  77   background-color: transparent;
  78   color: inherit !important;
  79   min-height: 0px;
  80 }
  81
  82 /* ::::: search textbox ::::: */
  83
  84 .textbox-search-icon {
  85   list-style-image: url("chrome://global/skin/icons/search.png");
  86   -moz-image-region: rect(0, 16px, 16px, 0);
  87 }
  88
  89 .textbox-search-icon:-moz-locale-dir(rtl) {
  90   -moz-transform: scaleX(-1);
  91 }
  92
  93 .textbox-search-icon[searchbutton]:not([disabled]) {
  94   cursor: pointer;
  95 }
  96
  97 .textbox-search-clear {
  98   list-style-image: url("chrome://global/skin/icons/search.png");
  99   -moz-image-region: rect(16px, 16px, 32px, 0);
 100 }
 101
 102 .textbox-search-clear:not([disabled]) {
 103   cursor: default;
 104 }
 105
 106 /* ::::: textboxes inside toolbarpaletteitems ::::: */
 107
 108 toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
 109   visibility: hidden;
 110 }