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@import url("chrome://global/content/autocomplete.css"); 10 11@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 12@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */ 13 14/* ::::: textbox ::::: */ 15 16textbox { 17 margin: 2px 4px; 18 border: 1px solid; 19 padding-top: 1px; 20 padding-bottom: 1px; 21 padding-inline-start: 2px; 22 padding-inline-end: 0px; 23 background-color: #FFFFFF; 24 color: #000000; 25 font: inherit; 26} 27 28html|*.textbox-input::placeholder, 29html|*.textbox-textarea::placeholder { 30 color: #999999; 31 opacity: 1.0; 32} 33 34textbox, 35textbox[readonly="true"][focused="true"] { 36 border-color: #5D616E; 37} 38 39html|*.textbox-input, 40html|*.textbox-textarea { 41 cursor: text; 42 margin: 0px !important; 43 border: none !important; 44 padding: 0px !important; 45 background-color: inherit; 46 color: inherit; 47 font: inherit; 48} 49 50/* ..... focused state ..... */ 51 52textbox[focused="true"] { 53 border-color: #000000; 54} 55 56/* ..... disabled state ..... */ 57 58textbox[disabled="true"] { 59 border-top-color: #98A5B2; 60 border-right-color: #F8FAFE; 61 border-bottom-color: #F8FAFE; 62 border-left-color: #BEC3D3; 63 background-color: #C7D0D9; 64 color: #999999; 65 cursor: default !important; 66} 67 68/* ..... readonly state ..... */ 69 70textbox[readonly="true"] { 71 background-color: #C7D0D9; 72} 73 74/* ::::: plain textbox ::::: */ 75 76textbox.plain { 77 background-color: transparent; 78 margin: 0px !important; 79 border: none !important; 80 padding: 0px !important; 81} 82 83/* ::::: search textbox ::::: */ 84 85.textbox-search-icon { 86 list-style-image: url("chrome://global/skin/icons/search.png"); 87} 88 89.textbox-search-clear { 90 list-style-image: url("chrome://global/skin/icons/closebox.png"); 91} 92 93/* ::::: scrollable textbox ::::: */ 94 95.scrollfield { 96 border: none !important; 97 margin: 0px; 98 margin-top: 1px; 99 padding: 0px !important; 100 background: inherit; 101} 102 103.scrollfield > .textbox-internal-box { 104 border: none !important; 105 margin: 0px !important; 106 padding: 0px !important; 107} 108 109/* ::::: inline-edit textbox ::::: */ 110 111.textbox-inline-edit { 112 margin: 0px !important; 113 border: 1px solid #000000 !important; 114} 115 116/* ::::: textboxes inside toolbarpaletteitems ::::: */ 117 118toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input { 119 visibility: hidden; 120} 121