userChrome.css (65863B)
1 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 2 /************************ DO NOT remove the Above line **********************/ 3 /************************ Add USER code BELLOW this line *********************/ 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /**************************** Dorian Theme ***************************/ 18 /* by killhellokitty/jo-shva mar 2013 */ 19 /* Blank background before clicked link page loads.... 20 see userContent.css for blank tab and initial Firefox startup blank 21 before homepage loads */ 22 tabbrowser tabpanels { 23 background-color: rgb(11,11,11) !important; 24 } 25 26 /* NavBar */ 27 #navigator-toolbox { 28 background: #0b0b0b !important; 29 } 30 31 #navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) { 32 -moz-appearance: none !important; 33 background-color: #1a1a1a !important; 34 } 35 36 #nav-bar[currentset*="unified-back-forward-button"], 37 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]){ 38 padding-top: 1px !important; 39 padding-bottom: 1px !important; 40 padding-right: 2px !important; 41 padding-left: 2px !important; 42 } 43 #navigator-toolbox[iconsize="small"] > #nav-bar{ 44 padding: 2px !important; 45 } 46 47 #navigator-toolbox[tabsontop="true"] > #nav-bar, 48 #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar, 49 #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar, 50 #navigator-toolbox[tabsontop="false"] > #nav-bar, 51 #navigator-toolbox[tabsontop="false"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar, 52 #navigator-toolbox[tabsontop="false"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar { 53 background: -moz-linear-gradient(rgba(255,255,255,0.06), rgba(0,0,0,0.08)), url("images/Toolbar.png"), #1a1a1a !important; 54 background-position: left center !important; 55 background-repeat: repeat !important; 56 margin-bottom: -1px !important; 57 border-bottom: 1px solid rgb(24,24,24) !important; 58 box-shadow: 0px 1px 0 rgba(255,255,255,0.07) inset, 59 inset 1px 0 0 rgba(255,255,255, 0.04), 60 inset 0 -1px 0 rgba(0,0,0, 0.16), 61 inset -1px 0 0 rgba(0,0,0, 0.38)!important; 62 } 63 64 #navigator-toolbox[tabsontop="true"] > #nav-bar:not(:-moz-lwtheme), 65 #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar:not(:-moz-lwtheme), 66 #navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme) { 67 border-top: 1px solid rgba(9,9,9,0.55) !important; 68 } 69 70 71 72 73 #navigator-toolbox[tabsontop="true"]:not([pinned]) { 74 margin-bottom: 2px !important; 75 margin-top: 2px !important; 76 } 77 78 79 80 /* Restyle bookmark bars -- tabs on top */ 81 #navigator-toolbox #PersonalToolbar { 82 background: #2e2e2e!important; 83 background-image: -moz-linear-gradient(#2e2e2e, #313131) !important; 84 border-top: 0px solid rgba(9,9,9,0.55) !important; 85 border-bottom: 1px solid #161616 !important; 86 box-shadow: 0px 1px 0 rgba(255,255,255,0.024) inset, 87 inset 1px 0 0 rgba(255,255,255, 0.02), 88 inset 0 -1px 0 rgba(0,0,0, 0.16), 89 inset -1px 0 0 rgba(0,0,0, 0.38)!important; 90 margin-bottom: -1px !important; 91 } 92 93 /* Places toolbar *//* ::::: bookmark buttons ::::: */ 94 #PersonalToolbar { 95 font-size: .885em !important; 96 } 97 98 #personal-bookmarks { 99 min-height: 18px !important; 100 } 101 102 toolbarbutton.bookmark-item { 103 -moz-appearance: none !important; 104 border: 1px solid rgba(0,0,0,.0) !important; 105 border-radius: 2px !important; 106 padding-top: 2px !important; 107 padding-bottom: 2px !important; 108 color: #ababab !important; 109 text-shadow: none !important; 110 background: transparent 111 -moz-linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.03)) !important; 112 } 113 114 toolbarbutton.bookmark-item:hover { 115 color: #dddddd !important; 116 border: 1px solid #222222 !important; 117 background: transparent 118 -moz-linear-gradient(rgba(21,68,120,.22), rgba(21,68,120,.12)) !important; 119 box-shadow: 0 1px 1px rgba(255,255,255,.11) inset !important; 120 -moz-transition: background-color .16s ease-in, 121 border-color .2s ease-in, 122 box-shadow .3s ease-in !important; 123 } 124 125 toolbarbutton.bookmark-item:hover:active:not([disabled="true"]), 126 toolbarbutton.bookmark-item[open="true"] { 127 color: #ffffff !important; 128 text-shadow: 0px 0px 3px rgba(91,151,34,0.85) !important; 129 background: -moz-linear-gradient(rgba(21,68,120,0.55), rgba(21,68,120,.8)), #0a0a0a !important; 130 border: 1px solid #222222 !important; 131 box-shadow: 0 1px 1px rgba(0,0,0,.16) inset !important; 132 -moz-transition: background-color .16s ease-in, 133 border-color .2s ease-in, 134 box-shadow .3s ease-in !important; 135 } 136 137 /* Location bar */ 138 139 #urlbar, 140 .searchbar-textbox, 141 toolbar textbox { 142 -moz-appearance: none !important; 143 margin: 1px 3px!important; 144 background-clip: padding-box!important; 145 padding-top: 3px !important; 146 padding-bottom: 3px !important; 147 border: 1px solid rgb(0,0,0) !important; 148 border-top: 1px solid rgb(24,24,24) !important; 149 border-left: 1px solid rgb(28,28,28) !important; 150 border-right: 1px solid rgb(28,28,28) !important; 151 border-bottom: 1px solid rgb(34,34,34) !important; 152 border-radius: 3px !important; 153 background: #242424 !important; 154 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 155 0px 1px 0 rgba(255,255,255,.1) !important; 156 overflow:hidden!important; 157 } 158 159 .searchbar-textbox { 160 padding-top: 2px !important; 161 padding-bottom: 2px !important; 162 } 163 164 [privatebrowsingmode=temporary] #urlbar, 165 [privatebrowsingmode=temporary] .searchbar-textbox { 166 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 167 1px 1px 3px rgba(237,52,49,0.2)inset, 168 -1px -1px 3px rgba(237,52,49,0.12)inset, 169 0px 1px 0 rgba(255,255,255,.1) !important; 170 } 171 172 #urlbar:hover, 173 .searchbar-textbox:hover, 174 toolbar textbox:hover 175 { 176 border-top: 1px solid rgb(23,23,23) !important; 177 border-left: 1px solid rgb(27,27,27) !important; 178 border-right: 1px solid rgb(27,27,27) !important; 179 border-bottom: 1px solid rgb(33,33,33) !important; 180 -moz-transition: .15s ease-out !important; 181 box-shadow: 0px 2px 4px rgba(0,0,0,0.26) inset, 182 0px 1px 0 rgba(255,255,255,.12) !important; 183 } 184 185 [privatebrowsingmode=temporary] #urlbar:hover, 186 [privatebrowsingmode=temporary] .searchbar-textbox:hover { 187 box-shadow: 0px 2px 4px rgba(0,0,0,0.26) inset, 188 1px 1px 3px rgba(237,52,49,0.2)inset, 189 -1px -1px 3px rgba(237,52,49,0.12)inset, 190 0px 1px 0 rgba(255,255,255,.12) !important; 191 } 192 193 #urlbar[focused="true"], 194 .searchbar-textbox[focused="true"], 195 toolbar textbox[focused="true"] { 196 border-top: 1px solid rgb(5,5,5) !important; 197 border-left: 1px solid rgb(8,8,8) !important; 198 border-right: 1px solid rgb(8,8,8) !important; 199 border-bottom: 1px solid rgb(12,12,12) !important; 200 background: #080808!important; 201 -moz-transition: .40s ease-in !important; 202 box-shadow: 0px 2px 4px rgba(0,0,0,0.36) inset, 203 0px 1px 0 rgba(255,255,255,.12) !important; 204 } 205 206 [privatebrowsingmode=temporary] #urlbar[focused="true"], 207 [privatebrowsingmode=temporary] .searchbar-textbox[focused="true"] { 208 -moz-transition: .40s ease-in !important; 209 box-shadow: 0px 2px 4px rgba(0,0,0,0.36) inset, 210 1px 1px 1px rgba(237,52,49,0.4)inset, 211 -1px -1px 1px rgba(237,52,49,0.3)inset, 212 0px 1px 0 rgba(255,255,255,.12) !important; 213 } 214 215 .searchbar-textbox[focused="true"] { 216 color: #efefef !important; 217 } 218 219 .urlbar-textbox-container { 220 -moz-appearance: none !important; 221 margin-top: 0px !important; 222 margin-bottom: 0px !important; 223 margin-right: 2px !important; 224 color:#cdcdcd !important; 225 } 226 227 .urlbar-textbox-container:-moz-locale-dir(rtl) { 228 margin-right: 0px!important; 229 margin-left: 2px!important; 230 } 231 232 .urlbar-frontcap { 233 margin-top: 0px!important; 234 margin-bottom: 0px!important; 235 margin-left: 0px!important; 236 } 237 238 .urlbar-textbox-container[focused="true"] { 239 color: #ffffff !important; 240 } 241 242 .urlbar-textbox-container:hover { 243 color: #cdcdcd !important; 244 } 245 246 #urlbar-container { 247 -moz-box-orient: horizontal !important; 248 -moz-box-align: stretch !important; 249 } 250 251 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container { 252 padding-left: 27px !important; 253 -moz-margin-start: -27px !important; 254 position: relative !important; 255 pointer-events: none !important; 256 } 257 258 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar { 259 -moz-border-start: none !important; 260 margin-left: 0 !important; 261 pointer-events: all !important; 262 } 263 264 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar { 265 transition: margin-left 150ms ease-out !important; 266 } 267 268 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) { 269 border-top-left-radius: 0 !important; 270 border-bottom-left-radius: 0 !important; 271 } 272 273 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { 274 border-top-right-radius: 0 !important; 275 border-bottom-right-radius: 0 !important; 276 } 277 278 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar { 279 margin-left: -29px !important; 280 } 281 282 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar { 283 /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ 284 transition-delay: 100s !important; 285 } 286 287 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar { 288 /* when not hovered anymore, trigger a new transition to hide the forward button immediately */ 289 margin-left: -31px !important; 290 } 291 292 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl), 293 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { 294 transform: scaleX(-1) !important; 295 } 296 297 #identity-box { 298 -moz-appearance: none !important; 299 background: rgba(0,0,0,0.14) !important; 300 color: #ffffff!important; 301 border-right: 2px solid!important; 302 -moz-border-right-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.01)!important; 303 font-weight: bold!important; 304 border-radius: 2px 0px 0px 2px!important; 305 min-width:20px!important; 306 padding-left: 2px!important; 307 padding-right:1px!important; 308 margin-top:-3px!important; 309 margin-bottom:-3px!important; 310 height:22px!important; 311 text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75) !important; 312 background-image: -moz-linear-gradient(rgba(255,255,255,0.02),rgba(255,255,255,0.02)) !important; 313 -moz-transition: .1s ease-in !important; 314 } 315 316 #identity-box:-moz-locale-dir(rtl){ 317 border-radius: 0px 2px 2px 0px !important; 318 border-right: 0px solid !important; 319 border-left: 2px solid !important; 320 -moz-border-left-colors: rgba(255, 255, 255, 0.01) rgba(0, 0, 0, 0.32) !important; 321 padding-left:1px !important; 322 padding-right:2px !important; 323 } 324 325 /* combined go/reload/stop button in location bar */ 326 327 #urlbar > toolbarbutton { 328 -moz-appearance: none !important; 329 background-origin: border-box!important; 330 border: none!important; 331 border-left: 2px solid !important; 332 -moz-border-left-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.03)!important; 333 border-top-right-radius: 3px!important; 334 border-bottom-right-radius:3px!important; 335 -moz-transition: opacity 150ms ease-out!important; 336 margin-right: -1px !important; 337 margin-top: -3px !important; 338 margin-bottom: -3px !important; 339 padding-right: 4px !important; 340 padding-top: 1px !important; 341 padding-bottom: 1px !important; 342 padding-left: 4px !important; 343 } 344 345 #urlbar > toolbarbutton:-moz-locale-dir(rtl){ 346 border-left: 0px !important; 347 border-right: 2px solid !important; 348 -moz-border-left-colors: rgba(255, 255, 255, 0.03) rgba(0, 0, 0, 0.32) !important; 349 border-top-right-radius: 0px!important; 350 border-bottom-right-radius: 0px!important; 351 border-top-left-radius: 3px!important; 352 border-bottom-left-radius: 3px!important; 353 } 354 355 #urlbar > toolbarbutton:not([disabled]):active:hover { 356 background: rgba(0,0,0,0.18) !important; 357 box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset, 358 0 -1px 0 rgba(0,0,0,0.12)inset, 359 -1px 0 0 rgba(0,0,0,0.16)inset, 360 1px 0 0 rgba(255,255,255,0.016)inset, 361 -1px 0 0 rgba(0,0,0,0.06)!important; 362 } 363 364 #urlbar > toolbarbutton:not([disabled]):hover { 365 box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset, 366 0 -1px 0 rgba(0,0,0,0.12)inset, 367 -1px 0 0 rgba(0,0,0,0.16)inset, 368 1px 0 0 rgba(255,255,255,0.016)inset, 369 -1px 0 0 rgba(0,0,0,0.06)!important; 370 } 371 372 #urlbar > toolbarbutton:not([disabled]):active:hover:-moz-locale-dir(rtl){ 373 box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset, 374 0 -1px 0 rgba(0,0,0,0.12)inset, 375 1px 0 0 rgba(0,0,0,0.16)inset, 376 -1px 0 0 rgba(255,255,255,0.016)inset, 377 1px 0 0 rgba(0,0,0,0.06)!important; 378 } 379 380 #urlbar > toolbarbutton:not([disabled]):hover:-moz-locale-dir(rtl){ 381 box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset, 382 0 -1px 0 rgba(0,0,0,0.12)inset, 383 1px 0 0 rgba(0,0,0,0.16)inset, 384 -1px 0 0 rgba(255,255,255,0.016)inset, 385 1px 0 0 rgba(0,0,0,0.06)!important; 386 } 387 388 #urlbar-reload-button:not([disabled]):hover { 389 background: #154478!important; 390 } 391 392 #urlbar-go-button:hover { 393 background: #154478!important; 394 } 395 396 #urlbar-stop-button:hover { 397 background: rgba(237,52,49,0.34)!important; 398 } 399 400 /* primary toolbar buttons */ 401 402 #nav-bar { 403 /* force iconsize="small" on this toolbar */ 404 counter-reset: smallicons!important; 405 } 406 407 /****/ 408 .menu-iconic, 409 toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#PersonalToolbar):not(#addon-bar):-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container,#back-button,#forward-button"],#nav-bar:not([currentset])) .toolbarbutton-1, 410 .toolbarbutton-1 { 411 -moz-appearance: none!important; 412 -moz-margin-end: 0!important; 413 padding: 0px!important; 414 margin-top: 0px!important; 415 margin-bottom: 0px!important; 416 background: transparent!important; 417 background-clip: padding-box!important; 418 border: 1px solid!important; 419 border-color: transparent!important; 420 border-width: 5px!important; 421 color: #ababab!important; 422 box-shadow: none!important; 423 } 424 425 toolbar[mode="text"] toolbarbutton .toolbarbutton-text { 426 -moz-appearance: none!important; 427 margin-top: 0px!important; 428 margin-bottom: 0px!important; 429 -moz-margin-start: 2px !important; 430 -moz-margin-end: 2px !important; 431 } 432 433 .toolbarbutton-1 > .toolbarbutton-menubutton-button { 434 -moz-appearance: none!important; 435 border: none !important; 436 } 437 438 .menu-iconic 439 .toolbarbutton-1 { 440 margin: 1px 3px!important; 441 } 442 443 toolbar[iconsize="small"][mode="icons"] .menu-iconic, 444 toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 { 445 margin-left: 2px!important; 446 margin-right: 2px!important; 447 } 448 449 450 .toolbarbutton-1:not(:-moz-any(#colorzilla-navbar-button)) > .toolbarbutton-menubutton-button { 451 -moz-appearance: none!important; 452 box-shadow: none !important; 453 background: none !important; 454 } 455 456 457 .menu-iconic:not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover, 458 .menu-iconic:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover, 459 .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover, 460 .toolbarbutton-1:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover { 461 -moz-appearance: none !important; 462 -moz-border-image: url("images/toolbar-button-hover.png") 5 fill stretch!important; 463 } 464 465 .menu-iconic:not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover, 466 .menu-iconic:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover { 467 color: #cdcdcd!important; 468 } 469 470 .menu-iconic:hover:active:not([disabled="true"]), 471 .menu-iconic[checked="true"]:not([disabled="true"]), 472 .menu-iconic[open="true"]:not([disabled="true"]), 473 .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):hover:active, 474 .toolbarbutton-1:not([type="menu-button"])[checked="true"], 475 .toolbarbutton-1:hover:active:not([disabled="true"]), 476 .toolbarbutton-1[checked="true"]:not([disabled="true"]), 477 .toolbarbutton-1[open="true"]:not([disabled="true"]) { 478 -moz-appearance: none !important; 479 -moz-border-image: url("images/toolbar-button-active.png") 5 fill stretch!important; 480 } 481 482 .menu-iconic:hover:active:not([disabled="true"]), 483 .menu-iconic[checked="true"]:not([disabled="true"]), 484 .menu-iconic[open="true"]:not([disabled="true"]) { 485 color: #efefef !important; 486 } 487 488 .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, 489 .toolbarbutton-1 > .toolbarbutton-icon { 490 -moz-margin-end: 0!important; 491 } 492 493 #navigator-toolbox > toolbar:not(#TabsToolbar) toolbarbutton-1 > .toolbarbutton-menubutton-button { 494 -moz-appearance: none !important; 495 margin-top: -5px !important; 496 margin-bottom: -5px !important; 497 -moz-margin-start: -5px !important; 498 -moz-margin-end: 0 !important; 499 -moz-padding-start: 6px !important; 500 -moz-padding-end: 2px !important; 501 padding-top: 5px !important; 502 padding-bottom: 5px !important; 503 504 } 505 506 #navigator-toolbox > toolbar:not(#TabsToolbar) toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { 507 -moz-appearance: none !important; 508 margin-top: 0 !important; 509 margin-bottom: 0 !important; 510 -moz-margin-start: 0 !important; 511 -moz-margin-end: 0 !important; 512 -moz-padding-start: 0px !important; 513 -moz-padding-end: 0px !important; 514 padding-top: 0 !important; 515 padding-bottom: 0 !important; 516 } 517 518 /****/ 519 520 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #forward-button { 521 -moz-appearance: none !important; 522 523 border-top-right-radius: 0 !important; 524 border-bottom-right-radius: 0 !important; 525 -moz-margin-end: 0 !important; 526 border-right: 0px !important; 527 border-left: 0px !important; 528 transition: background-color .2s ease-in !important; 529 box-shadow: 0px 1px 0px rgba(24,24,24,0.8) inset, 530 0 -1px 1px rgba(0,0,0,0.2)inset, 531 -1px 0 0 rgba(26,26,26,0.8)inset, 532 1px 0 1px rgba(0,0,0,0.16), 533 0px 1px 0 rgba(255,255,255,.09) !important; 534 } 535 536 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) > #forward-button { 537 transition: opacity 150ms ease-out !important; 538 } 539 540 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not(:hover) > #forward-button[disabled] { 541 opacity: 0 !important; 542 } 543 544 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:hover > #forward-button[disabled] { 545 box-shadow: none !important; 546 } 547 548 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button { 549 -moz-appearance: none !important; 550 border-radius: 3px!important; 551 padding: 0!important; 552 position: relative !important; 553 z-index: 1 !important; 554 width: 34px !important; 555 height: 30px !important; 556 margin-top: 2px!important; 557 margin-bottom: 2px !important; 558 /* margin-left: 2px!important; 559 margin-right: -9px !important;*/ 560 background: -moz-linear-gradient(rgba(255,255,255,.06), 561 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 562 -moz-linear-gradient(rgba(255,255,255,.09), 563 rgba(255,255,255,.0) 49%, 564 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important; 565 566 border-top: 1px solid rgb(46,46,46) !important; 567 border-left: 1px solid rgb(28,28,28) !important; 568 border-right: 1px solid rgb(28,28,28) !important; 569 border-bottom: 1px solid rgb(26,26,26) !important; 570 box-shadow: 1px 1px 2px 1px rgba(255, 255, 255, 0.03) inset, 571 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 572 -1px -1px 1px 1px rgba(0,0,0,0.06), 573 0 1px 2px rgba(0,0,0,0.16)!important; 574 -moz-transition: .2s ease-in !important; 575 } 576 577 #clearDownloadsButton { 578 -moz-appearance: none !important; 579 border-radius: 3px!important; 580 background: -moz-linear-gradient(rgba(255,255,255,.06), 581 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 582 -moz-linear-gradient(rgba(255,255,255,.09), 583 rgba(255,255,255,.0) 49%, 584 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important; 585 586 border-top: 1px solid rgb(46,46,46) !important; 587 border-left: 1px solid rgb(28,28,28) !important; 588 border-right: 1px solid rgb(28,28,28) !important; 589 border-bottom: 1px solid rgb(26,26,26) !important; 590 box-shadow: 1px 1px 2px 1px rgba(255, 255, 255, 0.03) inset, 591 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 592 -1px -1px 1px 1px rgba(0,0,0,0.06), 593 0 1px 2px rgba(0,0,0,0.16)!important; 594 -moz-transition: .2s ease-in !important; 595 } 596 597 #back-button { 598 -moz-appearance: none !important; 599 border-radius: 3px 0 0 3px!important; 600 padding: 1px!important; 601 margin-top: 2px!important; 602 margin-bottom: 2px !important; 603 margin-left: 2px!important; 604 background: -moz-linear-gradient(rgba(255,255,255,.06), 605 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 606 -moz-linear-gradient(rgba(255,255,255,.09), 607 rgba(255,255,255,.0) 49%, 608 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important; 609 610 border-top: 1px solid rgb(46,46,46) !important; 611 border-left: 1px solid rgb(28,28,28) !important; 612 border-right:0px solid !important; 613 border-bottom: 1px solid rgb(26,26,26) !important; 614 box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset, 615 1px 1px 2px rgba(255, 255, 255, 0.03) inset, 616 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 617 -1px -1px 0 rgba(0,0,0,0.06), 618 0 1px 2px rgba(0,0,0,0.16)!important; 619 -moz-transition: .2s ease-in !important; 620 } 621 622 #clearDownloadsButton:not([disabled]):hover, 623 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([checked="true"]):not(:active):hover, 624 #back-button:not([disabled]):hover { 625 padding: 1px!important; 626 -moz-appearance: none !important; 627 -moz-border-image: none!important; 628 background:-moz-linear-gradient(rgba(255,255,255,.08), 629 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 630 -moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%, 631 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important; 632 border-top: 1px solid #123a66 !important; 633 border-left: 1px solid #0F2F54 !important; 634 border-right: 1px solid #0F2F54 !important; 635 border-bottom: 1px solid #0b2441 !important; 636 box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset, 637 0px 1px 0px rgba(255, 255, 255, 0.26) inset, 638 -1px -1px 1px 1px rgba(0,0,0,0.06), 639 0 1px 2px rgba(0,0,0,0.16)!important; 640 } 641 642 #back-button:not([disabled]):hover { 643 background:-moz-linear-gradient(rgba(255,255,255,.08), 644 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 645 -moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%, 646 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important; 647 border-top: 1px solid #123a66 !important; 648 border-left: 1px solid #0F2F54 !important; 649 border-bottom: 1px solid #0b2441 !important; 650 border-right: 0 solid !important; 651 box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset, 652 1px 1px 2px rgba(255, 255, 255, 0.04) inset, 653 0px 1px 0px rgba(255, 255, 255, 0.26) inset, 654 -1px -1px 0 rgba(0,0,0,0.06), 655 0 1px 2px rgba(0,0,0,0.16)!important; 656 -moz-transition: .2s ease-in !important; 657 } 658 659 #clearDownloadsButton:not([disabled]):active, 660 #clearDownloadsButton:not([disabled]):active:hover, 661 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active, 662 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"]:hover, 663 #back-button:not([disabled]):active, 664 #back-button:not([disabled]):active:hover { 665 -moz-appearance: none !important; 666 background: -moz-linear-gradient(rgba(255,255,255,.00), 667 rgba(255,255,255,.0) 50%, rgba(255,255,255,0.055)), 668 -moz-linear-gradient(rgba(0,0,0,.11), 669 rgba(0,0,0,.0) 49%, 670 rgba(255,255,255,.0) 51%, 671 rgba(255,255,255,.08)), #0d2b4d!important; 672 border-top: 1px solid #123a66 !important; 673 border-left: 1px solid #0F2F54 !important; 674 border-right: 1px solid #0F2F54 !important; 675 border-bottom: 1px solid #0b2441 !important; 676 box-shadow: 0px -2px 2px rgba(255, 255, 255, 0.04) inset, 677 0px 2px 0px rgba(255, 255, 255, 0.16) inset, 678 -1px -1px 1px 1px rgba(0,0,0,0.06), 679 0 1px 2px rgba(0,0,0,0.16)!important; 680 } 681 682 #back-button:not([disabled]):active, 683 #back-button:not([disabled]):active:hover { 684 background: -moz-linear-gradient(rgba(255,255,255,.00), 685 rgba(255,255,255,.0) 50%, rgba(255,255,255,0.055)), 686 -moz-linear-gradient(rgba(0,0,0,.11), 687 rgba(0,0,0,.0) 49%, 688 rgba(255,255,255,.0) 51%, 689 rgba(255,255,255,.08)), #0d2b4d!important; 690 border-top: 1px solid #123a66 !important; 691 border-left: 1px solid #0F2F54 !important; 692 border-right: 0px solid !important; 693 border-bottom: 1px solid #0b2441 !important; 694 box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset, 695 0px -1px 2px rgba(255, 255, 255, 0.04) inset, 696 0px 1px 0px rgba(255, 255, 255, 0.16) inset, 697 -1px -1px 0 rgba(0,0,0,0.06), 698 0 1px 2px rgba(0,0,0,0.16)!important; 699 -moz-transition: .2s ease-in !important; 700 } 701 702 #clearDownloadsButton[disabled="true"], 703 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled], 704 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"], 705 #back-button[disabled="true"] { 706 background: url("images/stripe-5.png"), #3a3a3a!important; 707 background-size: 6px!important; 708 background-repeat: repeat!important; 709 } 710 711 #back-button[disabled="true"] { 712 background: url("images/stripe-5.png"), #3a3a3a!important; 713 border-right: 0 solid !important; 714 background-size: 6px!important; 715 background-repeat: repeat!important; 716 box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset, 717 1px 1px 2px rgba(255, 255, 255, 0.03) inset, 718 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 719 -1px -1px 0 rgba(0,0,0,0.06), 720 0 1px 2px rgba(0,0,0,0.16)!important; 721 } 722 723 #clearDownloadsButton, 724 #clearDownloadsButton:not([disabled]):hover { 725 width: 100%!important; 726 height: 100%!important; 727 margin: 0 !important; 728 padding: 4px 5px !important; 729 } 730 731 toolbar:not([iconsize="small"])[mode="icons"][currentset*="unified-back-forward-button"], 732 #nav-bar:not([iconsize="small"])[mode="icons"]:not([currentset]) { 733 padding-top: 3px!important; 734 padding-bottom: 6px!important; 735 } 736 737 #navigator-toolbox[tabsontop="true"] > toolbar:not([iconsize="small"])[mode="icons"][currentset*="unified-back-forward-button"], 738 #navigator-toolbox[tabsontop="true"] > #nav-bar:not([iconsize="small"])[mode="icons"]:not([currentset]) { 739 padding-top: 5px!important; 740 } 741 742 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button, 743 window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons], 744 #nav-bar:not([currentset])[mode=icons]) > #unified-back-forward-button > #forward-button { 745 -moz-appearance: none !important; 746 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important; 747 -moz-margin-start: -6px !important; 748 padding: 0 !important; 749 border-radius: 0px !important; 750 margin-top: 5px!important; 751 margin-bottom: 5px !important; 752 padding-left: 7px !important; 753 padding-right: 3px !important; 754 background: -moz-linear-gradient(rgba(255,255,255,.03), 755 rgba(255,255,255,.0) 25%, rgba(255,255,255,0.0)), 756 -moz-linear-gradient(rgba(255,255,255,.06), 757 rgba(255,255,255,.0) 49%, 758 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important; 759 border: 0 solid!important; 760 box-shadow: 0 1px 1px rgb(34,34,34) inset, 761 0 -1px 0 rgb(20,20,20) inset, 762 0px -2px 2px rgba(255, 255, 255, 0.04) inset, 763 0px 2px 0px rgba(255, 255, 255, 0.16) inset, 764 0 1px 2px rgba(0,0,0, 0.24), 765 0 -1px 2px rgba(0,0,0,0.02)!important; 766 -moz-transition: .2s ease-in !important; 767 } 768 769 #placesToolbar #forward-button { 770 -moz-appearance: none !important; 771 border-radius: 0 3px 3px 0!important; 772 padding: 1px!important; 773 margin-top: 2px!important; 774 margin-bottom: 2px !important; 775 margin-right: 2px !important; 776 background: -moz-linear-gradient(rgba(255,255,255,.06), 777 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 778 -moz-linear-gradient(rgba(255,255,255,.09), 779 rgba(255,255,255,.0) 49%, 780 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important; 781 782 border-top: 1px solid rgb(46,46,46) !important; 783 border-left: 0px solid rgba(255,255,255,0.06) !important; 784 border-right: 1px solid rgb(28,28,28) !important; 785 border-bottom: 1px solid rgb(26,26,26) !important; 786 box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset, 787 -1px 1px 0 rgba(255, 255, 255, 0.03) inset, 788 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 789 1px -1px 0 rgba(0,0,0,0.06), 790 0 1px 2px rgba(0,0,0,0.16)!important; 791 -moz-transition: .2s ease-in !important; 792 } 793 794 #placesToolbar #forward-button:not([disabled]):hover { 795 background: -moz-linear-gradient(rgba(255,255,255,.06), 796 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 797 -moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%, 798 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important; 799 box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset, 800 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 801 1px -1px 1px 1px rgba(0,0,0,0.06), 802 0 1px 2px rgba(0,0,0,0.16)!important; 803 border-top: 1px solid #123a66 !important; 804 border-right: 1px solid #0F2F54 !important; 805 border-bottom: 1px solid #0b2441 !important; 806 border-left: 0 solid !important; 807 box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset, 808 -1px 1px 0 rgba(255, 255, 255, 0.04) inset, 809 0px 1px 0px rgba(255, 255, 255, 0.26) inset, 810 1px -1px 0 rgba(0,0,0,0.06), 811 0 1px 2px rgba(0,0,0,0.16)!important; 812 -moz-transition: .2s ease-in !important; 813 } 814 815 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover, 816 #forward-button:not([disabled]):hover { 817 -moz-appearance: none !important; 818 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important; 819 padding: 0 !important; 820 padding-left: 7px !important; 821 padding-right: 3px !important; 822 margin-top: 5px!important; 823 margin-bottom: 5px !important; 824 background: -moz-linear-gradient(rgba(255,255,255,.06), 825 rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)), 826 -moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%, 827 rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important; 828 border-top: 1px solid #123a66 !important; 829 border-bottom: 1px solid #0b2441 !important; 830 box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset, 831 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 832 1px -1px 1px 1px rgba(0,0,0,0.06), 833 0 1px 2px rgba(0,0,0,0.16)!important; 834 -moz-transition: opacity .2s ease-in !important; 835 } 836 837 838 839 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):hover:active, 840 #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button[open="true"]:hover, 841 #forward-button:not([disabled]):active, 842 #forward-button:not([disabled]):active:hover { 843 -moz-appearance: none !important; 844 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important; 845 background: -moz-linear-gradient(rgba(255,255,255,.00), 846 rgba(255,255,255,.0) 40%, rgba(255,255,255,0.055)), 847 -moz-linear-gradient(rgba(0,0,0,.11), 848 rgba(0,0,0,.0) 49%, 849 rgba(255,255,255,.0) 51%, 850 rgba(255,255,255,.08)),#0d2b4d!important; 851 border-top: 1px solid #123a66 !important; 852 border-bottom: 1px solid #0b2441 !important; 853 box-shadow: 0px -1px 1px rgba(255, 255, 255, 0.04) inset, 854 0px 1px 0px rgba(255, 255, 255, 0.10) inset, 855 1px -1px 1px 1px rgba(0,0,0,0.06), 856 0 1px 2px rgba(0,0,0,0.16)!important; 857 } 858 859 #placesToolbar #forward-button:not([disabled]):active, 860 #placesToolbar #forward-button:not([disabled]):active:hover { 861 -moz-appearance: none !important; 862 list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important; 863 background: -moz-linear-gradient(rgba(255,255,255,.00), 864 rgba(255,255,255,.0) 40%, rgba(255,255,255,0.055)), 865 -moz-linear-gradient(rgba(0,0,0,.11), 866 rgba(0,0,0,.0) 49%, 867 rgba(255,255,255,.0) 51%, 868 rgba(255,255,255,.08)),#0d2b4d!important; 869 border-top: 1px solid #123a66 !important; 870 border-right: 1px solid #0F2F54 !important; 871 border-left: 0px solid !important; 872 border-bottom: 1px solid #0b2441 !important; 873 box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset, 874 0px -1px 2px rgba(255, 255, 255, 0.04) inset, 875 0px 1px 0px rgba(255, 255, 255, 0.16) inset, 876 1px -1px 0 rgba(0,0,0,0.06), 877 0 1px 2px rgba(0,0,0,0.16)!important; 878 -moz-transition: .2s ease-in !important; 879 } 880 881 #placesToolbar #forward-button[disabled="true"] { 882 background: url("images/stripe-5.png"), #3a3a3a!important; 883 border-left: 0 solid !important; 884 background-size: 6px!important; 885 background-repeat: repeat!important; 886 box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset, 887 -1px 1px 0 rgba(255, 255, 255, 0.03) inset, 888 0px 1px 0px rgba(255, 255, 255, 0.11) inset, 889 1px -1px 0 rgba(0,0,0,0.06), 890 0 1px 2px rgba(0,0,0,0.16)!important; 891 -moz-transition: .2s ease-in !important; 892 } 893 894 /******************************* Status panel ********************************/ 895 .statuspanel-label { 896 margin: 0!important; 897 padding: 2px 4px!important; 898 border: 1px solid #171717!important; 899 border-radius: 2px 2px 0 0!important; 900 border-bottom-style: none !important; 901 text-shadow: none!important; 902 background-color: #1a1a1a !important; 903 background-image: none!important; 904 box-shadow: 0 1px 0 rgba(255,255,255, 0.06) inset, 905 1px 0 0 rgba(0,0,0, 0.36) inset, 906 -1px 0 0 rgba(0,0,0, 0.3) inset, 907 -2px -2px 4px rgba(0,0,0,0.2), 908 -2px 0 4px rgba(0,0,0,0.2)!important; 909 color: #ababab !important; 910 font-weight: bold !important; 911 font-size: 0.975em !important; 912 } 913 914 /************************* Text Input Boxes ***************************/ 915 916 textbox, 917 .menulist-editable-box { 918 -moz-appearance: none !important; 919 border-radius: 3px !important; 920 border: 1px solid rgb(0,0,0) !important; 921 border-top: 1px solid rgb(10,10,10) !important; 922 border-left: 1px solid rgb(12,12,12) !important; 923 border-right: 1px solid rgb(12,12,12) !important; 924 border-bottom: 1px solid rgb(22,22,22) !important; 925 background: rgba(0,0,0,0.3) !important; 926 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 927 0 1px 0 rgba(0,0,0,0.08) inset, 928 0px 1px 0 rgba(255,255,255,.1) !important; 929 } 930 931 tabpanels textbox, 932 tabpanels .menulist-editable-box, 933 tabpanels .numberbox-input-box { 934 -moz-appearance: none !important; 935 border: 1px solid rgb(0,0,0) !important; 936 border-top: 1px solid rgb(4,4,4) !important; 937 border-left: 1px solid rgb(5,5,5) !important; 938 border-right: 1px solid rgb(5,5,5) !important; 939 border-bottom: 1px solid rgb(8,8,8) !important; 940 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 941 0 1px 0 rgba(0,0,0,0.08) inset, 942 0px 1px 0 rgba(255,255,255,.024) !important; 943 944 } 945 946 .numberbox-input-box, 947 .spinnbuttons-box, 948 .spinbuttons-button { 949 -moz-appearance: none !important; 950 background: transparent !important; 951 border: transparent !important; 952 } 953 954 .numberbox-input-box, 955 .spinnbuttons-box { 956 border-radius: 3px 0 0 3px!important; 957 } 958 959 .spinbuttons-button { 960 border-left: 2px solid !important; 961 -moz-border-left-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.04)!important; 962 } 963 964 965 966 textbox[focused="true"], 967 .menulist-editable-box[focused="true"] { 968 border-top: 1px solid rgb(4,4,4) !important; 969 border-left: 1px solid rgb(5,5,5) !important; 970 border-right: 1px solid rgb(5,5,5) !important; 971 border-bottom: 1px solid rgb(12,12,12) !important; 972 background: #080808 !important; 973 -moz-transition: .40s ease-in !important; 974 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 975 0 1px 0 rgba(0,0,0,0.08) inset, 976 0px 1px 0 rgba(255,255,255,.13) !important; 977 } 978 979 tabpanels textbox[focused="true"], 980 tabpanels .menulist-editable-box[focused="true"], 981 tabpanels .numberbox-input-box[focused="true"] { 982 -moz-appearance: none !important; 983 border: 1px solid rgb(0,0,0) !important; 984 border-top: 1px solid rgb(2,2,2) !important; 985 border-left: 1px solid rgb(3,3,3) !important; 986 border-right: 1px solid rgb(3,3,3) !important; 987 border-bottom: 1px solid rgb(7,7,7) !important; 988 box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset, 989 0 1px 0 rgba(0,0,0,0.08) inset, 990 0px 1px 0 rgba(255,255,255,.03) !important; 991 992 } 993 994 textbox[disabled="true"], 995 .menulist-editable-box[disabled="true"] { 996 border-top: 1px solid rgb(16,16,16) !important; 997 border-left: 1px solid rgb(16,16,16) !important; 998 border-right: 1px solid rgb(16,16,16) !important; 999 border-bottom: 1px solid rgb(20,20,20) !important; 1000 background: rgba(0,0,0,0.16) !important; 1001 background-image: url("images/stripe-3.png")!important; 1002 background-size: 6px; 1003 background-repeat: repeat; 1004 background-position: top left; 1005 box-shadow: 0px 2px 4px rgba(0,0,0,0.14) inset, 1006 0 1px 0 rgba(0,0,0,0.04) inset, 1007 0px 1px 0 rgba(255,255,255,.08) !important; 1008 } 1009 1010 tabpanels textbox[disabled="true"], 1011 tabpanels .menulist-editable-box[disabled="true"], 1012 tabpanels .numberbox-input-box[disabled="true"] { 1013 -moz-appearance: none !important; 1014 border: 1px solid rgb(0,0,0) !important; 1015 border-top: 1px solid rgb(4,4,4) !important; 1016 border-left: 1px solid rgb(5,5,5) !important; 1017 border-right: 1px solid rgb(5,5,5) !important; 1018 border-bottom: 1px solid rgb(8,8,8) !important; 1019 background: rgba(0,0,0,0.16) !important; 1020 background-image: url("images/stripe-3.png")!important; 1021 background-size: 6px; 1022 background-repeat: repeat; 1023 background-position: top left; 1024 box-shadow: 0px 2px 4px rgba(0,0,0,0.14) inset, 1025 0 1px 0 rgba(0,0,0,0.04) inset, 1026 0px 1px 0 rgba(255,255,255,.02) !important; 1027 1028 } 1029 1030 .spinbuttons-up { 1031 -moz-appearance: none !important; 1032 background-image: url("images/arrow-up.gif") !important; 1033 background-position: center center !important; 1034 background-repeat: no-repeat !important; 1035 background-color: transparent !important; 1036 } 1037 1038 .spinbuttons-up:not([disabled]):hover, 1039 .spinbuttons-up:not([disabled]):active:hover { 1040 background-image: url("images/arrow-up-hov.gif") !important; 1041 } 1042 1043 .spinbuttons-up[disabled="true"] { 1044 background-image: url("images/arrow-up-dis.gif") !important; 1045 } 1046 1047 .spinbuttons-down { 1048 -moz-appearance: none !important; 1049 background-image: url("images/arrow-down.gif") !important; 1050 background-position: center center !important; 1051 background-repeat: no-repeat !important; 1052 background-color: transparent !important; 1053 } 1054 1055 .spinbuttons-down:not([disabled]):hover, 1056 .spinbuttons-down:not([disabled]):active:hover { 1057 background-image: url("images/arrow-down-hov.gif") !important; 1058 } 1059 1060 .spinbuttons-down[disabled="true"] { 1061 background-image: url("images/arrow-down-dis.gif") !important; 1062 } 1063 1064 /***********Tree*********************/ 1065 tree { 1066 -moz-appearance: none !important; 1067 color: #ababab !important; 1068 } 1069 1070 tree[seltype="cell"] > treechildren::-moz-tree-cell-text, 1071 tree[seltype="text"] > treechildren::-moz-tree-cell-text, 1072 treechildren::-moz-tree-cell-text { 1073 color: #ababab !important; 1074 } 1075 1076 treechildren::-moz-tree-cell-text(hover) { 1077 color: #cbcbcb !important; 1078 } 1079 1080 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) , 1081 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { 1082 color: #dddddd!important; 1083 } 1084 1085 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus), 1086 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus), 1087 treechildren::-moz-tree-cell-text(selected, focus), 1088 treechildren::-moz-tree-cell-text(hover, selected, focus) { 1089 color: #ffffff !important; 1090 } 1091 /*****/ 1092 tree[seltype="cell"] > treechildren::-moz-tree-line, 1093 tree[seltype="text"] > treechildren::-moz-tree-line, 1094 treechildren::-moz-tree-line { 1095 border: 1px dotted #404046 !important; 1096 } 1097 1098 tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus), 1099 treechildren::-moz-tree-line(selected, focus) { 1100 border: 1px dotted #dbdbdb !important; 1101 } 1102 1103 /**************************** Headers *****************************/ 1104 /* Headers */ 1105 dialogheader { 1106 border: 1px solid rgba(0,0,0,0.65) !important; 1107 opacity: .2px !important; 1108 } 1109 1110 .dialogheader-title { 1111 color: #ededed !important; 1112 font-weight: bold !important; 1113 text-shadow: 0px 1px 2px rgba(0,0,0,0.22) !important; 1114 } 1115 1116 caption { 1117 color: #E8AC27 !important; 1118 text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; 1119 } 1120 1121 notification { 1122 background: #E8AC27; 1123 1124 } 1125 1126 /*********************************App-menu Button**********************/ 1127 1128 #TabsToolbar #appmenu-toolbar-button { 1129 -moz-appearance: none!important; 1130 background: url("images/appmenu.svg")!important; 1131 background-repeat: no-repeat !important; 1132 background-position: center!important; 1133 margin: 0!important; 1134 min-width: 75px!important; 1135 min-height: 18px!important; 1136 -moz-border-image: none !important; 1137 border: none!important; 1138 font-weight: bold!important; 1139 font-size: x-small; 1140 color: #ffffff; 1141 padding: 0 1.5em .05em!important; 1142 margin-top: -1px!important; 1143 margin-left: 0px!important; 1144 margin-right: -6px!important; 1145 } 1146 1147 #appmenu-toolbar-button:-moz-window-inactive { 1148 opacity: 0.45 !important; 1149 } 1150 1151 #TabsToolbar #appmenu-toolbar-button:hover { 1152 -moz-appearance: none!important; 1153 background-image: url("images/appmenu-hover.svg"), 1154 url("chrome://browser/skin/appmenu-dropmarker.png")!important; 1155 } 1156 1157 #TabsToolbar #appmenu-toolbar-button:active:hover, 1158 #TabsToolbar #appmenu-toolbar-button:active, 1159 #TabsToolbar #appmenu-toolbar-button[open="true"] { 1160 -moz-appearance: none!important; 1161 background-image: url("images/appmenu-pressed.svg"), 1162 url("chrome://browser/skin/appmenu-dropmarker.png")!important; 1163 } 1164 1165 [privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button { 1166 -moz-appearance: none!important; 1167 background-image: url("images/appmenu-private.svg"), 1168 url("chrome://browser/skin/appmenu-dropmarker.png")!important; 1169 1170 } 1171 1172 [privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:hover { 1173 1174 background-image: url("images/appmenu-hover-private.svg"), 1175 url("chrome://browser/skin/appmenu-dropmarker.png")!important; 1176 } 1177 1178 [privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:active:hover, 1179 [privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:active, 1180 [privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button[open="true"] { 1181 -moz-appearance: none!important; 1182 background-image: url("images/appmenu-pressed-private.svg"), 1183 url("chrome://browser/skin/appmenu-dropmarker.png")!important; 1184 } 1185 1186 #appmenu-toolbar-button .toolbarbutton-text { 1187 color: #e2e2e2 !important; 1188 text-shadow: 0px 1px 2px rgba(0,0,0,0.67) !important; 1189 } 1190 1191 #appmenu-toolbar-button .toolbarbutton-text:active:hover { 1192 color: #fff !important; 1193 } 1194 1195 #appmenu-toolbar-button > .toolbarbutton-menu-dropmarker { 1196 -moz-appearance: none!important; 1197 display: none !important; 1198 } 1199 1200 #PersonalToolbar .toolbarbutton-menu-dropmarker 1201 {display: none !important;} 1202 1203 /**********************************Tooltips*****************************/ 1204 tooltip { 1205 -moz-appearance: none !important; 1206 border: 0px solid rgba(0,0,0,0.12)!important; 1207 border-radius: 2px !important; 1208 box-shadow: 0 0 1px 1px rgba(255,255,255,0.03) inset!important; 1209 background-color: rgba(10,10,10,0.9) !important; 1210 background-image: none!important; 1211 } 1212 1213 tooltiptext { 1214 color: #bababa !important; 1215 -moz-appearance: none !important; 1216 } 1217 1218 tooltip label, 1219 .tooltip-label { 1220 margin: 0px !important; 1221 padding: 0 2px 0 2px!important; 1222 color: #bababa!important; 1223 font-weight: bold!important; 1224 font-size: .905em !important; 1225 text-shadow: 0 1px rgba(0,0,0,0.45)!important; 1226 } 1227 1228 /********************************Dialog Windows************************/ 1229 dialog, 1230 wizard, 1231 prefwindow, 1232 #clientBox, 1233 /*#placesView, 1234 menubar,*/ 1235 windowdragbox { 1236 -moz-appearance: none!important; 1237 background-color: #1a1a1a !important; 1238 } 1239 1240 /*******************Download Manager**********************************/ 1241 #downloadView { 1242 -moz-appearance: none !important; 1243 color: #adadad !important; 1244 background: url("images/selection-toolbar.png") repeat!important; 1245 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45) inset !important; 1246 } 1247 1248 /* Download View Items */ 1249 richlistitem[type="download"], 1250 richlistitem[type="download"]:not([selected="true"]):nth-child(odd) { 1251 -moz-appearance: none !important; 1252 background-color: transparent !important; 1253 box-shadow:0 1px 0 rgba(21,68,120,0.14)!important; 1254 border-bottom: 1px solid transparent!important; 1255 } 1256 1257 richlistitem[type="download"]:last-of-type, 1258 richlistitem[type="download"]:not([selected="true"]):nth-child(odd):last-of-type { 1259 box-shadow: none!important; 1260 } 1261 1262 richlistitem[type="download"]:hover, 1263 richlistitem[type="download"]:not([selected="true"]):nth-child(odd):hover { 1264 background: rgba(20,68,120,0.11) !important; 1265 -moz-transition: .3s ease-in !important; 1266 box-shadow:0 1px 0 rgba(21,68,120,0.21)!important; 1267 -moz-transition: .35s ease-in !important; 1268 } 1269 1270 richlistitem[type="download"][selected="true"], 1271 richlistitem[type="download"][selected="true"]:nth-child(odd) { 1272 -moz-appearance: none !important; 1273 background: rgba(21,68,120,0.97) !important; 1274 color: #fff !important; 1275 border-bottom: 1px solid transparent!important; 1276 outline: none !important; 1277 box-shadow: 1px 1px 0 rgba(21,68,120,0.98) inset, 1278 -1px -1px 0 rgba(21,68,120,0.98) inset !important; 1279 } 1280 1281 richlistitem[type="download"][selected="true"]:hover, 1282 richlistitem[type="download"][selected="true"]:nth-child(odd):hover { 1283 background: rgba(21,68,120,1.0) !important; 1284 } 1285 1286 progressmeter, 1287 #downloadManager progressmeter, 1288 #downloadsPanel progressmeter, 1289 #addon-progress-notification progressmeter { 1290 -moz-appearance: none !important; 1291 background: rgba(0,0,0,0.28) !important; 1292 border-radius: 2px !important; 1293 border: 1px solid rgba(0,0,0,0.42) !important; 1294 box-shadow: 0px 2px 4px rgba(0,0,0,.16)inset, 1295 1px 1px 0 rgba(0,0,0,0.15)inset, 1296 0 1px 0px rgba(255,255,255,0.04)!important; 1297 height: 16px!important; 1298 min-height: 16px!important; 1299 } 1300 1301 #downloadsPanel progressmeter, 1302 #addon-progress-notification progressmeter { 1303 height: 8px!important; 1304 min-height: 8px!important; 1305 } 1306 1307 1308 1309 .progress-bar, 1310 #downloadManager .progress-bar, 1311 #downloadsPanel .progress-bar, 1312 #addon-progress-notification .progress-bar { 1313 -moz-appearance: none !important; 1314 margin: 1px !important; 1315 background: rgb(21,68,120)!important; 1316 border-radius: 2px !important; 1317 border: 1px solid rgba(9,9,9,0.18) !important; 1318 border-bottom: 1px solid rgba(0,0,0,0.2)!important; 1319 box-shadow: -1px 1px 1px rgba(255,255,255,0.11)inset, 1320 1px 0 0px rgba(255,255,255,0.11)inset!important; 1321 height: 14px!important; 1322 min-height: 14px!important; 1323 } 1324 1325 #downloadsPanel .progress-bar, 1326 #addon-progress-notification .progress-bar { 1327 height: 6px!important; 1328 min-height: 6px!important; 1329 } 1330 1331 .popup-progress-label, 1332 .popup-progress-meter { 1333 -moz-margin-start: 0!important; 1334 -moz-margin-end: 0!important; 1335 } 1336 1337 richlistitem[type="download"] .status { 1338 -moz-appearance: none !important; 1339 color: #50505A !important; 1340 } 1341 1342 richlistitem[type="download"][selected="true"] .status { 1343 -moz-appearance: none !important; 1344 color: #a0ff3c !important; 1345 } 1346 1347 1348 /*********************&&&&&&&**************************/ 1349 /* Tabstrip */ 1350 1351 #TabsToolbar { 1352 -moz-appearance: none!important; 1353 min-height: 27px!important; 1354 padding: 0!important; 1355 -moz-padding-start: 2px !important; 1356 -moz-padding-end: 2px !important; 1357 1358 } 1359 1360 #navigator-toolbox[tabsontop=true] > #TabsToolbar { 1361 margin-bottom: -3px!important; 1362 } 1363 1364 #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) { 1365 -moz-appearance: menubar!important; 1366 color: -moz-menubartext!important; 1367 } 1368 1369 1370 1371 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1, 1372 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton, 1373 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item, 1374 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron, 1375 .tabbrowser-arrowscrollbox > .scrollbutton-up, 1376 .tabbrowser-arrowscrollbox > .scrollbutton-down { 1377 -moz-appearance: none!important; 1378 border-style: none!important; 1379 padding: 0 3px!important; 1380 box-shadow: none !important; 1381 } 1382 1383 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover, 1384 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1:hover:active:not([disabled="true"]), 1385 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[checked="true"]:not([disabled="true"]), 1386 :-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[open="true"]:not([disabled="true"]), 1387 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item:hover, 1388 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron:hover, 1389 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item[open="true"], 1390 :-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron[open="true"], 1391 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover, 1392 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover { 1393 -moz-appearance: none!important; 1394 background-image: -moz-linear-gradient(rgba(232,232,232,0), rgba(213,213,213,.7)), 1395 -moz-linear-gradient(transparent, rgba(0,0,0,.15) 30%), 1396 -moz-linear-gradient(transparent, rgba(0,0,0,.15) 30%) !important; 1397 background-position: 1px -1px, 0 -1px, 100% -1px !important; 1398 background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100% !important; 1399 background-repeat: no-repeat !important; 1400 box-shadow: none !important; 1401 } 1402 1403 #TabsToolbar toolbarbutton { 1404 -moz-appearance:none !important; 1405 border: none!important; 1406 box-shadow: none!important; 1407 background: none!important; 1408 -moz-border-image: none!important; 1409 } 1410 1411 #TabsToolbar .toolbarbutton-1, 1412 #addon-bar toolbarbutton { 1413 -moz-appearance:none !important; 1414 -moz-border-image: none !important; 1415 } 1416 1417 #TabsToolbar > toolbarbutton .box-inherit.toolbarbutton-menubutton-button .toolbarbutton-icon { 1418 -moz-appearance:none !important; 1419 width: auto !important; 1420 height: auto !important; 1421 } 1422 1423 /* Prevent overlapping of tabs during the close animation */ 1424 .tab-label:not([fadein]):not([pinned]) { 1425 -moz-appearance:none !important; 1426 margin-left: -16px!important; 1427 margin-right: -16px!important; 1428 transition: opacity 100ms ease-out, 1429 margin 30ms ease-out 80ms!important; 1430 1431 } 1432 1433 /* Tabs */ 1434 .tab-stack { 1435 -moz-appearance:none !important; 1436 min-height: 27px !important; 1437 } 1438 1439 .tabbrowser-tab:not([pinned]) { 1440 -moz-appearance: none!important; 1441 margin: 0!important; 1442 padding: 0!important; 1443 border: 0 solid transparent!important; 1444 background: transparent!important; 1445 } 1446 1447 .tabbrowser-tab[fadein]:not([pinned]) { 1448 -moz-appearance:none !important; 1449 min-width: 54px!important; 1450 max-width: 194px!important; 1451 } 1452 1453 .tabbrowser-tab[pinned] { 1454 -moz-appearance: none!important; 1455 border: 0 solid transparent!important; 1456 background: transparent!important; 1457 } 1458 1459 .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { 1460 -moz-appearance:none !important; 1461 -moz-padding-start: 0px!important; 1462 -moz-padding-end: 18px!important; 1463 } 1464 1465 .tab-content { 1466 -moz-appearance:none !important; 1467 border: solid transparent!important; 1468 border-width: 2px 15px!important; 1469 -moz-margin-start: 0!important; 1470 -moz-margin-end: -14px!important; 1471 } 1472 1473 .tabbrowser-tab > .tab-stack > .tab-content:not([selected="true"]) { 1474 -moz-appearance:none !important; 1475 -moz-border-image: url("images/tabbrowser/tab.png") 2 15 fill repeat stretch!important; 1476 } 1477 1478 .tabbrowser-tab:last-of-type > .tab-stack > .tab-content:not([selected="true"]){ 1479 -moz-appearance:none !important; 1480 -moz-border-image: none!important; 1481 } 1482 1483 .tabbrowser-tab:hover > .tab-stack > .tab-content:not([selected="true"]) { 1484 -moz-appearance:none !important; 1485 -moz-border-image: url("images/tabbrowser/tab-hover.png") 2 15 fill repeat stretch!important; 1486 } 1487 1488 1489 1490 .tabbrowser-tab > .tab-stack > .tab-content[selected="true"] { 1491 -moz-appearance:none !important; 1492 -moz-border-image: url("images/tabbrowser/tab-active.png") 2 15 fill repeat stretch!important; 1493 } 1494 1495 /* preloading hack */ 1496 #tabbrowser-tabs::after { 1497 -moz-appearance:none !important; 1498 content: ''!important; 1499 display: block!important; 1500 background-image: 1501 url(images/tabbrowser/tab.png), 1502 url(images/tabbrowser/tab-hover.png), 1503 url(images/tabbrowser/tab-active.png), 1504 url(images/tabbrowser/tab-pin.png), 1505 url(images/tabbrowser/tab-pin-first.png), 1506 url(images/tabbrowser/attention.png), 1507 url(images/tabbrowser/attention-hover.png)!important; 1508 } 1509 1510 .tabbrowser-tab[selected="true"] > .tab-stack { 1511 -moz-appearance:none !important; 1512 z-index: 1!important; 1513 position: relative!important; 1514 } 1515 1516 .tabbrowser-tab:-moz-lwtheme { 1517 -moz-appearance:none !important; 1518 color: inherit!important; 1519 text-shadow: inherit!important; 1520 } 1521 1522 .tabbrowser-tab .tab-text { 1523 -moz-appearance:none !important; 1524 margin-top: 0 !important; 1525 } 1526 1527 .tabbrowser-tab .tab-text:not([selected="true"]):not(:-moz-lwtheme):hover { 1528 -moz-appearance:none !important; 1529 color: #adadad!important; 1530 text-shadow: 0px 1px 2px rgba(0,0,0,0.4)!important; 1531 } 1532 1533 .tabbrowser-tab .tab-text[selected="true"]:not(:-moz-lwtheme) { 1534 -moz-appearance:none !important; 1535 color: #cdcdcd!important; 1536 text-shadow: 0px 1px 2px rgba(0,0,0,0.4)!important; 1537 } 1538 1539 .tabbrowser-tab .tab-text[selected="true"]:not(:-moz-lwtheme):hover { 1540 -moz-appearance:none !important; 1541 color: #ededed!important; 1542 text-shadow: 0px 1px 2px rgba(0,0,0,0.46)!important; 1543 } 1544 1545 .tabbrowser-tab[pinned] > .tab-stack > .tab-content:not([selected="true"]) { 1546 -moz-appearance:none !important; 1547 -moz-border-image: url("images/tabbrowser/tab-pin.png") 2 15 fill stretch stretch !important; 1548 opacity: .6!important; 1549 } 1550 1551 .tabbrowser-tab[pinned]:first-of-type > .tab-stack > .tab-content:not([selected="true"]) { 1552 -moz-appearance:none !important; 1553 -moz-border-image: url("images/tabbrowser/tab-pin-first.png") 2 15 fill stretch stretch !important; 1554 } 1555 1556 .tabbrowser-tab[pinned]:hover > .tab-stack > .tab-content:not([selected="true"]) { 1557 -moz-appearance:none !important; 1558 -moz-border-image: url("images/tabbrowser/tab-pin.png") 2 15 fill stretch stretch !important; 1559 opacity: .8!important; 1560 } 1561 1562 .tabbrowser-tab[pinned]:first-of-type:hover > .tab-stack > .tab-content:not([selected="true"]) { 1563 -moz-appearance:none !important; 1564 -moz-border-image: url("images/tabbrowser/tab-pin-first.png") 2 15 fill stretch stretch !important; 1565 opacity: .8!important; 1566 } 1567 1568 .tabbrowser-tab[pinned][titlechanged] > .tab-stack > .tab-content { 1569 -moz-border-image: url("images/tabbrowser/attention.png") 2 15 fill stretch stretch !important; 1570 } 1571 1572 .tabbrowser-tab[pinned][titlechanged]:hover > .tab-stack > .tab-content:not([selected="true"]) { 1573 -moz-border-image: url("images/tabbrowser/attention-hover.png") 2 15 fill stretch stretch !important; 1574 } 1575 1576 .tab-throbber, 1577 .tab-icon-image { 1578 -moz-margin-start: 1px!important; 1579 -moz-margin-end: 4px!important; 1580 margin-top: 0!important; 1581 width: 16px!important; 1582 height: 16px!important; 1583 } 1584 1585 .tab-throbber { 1586 list-style-image: url("images/connecting.png")!important; 1587 } 1588 1589 .tab-throbber[progress] { 1590 list-style-image: url("images/loading.png")!important; 1591 } 1592 1593 .tab-throbber[pinned], 1594 .tab-icon-image[pinned] { 1595 -moz-appearance:none !important; 1596 -moz-margin-start: 3px!important; 1597 -moz-margin-end: 3px!important; 1598 } 1599 1600 .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) { 1601 -moz-appearance:none !important; 1602 visibility: collapse!important; 1603 } 1604 1605 .tabbrowser-tab:not([pinned]):not([busy]):not([progress]) .tab-icon-image:not([src]) ~ .tab-label { 1606 -moz-appearance:none !important; 1607 -moz-margin-start: 5px !important; 1608 } 1609 1610 .tab-text:not([selected="true"]):not(:-moz-lwtheme) { 1611 -moz-appearance:none !important; 1612 color: #8b8b8b!important; 1613 text-shadow: 0px 1px 2px rgba(0,0,0,0.34)!important; 1614 } 1615 1616 /* tabbrowser-tab focus ring */ 1617 .tabbrowser-tab:focus > .tab-stack { 1618 -moz-appearance:none !important; 1619 outline: 1px dotted!important; 1620 } 1621 1622 /* Tabbrowser arrowscrollbox arrows */ 1623 1624 .tabbrowser-arrowscrollbox > .scrollbutton-up, 1625 .tabbrowser-arrowscrollbox > .scrollbutton-down { 1626 -moz-appearance:none !important; 1627 width: 28px!important; 1628 margin: 0 !important; 1629 padding-right: 0px !important; 1630 border-right: 2px solid transparent !important; 1631 background-origin: border-box !important; 1632 z-index: 1!important; 1633 position: relative!important; 1634 } 1635 1636 .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon { 1637 -moz-appearance:none !important; 1638 padding-left: 6px!important; 1639 } 1640 1641 .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(ltr) > .toolbarbutton-icon, 1642 .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(rtl) > .toolbarbutton-icon { 1643 -moz-appearance:none !important; 1644 list-style-image: url("images/tabbrowser/arrowscroll-left.svg")!important; 1645 } 1646 1647 .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], 1648 .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { 1649 -moz-appearance:none !important; 1650 opacity: .34!important; 1651 } 1652 1653 .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon, 1654 .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon { 1655 -moz-appearance:none !important; 1656 list-style-image: url("images/tabbrowser/arrowscroll-right.svg")!important; 1657 } 1658 1659 .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(ltr):not([disabled]):hover > .toolbarbutton-icon, 1660 .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(rtl):not([disabled]):hover > .toolbarbutton-icon { 1661 -moz-appearance:none !important; 1662 list-style-image: url("images/tabbrowser/arrowscroll-left-hover.svg")!important; 1663 } 1664 1665 .tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr):not([disabled]):hover > .toolbarbutton-icon, 1666 .tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl):not([disabled]):hover > .toolbarbutton-icon { 1667 -moz-appearance:none !important; 1668 list-style-image: url("images/tabbrowser/arrowscroll-right-hover.svg")!important; 1669 } 1670 1671 .tabs-newtab-button > .toolbarbutton-icon { 1672 -moz-appearance:none !important; 1673 margin-top: 1px!imprtant; 1674 } 1675 1676 .tabs-newtab-button { 1677 -moz-appearance:none !important; 1678 border: 0 !important; 1679 -moz-margin-start: 7px !important; 1680 padding: 0 !important; 1681 background: transparent!important; 1682 list-style-image: url(images/tabbrowser/tab_new.png)!important; 1683 -moz-image-region: rect(0px, 34px, 18px, 0px)!important; 1684 } 1685 1686 .tabs-newtab-button:hover { 1687 -moz-appearance:none !important; 1688 -moz-image-region: rect(0px, 68px, 18px, 34px)!important; 1689 } 1690 1691 .tabs-newtab-button:hover:active { 1692 -moz-appearance:none !important; 1693 -moz-image-region: rect(0px, 102px, 18px, 68px)!important; 1694 } 1695 1696 .tabs-newtab-button:-moz-locale-dir(rtl) { 1697 -moz-appearance:none !important; 1698 transform: scaleX(-1)!important; 1699 margin-top: 1px!important; 1700 } 1701 1702 #TabsToolbar > #new-tab-button, 1703 #TabsToolbar > toolbarpaletteitem > #new-tab-button, 1704 #navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button, 1705 #navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button { 1706 -moz-appearance:none !important; 1707 -moz-padding-start: 0px !important; 1708 -moz-padding-end: 0px !important; 1709 list-style-image: url(images/tabbrowser/newtab-end.png)!important; 1710 -moz-image-region: rect(0px, 18px, 18px, 0px)!important; 1711 } 1712 1713 #TabsToolbar > #new-tab-button:hover, 1714 #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover, 1715 #navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button:hover, 1716 #navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover { 1717 -moz-appearance:none !important; 1718 -moz-image-region: rect(0px, 36px, 18px, 18px)!important; 1719 } 1720 1721 #TabsToolbar > #new-tab-button:hover:active, 1722 #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover:active, 1723 #navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button:hover:active, 1724 #navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover:active { 1725 -moz-appearance:none !important; 1726 -moz-image-region: rect(0px, 54px, 18px, 36px)!important; 1727 } 1728 1729 #alltabs-button > .toolbarbutton-icon, 1730 #alltabs-button[type="menu"] > .toolbarbutton-icon, 1731 #alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { 1732 -moz-appearance:none !important; 1733 margin: 2px 0 1px!important; 1734 list-style-image: url("images/tabbrowser/all-tabs.png")!important; 1735 -moz-image-region: rect(0, 18px, 18px, 0)!important; 1736 } 1737 1738 #alltabs-button:hover > .toolbarbutton-icon, 1739 #alltabs-button:active > .toolbarbutton-icon, 1740 #alltabs-button:hover:active > .toolbarbutton-icon, 1741 #alltabs-button[type="menu"]:hover > .toolbarbutton-icon, 1742 #alltabs-button[type="menu"]:active > .toolbarbutton-icon, 1743 #alltabs-button[type="menu"]:hover:active > .toolbarbutton-icon, 1744 #alltabs-button[type="menu"]:hover > .toolbarbutton-menu-dropmarker, 1745 #alltabs-button[type="menu"]:active > .toolbarbutton-menu-dropmarker, 1746 #alltabs-button[type="menu"]:hover:active > .toolbarbutton-menu-dropmarker { 1747 -moz-appearance:none !important; 1748 -moz-image-region: rect(0, 36px, 18px, 18px)!important; 1749 } 1750 1751 /* All tabs menupopup */ 1752 .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { 1753 -moz-appearance:none !important; 1754 list-style-image: url("images/tabbrowser/loading.png")!important; 1755 } 1756 1757 /* Tabstrip close button */ 1758 .tabs-closebutton { 1759 -moz-appearance:none !important; 1760 list-style-image: url("images/close.png")!important; 1761 -moz-image-region: rect(0, 16px, 16px, 0)!important; 1762 padding: 4px 2px!important; 1763 margin: 0px!important; 1764 border: none !important; 1765 box-shadow: none !important; 1766 background: none !important; 1767 -moz-border-image: none !important; 1768 } 1769 1770 .tabs-closebutton > .toolbarbutton-icon { 1771 -moz-appearance:none !important; 1772 -moz-margin-end: 0px !important; 1773 -moz-padding-end: 2px !important; 1774 -moz-padding-start: 2px !important; 1775 } 1776 1777 .tabs-closebutton:hover { 1778 -moz-appearance:none !important; 1779 -moz-image-region: rect(0, 32px, 16px, 16px)!important; 1780 } 1781 1782 .tabs-closebutton:hover:active { 1783 -moz-appearance:none !important; 1784 -moz-image-region: rect(0, 48px, 16px, 32px)!important; 1785 } 1786 1787 1788 .tab-close-button { 1789 -moz-appearance: none !important; 1790 list-style-image: url("images/close.png")!important; 1791 -moz-image-region: rect(0, 16px, 16px, 0)!important; 1792 padding: 4px 2px!important; 1793 margin: 0px!important; 1794 } 1795 1796 .tab-close-button:hover { 1797 -moz-image-region: rect(0, 32px, 16px, 16px)!important; 1798 } 1799 1800 .tab-close-button:active, 1801 .tab-close-button:active:hover { 1802 -moz-image-region: rect(0, 48px, 16px, 32px)!important; 1803 } 1804 1805 .tab-close-button:focus { 1806 outline: none !important; 1807 } 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 panel progressmeter, 1822 popup progressmeter { 1823 -moz-appearance: none !important; 1824 background: #0000ff !important; 1825 border-radius: 2px !important; 1826 border: 1px solid rgba(0,0,0,0.42) !important; 1827 box-shadow: 0px 2px 4px rgba(0,0,0,.16)inset, 1828 1px 1px 0 rgba(0,0,0,0.15)inset, 1829 0 1px 0px rgba(255,255,255,0.04)!important; 1830 min-height: 16px!important; 1831 max-height: 16px!important; 1832 width:80%!important; 1833 max-width:80%!important; 1834 } 1835 1836 1837 1838 panel .progress-bar, 1839 popup .progress-bar { 1840 -moz-appearance: none !important; 1841 margin: 1px !important; 1842 background: #ff0000!important; 1843 border-radius: 2px !important; 1844 border: 1px solid rgba(9,9,9,0.18) !important; 1845 border-bottom: 1px solid rgba(0,0,0,0.2)!important; 1846 box-shadow: -1px 1px 1px rgba(255,255,255,0.11)inset, 1847 1px 0 0px rgba(255,255,255,0.11)inset!important; 1848 min-height: 14px!important; 1849 max-height: 14px!important; 1850 width:80%!important; 1851 max-width: 80% !important; 1852 1853 }