LCARStrek/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"); /* namespace for HTML elements */
  11
  12 /* ::::: textbox ::::: */
  13
  14 textbox {
  15   border-radius: 3px;
  16   -moz-outline-radius: 5px;
  17   cursor: text;
  18   margin: 1px 2px;
  19   border: 1px solid #9C9CFF;
  20   padding: 1px 0px;
  21   padding-inline-start: 2px;
  22   background-color: #000000;
  23   color: #E7ADE7;
  24   min-height: 19px;
  25 }
  26
  27 html|*.textbox-input,
  28 html|*.textbox-textarea {
  29   border-radius: 3px;
  30   margin: 0px !important;
  31   border: none !important;
  32   padding: 0px !important;
  33   background-color: inherit;
  34   color: inherit;
  35   font: inherit;
  36 }
  37
  38 html|*.textbox-input::placeholder,
  39 html|*.textbox-textarea::placeholder {
  40   color: #8050B0;
  41   opacity: 1.0;
  42 }
  43
  44 html|*.textbox-input > .anonymous-div,
  45 html|*.textbox-input::placeholder {
  46   line-height: 1em; /* This would be ideal but doesn't work */
  47 }
  48
  49 html|*.textbox-input {
  50   max-height: 1em; /* work around the above rule that does not work */
  51 }
  52
  53 .textbox-input-box menupopup {
  54   cursor: default;
  55 }
  56
  57 /* ..... readonly state ..... */
  58
  59 textbox[readonly="true"] {
  60   border: 1px solid #A09090;
  61   color: #A09090;
  62 }
  63
  64 /* ..... disabled state ..... */
  65
  66 textbox[disabled="true"] {
  67   border: 1px solid #8050B0;
  68   cursor: default;
  69   color: #8050B0;
  70 }
  71
  72 /* ..... focused state ..... */
  73
  74 textbox[focused="true"] {
  75   border: 1px solid #008484;
  76   outline: 1px solid #008484;
  77 }
  78
  79 textbox[focused="true"][readonly="true"] {
  80   border: 1px solid #A09090;
  81   outline: none;
  82 }
  83
  84 /* ::::: plain textbox ::::: */
  85
  86 textbox.plain {
  87   padding: 0px !important;
  88   margin: 0px !important;
  89   border: none !important;
  90   outline: none !important;
  91   background-color: transparent;
  92   color: inherit !important;
  93   min-height: 0px;
  94 }
  95
  96 /* ::::: search textbox ::::: */
  97
  98 .textbox-search-icon {
  99   list-style-image: url("chrome://global/skin/icons/search.png");
 100   -moz-image-region: rect(0, 16px, 16px, 0);
 101 }
 102
 103 .textbox-search-icon:-moz-locale-dir(rtl) {
 104   transform: scaleX(-1);
 105 }
 106
 107 .textbox-search-icon[searchbutton]:not([disabled]) {
 108   cursor: pointer;
 109 }
 110
 111 .textbox-search-clear {
 112   list-style-image: url("chrome://global/skin/icons/search.png");
 113   -moz-image-region: rect(16px, 16px, 32px, 0);
 114 }
 115
 116 .textbox-search-clear:not([disabled]) {
 117   cursor: default;
 118 }
 119
 120 /* ::::: textboxes inside toolbarpaletteitems ::::: */
 121
 122 toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
 123   visibility: hidden;
 124 }