LCARStrek/browser/customizableui/panelUIOverlay.css

   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 /* === BEGIN panelUIOverlay.inc.css === */
   6
   7 #customization-panelHolder {
   8   border-radius: 4px;
   9 }
  10
  11 .panel-subviews {
  12   background-color: #000000;
  13   -moz-margin-start: 38px;
  14 }
  15
  16 .panel-subviews:-moz-locale-dir(rtl) {
  17 }
  18
  19 .panel-viewstack[viewtype="main"] > .panel-subviews {
  20   transform: translateX(21em);
  21 }
  22
  23 .panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
  24   transform: translateX(-21em);
  25 }
  26
  27 .panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
  28   -moz-box-flex: 1;
  29 }
  30
  31 #PanelUI-mainView {
  32   background-color: #000000;
  33   display: flex;
  34   flex-direction: column;
  35   border-radius: 4px;
  36 }
  37
  38 #app-extension-point-end > #PanelUI-menu-button {
  39   padding: 2px 5px;
  40 }
  41 #app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text {
  42   display: none;
  43 }
  44 #app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon {
  45   margin: 0;
  46 }
  47
  48 #PanelUI-popup > arrowscrollbox > autorepeatbutton {
  49   display: none;
  50 }
  51 #PanelUI-popup > arrowscrollbox > scrollbox {
  52   overflow: visible;
  53 }
  54
  55 #PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent {
  56   overflow: hidden;
  57   padding: 0;
  58 }
  59
  60 #PanelUI-contents {
  61   padding: .5em 0;
  62 }
  63
  64 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text,
  65 #bookmarks-menu-button > toolbarbutton > .toolbarbutton-text,
  66 :-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbaritem > toolbarbutton > .toolbarbutton-text,
  67 :-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbaritem > toolbarbutton > .toolbarbutton-text,
  68 :-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarpaletteitem > toolbarbutton > .toolbarbutton-text,
  69 :-moz-any(#PanelUI-contents,#widget-overflow-list) > toolbarbutton > .toolbarbutton-text {
  70   font-size: 10px;
  71 }
  72
  73 #wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
  74 #wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
  75   -moz-margin-start: 0;
  76 }
  77
  78 #PanelUI-contents,
  79 .panel-mainview:not([panelid="PanelUI-popup"]) {
  80   max-width: 21em;
  81 }
  82
  83 panelview:not([mainview]) .toolbarbutton-text,
  84 #customizationui-widget-panel toolbarbutton > .toolbarbutton-text {
  85   text-align: start;
  86   -moz-padding-start: 8px;
  87   display: -moz-box;
  88 }
  89
  90 #PanelUI-contents {
  91   display: block;
  92   flex: auto;
  93   margin-left: auto;
  94   margin-right: auto;
  95   max-width: 21em;
  96 }
  97
  98 #PanelUI-contents-scroller {
  99   overflow-y: auto;
 100   overflow-x: hidden;
 101   width: 21em;
 102   padding-left: 5px;
 103   padding-right: 5px;
 104   flex: auto;
 105 }
 106
 107 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton > .toolbarbutton-icon,
 108 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton > .toolbarbutton-icon {
 109   min-width: 0;
 110   min-height: 0;
 111   margin: 0;
 112 }
 113
 114 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item),
 115 #PanelUI-contents toolbarbutton,
 116 toolbarpaletteitem[place="panel"] > toolbarbutton,
 117 toolbarpaletteitem[place="palette"] > toolbarbutton,
 118 toolbarpaletteitem[place="panel"] > toolbaritem > toolbarbutton,
 119 toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton,
 120 .panel-customization-placeholder {
 121   -moz-appearance: none;
 122   -moz-box-orient: vertical;
 123   min-width: 7em;
 124   max-width: 7em;
 125   height: 6em;
 126   max-height: 6em;
 127   padding: 0;
 128   margin: 0;
 129 }
 130
 131 .panel-customization-placeholder[expand],
 132 .panel-customization-placeholder[contract] {
 133   transition-property: width;
 134   transition-duration: 170ms;
 135   transition-delay: 20ms;
 136   transition-timing-function: ease-in-out;
 137   min-width: 0;
 138   max-width: none;
 139 }
 140
 141 .panel-combined-button[disabled] > .toolbarbutton-icon {
 142 /*  opacity: .5; */
 143 }
 144
 145 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] {
 146   width: 7em;
 147   margin: 0 !important;
 148 }
 149
 150 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-widget) {
 151   -moz-box-align: center;
 152   -moz-box-pack: center;
 153 }
 154
 155 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
 156   margin: calc(5em / 12) auto;
 157 }
 158
 159 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text {
 160   text-align: center;
 161 }
 162
 163 .panel-customization-placeholder-child > .toolbarbutton-icon,
 164 #bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
 165 toolbarbutton[cui-areatype="menu-panel"] > .toolbarbutton-icon,
 166 toolbaritem[cui-areatype="menu-panel"] > toolbarbutton > .toolbarbutton-icon,
 167 toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
 168 toolbarpaletteitem[place="palette"] > toolbarbutton > .toolbarbutton-icon,
 169 toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton > .toolbarbutton-icon {
 170   min-width: calc(8em / 3);
 171   min-height: calc(8em / 3);
 172   margin: calc(5em / 12);
 173 }
 174
 175 toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
 176   -moz-box-flex: 1;
 177 }
 178
 179 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #copy-button,
 180 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button {
 181   border-left: none;
 182   border-right: none;
 183   border-radius: 0;
 184 }
 185
 186 #zoom-in-button > .toolbarbutton-text,
 187 #zoom-out-button > .toolbarbutton-text,
 188 #zoom-reset-button > .toolbarbutton-icon {
 189   display: none;
 190 }
 191
 192 #PanelUI-footer {
 193   display: flex;
 194   border-top: 1px solid #9C9CFF;
 195   padding: 0;
 196   margin: 0;
 197   min-height: 4em;
 198   border-bottom-right-radius: 4px;
 199   border-bottom-left-radius: 4px;
 200 }
 201
 202 #PanelUI-help,
 203 #PanelUI-customize,
 204 #PanelUI-quit {
 205   margin: 0;
 206   padding: 10px 0;
 207   -moz-appearance: none;
 208   box-shadow: none;
 209   background-image: none;
 210   border: 1px solid transparent;
 211   border-bottom-style: none;
 212   border-radius: 0;
 213   transition: background-color;
 214   -moz-box-orient: horizontal;
 215 }
 216
 217 #PanelUI-help,
 218 #PanelUI-quit {
 219   min-width: 46px;
 220 }
 221
 222 #PanelUI-customize > .toolbarbutton-text {
 223   text-align: start;
 224 }
 225
 226 #PanelUI-help > .toolbarbutton-text,
 227 #PanelUI-quit > .toolbarbutton-text {
 228   display: none;
 229 }
 230
 231 #PanelUI-help > .toolbarbutton-icon,
 232 #PanelUI-quit > .toolbarbutton-icon {
 233   -moz-margin-end: 0;
 234 }
 235
 236 #PanelUI-customize {
 237   flex: 1;
 238   -moz-padding-start: 15px;
 239   -moz-border-start-style: none;
 240   list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
 241 }
 242
 243 #PanelUI-help {
 244   list-style-image: url("chrome://browser/skin/menuPanel-help.png");
 245 }
 246
 247 #PanelUI-quit {
 248   -moz-border-end-style: none;
 249   list-style-image: url("chrome://browser/skin/menuPanel-exit.png");
 250 }
 251
 252 #PanelUI-customize,
 253 #PanelUI-help,
 254 #PanelUI-quit {
 255   -moz-image-region: rect(0, 16px, 16px, 0);
 256 }
 257
 258 #PanelUI-customize:hover,
 259 #PanelUI-help:not([disabled]):hover,
 260 #PanelUI-quit:not([disabled]):hover,
 261 #PanelUI-customize:hover:active,
 262 #PanelUI-help:not([disabled]):hover:active,
 263 #PanelUI-quit:not([disabled]):hover:active {
 264   -moz-image-region: rect(0, 32px, 16px, 16px);
 265 }
 266
 267 #PanelUI-help[disabled],
 268 #PanelUI-quit[disabled] {
 269   -moz-image-region: rect(0, 48px, 16px, 32px);
 270 }
 271
 272 #PanelUI-help:not([disabled]):hover,
 273 #PanelUI-customize:hover,
 274 #PanelUI-quit:not([disabled]):hover {
 275 }
 276
 277 #main-window[customize-entered] #PanelUI-customize {
 278   color: #FFCF00;
 279   background-color: #008484;
 280 }
 281
 282 #main-window[customize-entered] #PanelUI-customize:hover,
 283 #main-window[customize-entered] #PanelUI-customize:hover:active {
 284   color: #000000;
 285   background-color: #FFCF00;
 286 }
 287
 288 #customization-palette .toolbarbutton-text {
 289   display: none;
 290 }
 291
 292 panelview toolbarbutton,
 293 #widget-overflow-list > toolbarbutton,
 294 .customizationmode-button,
 295 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
 296 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
 297 #BMB_bookmarksPopup > menu,
 298 #BMB_bookmarksPopup > menuitem {
 299   -moz-appearance: none;
 300   padding: 2px 6px;
 301   transition-property: background-color, border-color;
 302   transition-duration: 150ms;
 303 }
 304
 305 panelview .toolbarbutton-1,
 306 #widget-overflow-list > toolbarbutton {
 307   margin-top: 6px;
 308 }
 309 /*
 310 panelview toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 311 #widget-overflow-list > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 312 .customizationmode-button,
 313 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 314 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 315 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 316 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem):not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 317 #BMB_bookmarksPopup > menu:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover,
 318 #BMB_bookmarksPopup > menuitem:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
 319   background-color: hsla(210,4%,10%,.08);
 320   border-color: hsla(210,4%,10%,.1);
 321 }
 322
 323 panelview toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 324 .customizationmode-button:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 325 #widget-overflow-list > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 326 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 327 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 328 #BMB_bookmarksPopup > menu:not([disabled]):-moz-any([open],[checked="true"],:hover:active),
 329 #BMB_bookmarksPopup > menuitem:not([disabled]):-moz-any([open],[checked="true"],:hover:active) {
 330   background-color: hsla(210,4%,10%,.15);
 331   border-color: hsla(210,4%,10%,.15);
 332   box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
 333 }
 334
 335 #BMB_bookmarksPopup > menu,
 336 #BMB_bookmarksPopup > menuitem {
 337   font: inherit;
 338 }
 339
 340 #BMB_bookmarksPopup > menu:not([disabled="true"]),
 341 #BMB_bookmarksPopup > menuitem:not([disabled="true"]) {
 342   color: inherit;
 343 }
 344
 345 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up,
 346 #BMB_bookmarksPopup > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down {
 347   -moz-appearance: none;
 348   margin-top: 0;
 349   margin-bottom: 0;
 350 }
 351
 352 panelview toolbarseparator,
 353 #BMB_bookmarksPopup > menuseparator {
 354   -moz-appearance: none;
 355   min-height: 0;
 356   border-top: 1px solid ThreeDShadow;
 357   margin: 5px 0;
 358 }
 359 */
 360 #PanelUI-historyItems > toolbarbutton {
 361   list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
 362 }
 363
 364 #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
 365 #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
 366 #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
 367   width: 16px;
 368   height: 16px;
 369 }
 370
 371 #PanelUI-footer.panel-multiview-anchor,
 372 #PanelUI-footer.panel-multiview-anchor > #PanelUI-help,
 373 toolbarbutton.panel-multiview-anchor {
 374   background-color: #008484;
 375 }
 376
 377 toolbarpaletteitem[place="palette"] > #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker,
 378 #bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker {
 379   display: none;
 380 }
 381
 382 #search-container[cui-areatype="menu-panel"] {
 383   width: 21em;
 384 }
 385
 386 toolbarpaletteitem[place="palette"] > #search-container {
 387   min-width: 7em;
 388   width: 7em;
 389 }
 390
 391 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem),
 392 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) {
 393   padding: 0;
 394   margin-bottom: -1px;
 395   transition-property: background-color, border-color;
 396   transition-duration: 150ms;
 397 }
 398
 399 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton,
 400 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton {
 401   border: 0;
 402   padding: .5em;
 403   margin: 1px;
 404   -moz-box-flex: 1;
 405   /* reduce the width with 2px for each button to compensate for two separators
 406      of 3px. */
 407   min-width: calc(7em - 2px);
 408   max-width: calc(7em - 2px);
 409   height: auto;
 410   max-height: none;
 411   -moz-box-orient: horizontal;
 412 }
 413
 414 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon,
 415 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon {
 416 /*  opacity: .25; */
 417 }
 418
 419 #zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text {
 420   min-width: 7ch;
 421 }
 422
 423 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:-moz-locale-dir(ltr),
 424 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:-moz-locale-dir(rtl),
 425 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:-moz-locale-dir(ltr),
 426 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:-moz-locale-dir(rtl) {
 427   border-top-right-radius: 0;
 428   border-bottom-right-radius: 0;
 429 }
 430
 431 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #cut-button:-moz-locale-dir(rtl),
 432 #edit-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #paste-button:-moz-locale-dir(ltr),
 433 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-out-button:-moz-locale-dir(rtl),
 434 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-in-button:-moz-locale-dir(ltr) {
 435   border-top-left-radius: 0;
 436   border-bottom-left-radius: 0;
 437 }
 438
 439 #edit-controls > separator,
 440 #zoom-controls > separator {
 441   width: 3px;
 442   -moz-box-align: stretch;
 443 }
 444
 445 #widget-overflow > .panel-arrowcontainer > .panel-arrowcontent {
 446   padding: 0;
 447 }
 448
 449 #widget-overflow-scroller {
 450   max-height: 30em;
 451   overflow-y: auto;
 452   overflow-x: hidden;
 453   margin-top: 10px;
 454   margin-bottom: 10px;
 455 }
 456
 457 #widget-overflow-list {
 458   width: 21em;
 459   padding-left: 10px;
 460   padding-right: 10px;
 461 }
 462
 463 #widget-overflow-list > .overflowedItem {
 464   width: 100%;
 465   max-width: 21em;
 466   min-height: 36px;
 467   background-repeat: no-repeat;
 468   background-position: 0 center;
 469 }
 470
 471 #widget-overflow-list > toolbarbutton,
 472 #widget-overflow-list > toolbarbutton > toolbarbutton {
 473   -moz-box-align: center;
 474   -moz-box-orient: horizontal;
 475 }
 476
 477 #widget-overflow-list > toolbarbutton > .toolbarbutton-text,
 478 #widget-overflow-list > #bookmarks-menu-button > toolbarbutton > .toolbarbutton-text {
 479   text-align: start;
 480   -moz-padding-start: .5em;
 481 }
 482
 483 #widget-overflow-list > #edit-controls,
 484 #widget-overflow-list > #zoom-controls {
 485   min-height: 28px;
 486 }
 487
 488 #PanelUI-developerItems > toolbarbutton[checked="true"],
 489 #PanelUI-bookmarks > toolbarbutton[checked="true"],
 490 #PanelUI-history > toolbarbutton[checked="true"],
 491 .PanelUI-characterEncodingView-list > toolbarbutton[current] {
 492   -moz-padding-start: 4px;
 493 }
 494
 495 #PanelUI-developerItems > toolbarbutton[checked="true"] > .toolbarbutton-text,
 496 #PanelUI-bookmarks > toolbarbutton[checked="true"] > .toolbarbutton-text,
 497 #PanelUI-history > toolbarbutton[checked="true"] > .toolbarbutton-text,
 498 .PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text,
 499 #customizationui-widget-panel .PanelUI-characterEncodingView-list > toolbarbutton[current] > .toolbarbutton-text {
 500   -moz-padding-start: 0px;
 501 }
 502
 503 #BMB_bookmarksPopup > menuitem[checked="true"]::before,
 504 #PanelUI-bookmarks > toolbarbutton[checked="true"]::before,
 505 #PanelUI-history > toolbarbutton[checked="true"]::before,
 506 #PanelUI-developerItems > toolbarbutton[checked="true"]::before,
 507 .PanelUI-characterEncodingView-list > toolbarbutton[current]::before {
 508   content: "✓";
 509   display: -moz-box;
 510   width: 12px;
 511 }
 512
 513 #PanelUI-bookmarks > toolbarbutton[checked="true"]::before,
 514 #PanelUI-history > toolbarbutton[checked="true"]::before,
 515 #PanelUI-developerItems > toolbarbutton[checked="true"]::before,
 516 .PanelUI-characterEncodingView-list > toolbarbutton[current]::before {
 517   -moz-margin-end: -2px;
 518 }
 519
 520 #BMB_bookmarksPopup > menuitem[checked="true"] > .menu-iconic-left {
 521   display: none;
 522 }
 523
 524 /* === END panelUIOverlay.inc.css === */
 525
 526 #PanelUI-contents #zoom-out-btn {
 527   padding-left: 12px;
 528   padding-right: 12px;
 529 }
 530
 531 #PanelUI-contents #zoom-in-btn {
 532   padding-left: 12px;
 533   padding-right: 12px;
 534 }
 535
 536 #BMB_bookmarksPopup > menu,
 537 #BMB_bookmarksPopup > menuitem {
 538   padding-top: 1px;
 539   padding-bottom: 1px;
 540 }
 541
 542 #BMB_bookmarksPopup > menu > .menu-text,
 543 #BMB_bookmarksPopup > menuitem > .menu-text,
 544 #BMB_bookmarksPopup > menu > .menu-iconic-text,
 545 #BMB_bookmarksPopup > menuitem > .menu-iconic-text,
 546 #BMB_bookmarksPopup > menuseparator {
 547   padding-top: 0;
 548   padding-bottom: 0;
 549 }