fixing skin bustage because of scrollbar changes

[themes.git] / EarlyBlue / global / skin / textfield.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to HTML */
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for XUL elements */

/** generic text fields (in dialogs)
 **/
 
/* outer frame */
  textbox
    {
      border              : 1px inset #CCD0DD;
      font                : inherit;
      color               : #000000;
      padding             : 0px;
      margin              : 1px 3px 2px 4px;
      background-color    : #FFFFFF;
      cursor              : text;
    }
    
  textbox[readonly="true"]
    {
      background-color    : #CCCCCC;
    }
  
  textbox[focused="true"]
    {
      border              : 2px solid #6699cc;
      margin              : 0px 2px 1px 3px;
    }
    
  textbox[focused="true"][readonly="true"]
    {
      border              : 1px inset #CCCCCC;
      margin              : 1px 3px 2px 4px;
    }

/* internal frame */
  .textbox-internal-box 
    {
      margin              : 0px;
      padding             : 1px 2px 1px 2px;
      cursor              : text;
      border              : none;
      background-color    : inherit;
      color               : inherit;
    }
  
  textbox[disabled="true"] > .textbox-internal-box
    {
      border              : none;
    }
  
  .textarea-internal-box
    {
      padding             : 0px 0px 0px 2px;
    }
  
/* internal text widget */
  .textbox-input, .textbox-textarea
    {
      border              : none !important;
      margin              : 0px;
      font                : inherit;
      background-color    : inherit;
    }

  textbox[disabled="true"] 
    {
      cursor              : default ! important;
    } 
    
/** plain atomic textfields, class="plain" **/
  textbox.plain, 
  textbox.plain > .textbox-internal-box, 
  textbox.plain > .textarea-internal-box
    {
      padding             : 0px !important;
      margin              : 0px !important;
      border              : none !important;
    }

  .scrollfield
    {
      border              : none !important;
      margin              : 0px;
      margin-top          : 1px;      
      padding             : 0px !important;
      background          : inherit;
    }    
    
  .scrollfield > .textbox-internal-box
    {
      border              : none !important;
      margin              : 0px !important;
      padding             : 0px !important;
    }