textbox.css (2903B)
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 /* This Source Code Form is subject to the terms of the Mozilla Public 6 * License, v. 2.0. If a copy of the MPL was not distributed with this 7 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 8 9 /* ===== textbox.css ================================================== 10 == Styles used by the XUL textbox element. 11 ======================================================================= */ 12 13 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 14 @namespace html url("http://www.w3.org/1999/xhtml"); 15 16 /* ::::: textbox ::::: */ 17 18 textbox { 19 -moz-appearance: none; 20 cursor: text; 21 margin: 2px 4px; 22 border: 1px solid rgb(64,64,64); 23 padding: 2px 2px 3px; 24 padding-inline-start: 4px; 25 background-color: #181411; 26 color: #bfbbb6; 27 } 28 29 html|*.textbox-input, 30 html|*.textbox-textarea { 31 margin: 0px !important; 32 border: none !important; 33 padding: 0px !important; 34 background-color: inherit; 35 color: inherit; 36 font: inherit; 37 } 38 39 .textbox-contextmenu { 40 cursor: default; 41 } 42 43 /* ..... readonly state ..... */ 44 45 textbox[readonly="true"] { 46 background-color: #181411; 47 color: rgb(219,219,219); 48 } 49 50 /* ..... disabled state ..... */ 51 52 textbox[disabled="true"] { 53 cursor: default; 54 background-color: #181411; 55 color: rgb(200,200,200); 56 } 57 58 /* ::::: plain textbox ::::: */ 59 60 textbox.plain { 61 -moz-appearance: none !important; 62 background-color: transparent; 63 padding: 0px !important; 64 margin: 0px !important; 65 border: none !important; 66 } 67 68 /* ::::: search textbox ::::: */ 69 70 .textbox-search-icon { 71 list-style-image: url(chrome://global/skin/icons/Search-glass.svg); 72 } 73 74 .textbox-search-icon:-moz-locale-dir(rtl) { 75 transform: scaleX(-1); 76 } 77 78 .textbox-search-icon[searchbutton]:not([disabled]) { 79 cursor: pointer; 80 } 81 82 .textbox-search-icon[searchbutton]:not([disabled]):active { 83 opacity: .8; 84 } 85 86 .textbox-search-icon[disabled], 87 .textbox-search-icon:not([searchbutton]), 88 .textbox-search-icon:not(:hover):not(:active) { 89 opacity: .7; 90 } 91 92 /* ::::: Search clear ::::: */ 93 94 .textbox-search-clear { 95 list-style-image: url(chrome://global/skin/icons/close.svg#normal); 96 } 97 98 .textbox-search-clear:not([disabled]) { 99 cursor: default; 100 } 101 102 .textbox-search-clear:not([disabled]):hover { 103 list-style-image: url("chrome://global/skin/icons/close.svg#hover"); 104 } 105 106 .textbox-search-clear:not([disabled]):hover:active { 107 list-style-image: url("chrome://global/skin/icons/close.svg#active"); 108 } 109 110 /* ::::: textboxes inside toolbarpaletteitems ::::: */ 111 112 toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { 113 visibility: hidden; 114 } 115 116 117 @media (-moz-windows-default-theme) { 118 textbox html|*.textbox-input::-moz-placeholder { 119 font-style: italic; 120 } 121 } 122