global.css (6188B)
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 /* ===== global.css ===================================================== 6 == Styles that apply everywhere. 7 ======================================================================= */ 8 9 /* all localizable skin settings shall live here */ 10 @import url("chrome://global/locale/intl.css"); 11 12 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 13 14 /* ::::: XBL bindings ::::: */ 15 16 radio { 17 -moz-binding: url("chrome://global/skin/globalBindings.xml#radio"); 18 } 19 20 menulist > menupopup, 21 .menulist-menupopup { 22 -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars"); 23 } 24 25 .menulist-compact { 26 -moz-binding: url("chrome://global/skin/globalBindings.xml#menulist-compact"); 27 } 28 29 /* ::::: root elements ::::: */ 30 31 window, 32 page, 33 dialog, 34 wizard, 35 prefwindow { 36 -moz-appearance: none; 37 background-color: #181411; 38 color: #bfbbb6; 39 font: message-box; 40 } 41 42 /* deprecated */ 43 window.dialog { 44 padding-top: 8px; 45 padding-bottom: 10px; 46 padding-inline-start: 8px; 47 padding-inline-end: 10px; 48 } 49 50 /* ::::: alert icons :::::*/ 51 52 .message-icon, 53 .alert-icon, 54 .error-icon, 55 .question-icon { 56 width: 32px; 57 height: 32px; 58 } 59 60 .message-icon { 61 list-style-image: url("chrome://global/skin/icons/information-16.svg"); 62 } 63 64 .alert-icon { 65 list-style-image: url("chrome://global/skin/icons/warning-16.svg"); 66 } 67 68 .error-icon { 69 list-style-image: url("chrome://global/skin/icons/error-16.svg"); 70 } 71 72 .question-icon { 73 list-style-image: url("chrome://global/skin/icons/question-16.svg"); 74 } 75 76 /* ::::: iframe ::::: */ 77 78 iframe { 79 border: none; 80 width: 100px; 81 height: 100px; 82 min-width: 10px; 83 min-height: 10px; 84 } 85 86 /* ::::: statusbar ::::: */ 87 88 statusbar { 89 -moz-appearance: none; 90 border-top: 1px solid rgb(64,64,64); 91 border-left: 1px solid rgb(64,64,64); 92 border-right: 1px solid rgb(64,64,64); 93 border-bottom: 1px solid rgb(64,64,64); 94 background-color: #181411; 95 min-height: 22px; 96 } 97 98 statusbarpanel { 99 -moz-appearance: none; 100 -moz-box-align: center; 101 -moz-box-pack: center; 102 border-left: 1px solid rgb(64,64,64); 103 border-top: 1px solid rgb(64,64,64); 104 border-right: 1px solid rgb(64,64,64); 105 border-bottom: 1px solid rgb(64,64,64); 106 padding: 0 4px; 107 } 108 109 statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme { 110 -moz-appearance: none; 111 border-top-style: none; 112 border-bottom-style: none; 113 border-inline-start-style: none; 114 } 115 116 .statusbar-resizerpanel { 117 -moz-box-align: end; 118 -moz-box-pack: end; 119 -moz-appearance: resizerpanel; 120 padding: 0; 121 border: none; 122 } 123 124 .statusbarpanel-iconic, 125 .statusbarpanel-iconic-text, 126 .statusbarpanel-menu-iconic { 127 padding: 0 1px; 128 } 129 130 /* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */ 131 132 sidebarheader { 133 height: 25px; 134 background-color: #181411; 135 -moz-appearance: toolbox; 136 border-bottom: 1px solid rgb(64,64,64); 137 border-top: 1px solid rgb(64,64,64); 138 } 139 140 sidebarheader > label { 141 padding-inline-start: 4px; 142 } 143 144 .toolbar-focustarget { 145 -moz-user-focus: ignore !important; 146 } 147 148 toolbar[mode="text"] .toolbarbutton-text { 149 padding: 0 !important; 150 margin: 3px 5px !important; 151 } 152 153 /* ::::: miscellaneous formatting ::::: */ 154 155 :root:-moz-lwtheme, 156 [lwthemefooter="true"] { 157 -moz-appearance: none; 158 } 159 160 :root:-moz-lwtheme-darktext { 161 text-shadow: 1px 1px 1.5px white; 162 } 163 164 :root:-moz-lwtheme-brighttext { 165 text-shadow: 1px 1px 1.5px black; 166 } 167 168 statusbar:-moz-lwtheme, 169 sidebarheader:-moz-lwtheme { 170 -moz-appearance: none; 171 background: none; 172 border-style: none; 173 } 174 175 .inset { 176 border: 1px solid rgb(64,64,64); 177 border-right-color: rgb(64,64,64); 178 border-bottom-color: rgb(64,64,64); 179 margin: 0 5px 5px; 180 } 181 182 .outset { 183 border: 1px solid rgb(64,64,64); 184 border-left-color: rgb(64,64,64); 185 border-top-color: rgb(64,64,64); 186 } 187 188 /* separators */ 189 separator:not([orient="vertical"]) { 190 height: 1.5em; 191 } 192 separator[orient="vertical"] { 193 width: 1.5em; 194 } 195 196 separator.thin:not([orient="vertical"]) { 197 height: 0.5em; 198 } 199 separator.thin[orient="vertical"] { 200 width: 0.5em; 201 } 202 203 separator.groove:not([orient="vertical"]) { 204 border-top: 1px solid rgb(64,64,64); 205 height: 0; 206 margin-top: 0.4em; 207 margin-bottom: 0.4em; 208 } 209 separator.groove[orient="vertical"] { 210 border-left: 1px solid rgb(64,64,64); 211 width: 0; 212 margin-left: 0.4em; 213 margin-right: 0.4em; 214 } 215 216 .small-margin { 217 margin: 1px 2px; 218 } 219 220 .plain { 221 -moz-appearance: none; 222 margin: 0 !important; 223 border: none; 224 padding: 0; 225 } 226 227 description, 228 label { 229 cursor: default; 230 margin-top: 1px; 231 margin-bottom: 2px; 232 margin-inline-start: 6px; 233 margin-inline-end: 5px; 234 } 235 236 description { 237 margin-bottom: 4px; 238 } 239 240 label[disabled="true"] { 241 color: GrayText; 242 } 243 244 label[disabled="true"]:-moz-system-metric(windows-classic) { 245 color: ThreeDShadow; 246 text-shadow: 1px 1px ThreeDHighlight; 247 } 248 249 .tooltip-label { 250 margin: 0; 251 } 252 253 .header { 254 font-weight: bold; 255 } 256 257 .monospace { 258 font-family: monospace; 259 } 260 261 .indent { 262 margin-inline-start: 23px; 263 } 264 265 .box-padded { 266 padding: 5px; 267 } 268 269 .spaced { 270 margin: 3px 5px 4px; 271 } 272 273 .wizard-box { 274 padding: 20px 44px 10px; 275 } 276 277 .text-link { 278 color: #bfbbb6; 279 text-decoration: underline; 280 border: 1px solid transparent; 281 cursor: pointer; 282 } 283 284 .text-link:hover { 285 color: rgb(219,219,219); 286 } 287 288 .text-link:-moz-focusring { 289 border: 1px dotted rgb(75,75,75); 290 } 291 292 /* :::::: autoscroll popup ::::: */ 293 294 .autoscroller { 295 height: 28px; 296 width: 28px; 297 border: none; 298 margin: -14px; 299 padding: 0; 300 background-image: url("chrome://global/skin/icons/autoscroll.png"); 301 background-color: transparent; 302 background-position: right top; 303 -moz-appearance: none; 304 } 305 306 .autoscroller[scrolldir="NS"] { 307 background-position: right center; 308 } 309 310 .autoscroller[scrolldir="EW"] { 311 background-position: right bottom; 312 } 313 314 /* :::::: Close button icons ::::: */ 315 316 .close-icon { 317 list-style-image: url("chrome://global/skin/icons/close.svg#normal"); 318 } 319 320 .close-icon:hover { 321 list-style-image: url("chrome://global/skin/icons/close.svg#hover"); 322 } 323 324 .close-icon:hover:active { 325 list-style-image: url("chrome://global/skin/icons/close.svg#active"); 326 }