gecko-dev/toolkit/themes/winstripe/global/textbox.css
2012-05-21 12:12:37 +01:00

113 lines
2.8 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* ===== textbox.css ==================================================
== Styles used by the XUL textbox element.
======================================================================= */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/* ::::: textbox ::::: */
textbox {
-moz-appearance: textfield;
cursor: text;
margin: 2px 4px;
border: 2px solid;
-moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
-moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
padding: 2px 2px 3px;
-moz-padding-start: 4px;
background-color: -moz-Field;
color: -moz-FieldText;
}
html|*.textbox-input,
html|*.textbox-textarea {
margin: 0px !important;
border: none !important;
padding: 0px !important;
background-color: inherit;
color: inherit;
font: inherit;
}
html|*.textbox-input:-moz-placeholder,
html|*.textbox-textarea:-moz-placeholder {
color: GrayText;
}
.textbox-contextmenu {
cursor: default;
}
/* ..... readonly state ..... */
textbox[readonly="true"] {
background-color: -moz-Dialog;
color: -moz-DialogText;
}
/* ..... disabled state ..... */
textbox[disabled="true"] {
cursor: default;
background-color: -moz-Dialog;
color: GrayText;
}
/* ::::: plain textbox ::::: */
textbox.plain {
-moz-appearance: none !important;
background-color: transparent;
padding: 0px !important;
margin: 0px !important;
border: none !important;
}
/* ::::: search textbox ::::: */
.textbox-search-icon {
list-style-image: url(chrome://global/skin/icons/Search-glass.png);
-moz-image-region: rect(0, 16px, 16px, 0);
}
.textbox-search-icon:-moz-locale-dir(rtl) {
-moz-transform: scaleX(-1);
}
.textbox-search-icon[searchbutton]:not([disabled]) {
cursor: pointer;
}
.textbox-search-clear {
list-style-image: url(chrome://global/skin/icons/Search-close.png);
-moz-image-region: rect(0, 16px, 16px, 0);
}
.textbox-search-clear:not([disabled]) {
cursor: default;
}
.textbox-search-clear:not([disabled]):hover ,
.textbox-search-icon[searchbutton]:not([disabled]):hover {
-moz-image-region: rect(0, 32px, 16px, 16px);
}
.textbox-search-clear:not([disabled]):hover:active ,
.textbox-search-icon[searchbutton]:not([disabled]):hover:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}
/* ::::: textboxes inside toolbarpaletteitems ::::: */
toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
visibility: hidden;
}