1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/base/content/browser.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,1093 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
1.9 +@namespace html url("http://www.w3.org/1999/xhtml");
1.10 +@namespace svg url("http://www.w3.org/2000/svg");
1.11 +
1.12 +#main-window:not([chromehidden~="toolbar"]) {
1.13 +%ifdef XP_MACOSX
1.14 + min-width: 335px;
1.15 +%else
1.16 + min-width: 300px;
1.17 +%endif
1.18 +}
1.19 +
1.20 +#main-window[customize-entered] {
1.21 + min-width: -moz-fit-content;
1.22 +}
1.23 +
1.24 +searchbar {
1.25 + -moz-binding: url("chrome://browser/content/search/search.xml#searchbar");
1.26 +}
1.27 +
1.28 +.browserStack > browser[remote="true"] {
1.29 + -moz-binding: url("chrome://global/content/bindings/remote-browser.xml#remote-browser");
1.30 +}
1.31 +
1.32 +toolbar[customizable="true"] {
1.33 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar");
1.34 +}
1.35 +
1.36 +%ifdef XP_MACOSX
1.37 +#toolbar-menubar {
1.38 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-menubar-stub");
1.39 +}
1.40 +
1.41 +toolbar[customizable="true"]:not([nowindowdrag="true"]) {
1.42 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag");
1.43 +}
1.44 +%endif
1.45 +
1.46 +#toolbar-menubar[autohide="true"] {
1.47 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-menubar-autohide");
1.48 +}
1.49 +
1.50 +#addon-bar {
1.51 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#addonbar-delegating");
1.52 + visibility: visible;
1.53 + margin: 0;
1.54 + height: 0 !important;
1.55 + overflow: hidden;
1.56 + padding: 0;
1.57 + border: 0 none;
1.58 +}
1.59 +
1.60 +#addonbar-closebutton {
1.61 + visibility: visible;
1.62 + height: 0 !important;
1.63 +}
1.64 +
1.65 +#status-bar {
1.66 + height: 0 !important;
1.67 + -moz-binding: none;
1.68 + padding: 0;
1.69 + margin: 0;
1.70 +}
1.71 +
1.72 +panelmultiview {
1.73 + -moz-binding: url("chrome://browser/content/customizableui/panelUI.xml#panelmultiview");
1.74 +}
1.75 +
1.76 +panelview {
1.77 + -moz-binding: url("chrome://browser/content/customizableui/panelUI.xml#panelview");
1.78 + -moz-box-orient: vertical;
1.79 +}
1.80 +
1.81 +.panel-mainview {
1.82 + transition: transform 150ms;
1.83 +}
1.84 +
1.85 +panelview:not([mainview]):not([current]) {
1.86 + display: none;
1.87 +}
1.88 +
1.89 +tabbrowser {
1.90 + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser");
1.91 +}
1.92 +
1.93 +.tabbrowser-tabs {
1.94 + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabs");
1.95 +}
1.96 +
1.97 +#tabbrowser-tabs:not([overflow="true"]) ~ #alltabs-button,
1.98 +#tabbrowser-tabs:not([overflow="true"]) + #new-tab-button,
1.99 +#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
1.100 +#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
1.101 +#TabsToolbar[customizing="true"] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
1.102 + visibility: collapse;
1.103 +}
1.104 +
1.105 +#tabbrowser-tabs:not([overflow="true"])[using-closing-tabs-spacer] ~ #alltabs-button {
1.106 + visibility: hidden; /* temporary space to keep a tab's close button under the cursor */
1.107 +}
1.108 +
1.109 +.tabbrowser-tab {
1.110 + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tab");
1.111 +}
1.112 +
1.113 +.tabbrowser-tab:not([pinned]) {
1.114 + -moz-box-flex: 100;
1.115 + max-width: 210px;
1.116 + min-width: 100px;
1.117 + width: 0;
1.118 + transition: min-width 200ms ease-out,
1.119 + max-width 230ms ease-out;
1.120 +}
1.121 +
1.122 +.tabbrowser-tab:not([pinned]):not([fadein]) {
1.123 + max-width: 0.1px;
1.124 + min-width: 0.1px;
1.125 + visibility: hidden;
1.126 +}
1.127 +
1.128 +.tab-close-button,
1.129 +.tab-background {
1.130 + /* Explicitly set the visibility to override the value (collapsed)
1.131 + * we inherit from #TabsToolbar[collapsed] upon opening a browser window. */
1.132 + visibility: visible;
1.133 +}
1.134 +
1.135 +.tab-close-button[fadein],
1.136 +.tab-background[fadein] {
1.137 + /* This transition is only wanted for opening tabs. */
1.138 + transition: visibility 0ms 25ms;
1.139 +}
1.140 +
1.141 +.tab-close-button:not([fadein]),
1.142 +.tab-background:not([fadein]) {
1.143 + visibility: hidden;
1.144 +}
1.145 +
1.146 +.tab-label:not([fadein]),
1.147 +.tab-throbber:not([fadein]),
1.148 +.tab-icon-image:not([fadein]) {
1.149 + display: none;
1.150 +}
1.151 +
1.152 +.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
1.153 + position: fixed !important;
1.154 + display: block; /* position:fixed already does this (bug 579776), but let's be explicit */
1.155 +}
1.156 +
1.157 +.tabbrowser-tabs[movingtab] > .tabbrowser-tab[selected] {
1.158 + position: relative;
1.159 + z-index: 2;
1.160 + pointer-events: none; /* avoid blocking dragover events on scroll buttons */
1.161 +}
1.162 +
1.163 +.tabbrowser-tabs[movingtab] > .tabbrowser-tab[fadein]:not([selected]) {
1.164 + transition: transform 200ms ease-out;
1.165 +}
1.166 +
1.167 +#alltabs-popup {
1.168 + -moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-alltabs-popup");
1.169 +}
1.170 +
1.171 +toolbar[printpreview="true"] {
1.172 + -moz-binding: url("chrome://global/content/printPreviewBindings.xml#printpreviewtoolbar");
1.173 +}
1.174 +
1.175 +toolbar[overflowable] > .customization-target {
1.176 + overflow: hidden;
1.177 +}
1.178 +
1.179 +toolbar:not([overflowing]) > .overflow-button,
1.180 +toolbar[customizing] > .overflow-button {
1.181 + display: none;
1.182 +}
1.183 +
1.184 +%ifdef CAN_DRAW_IN_TITLEBAR
1.185 +#main-window:not([chromemargin]) > #titlebar,
1.186 +#main-window[inFullscreen] > #titlebar,
1.187 +#main-window[inFullscreen] .titlebar-placeholder,
1.188 +#main-window:not([tabsintitlebar]) .titlebar-placeholder {
1.189 + display: none;
1.190 +}
1.191 +
1.192 +#titlebar {
1.193 + -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox");
1.194 +}
1.195 +
1.196 +#titlebar-spacer {
1.197 + pointer-events: none;
1.198 +}
1.199 +
1.200 +#main-window[tabsintitlebar] #titlebar-buttonbox {
1.201 + position: relative;
1.202 +}
1.203 +
1.204 +#titlebar-buttonbox {
1.205 + -moz-appearance: -moz-window-button-box;
1.206 +}
1.207 +
1.208 +%ifdef XP_MACOSX
1.209 +#titlebar-fullscreen-button {
1.210 + -moz-appearance: -moz-mac-fullscreen-button;
1.211 +}
1.212 +
1.213 +/* Because these buttons don't move, they should always be aligned the same,
1.214 + * left and right were deprecated, so we have to do work to get it to mean that: */
1.215 +#titlebar-buttonbox-container:-moz-locale-dir(ltr) {
1.216 + -moz-box-align: start;
1.217 +}
1.218 +
1.219 +#titlebar-buttonbox-container:-moz-locale-dir(rtl) {
1.220 + -moz-box-align: end;
1.221 +}
1.222 +
1.223 +/* Fullscreen and caption buttons don't move with RTL on OS X so override the automatic ordering. */
1.224 +#titlebar-secondary-buttonbox:-moz-locale-dir(ltr),
1.225 +#titlebar-buttonbox-container:-moz-locale-dir(rtl),
1.226 +.titlebar-placeholder[type="fullscreen-button"]:-moz-locale-dir(ltr),
1.227 +.titlebar-placeholder[type="caption-buttons"]:-moz-locale-dir(rtl) {
1.228 + -moz-box-ordinal-group: 1000;
1.229 +}
1.230 +
1.231 +#titlebar-secondary-buttonbox:-moz-locale-dir(rtl),
1.232 +#titlebar-buttonbox-container:-moz-locale-dir(ltr),
1.233 +.titlebar-placeholder[type="caption-buttons"]:-moz-locale-dir(ltr),
1.234 +.titlebar-placeholder[type="fullscreen-button"]:-moz-locale-dir(rtl) {
1.235 + -moz-box-ordinal-group: 0;
1.236 +}
1.237 +%else
1.238 +/* On non-OSX, these should be start-aligned */
1.239 +#titlebar-buttonbox-container {
1.240 + -moz-box-align: start;
1.241 +}
1.242 +%endif
1.243 +
1.244 +%if !defined(MOZ_WIDGET_GTK) && !defined(MOZ_WIDGET_QT)
1.245 +#TabsToolbar > .private-browsing-indicator {
1.246 + -moz-box-ordinal-group: 1000;
1.247 +}
1.248 +%endif
1.249 +
1.250 +%ifdef XP_WIN
1.251 +#main-window[sizemode="maximized"] #titlebar-buttonbox {
1.252 + -moz-appearance: -moz-window-button-box-maximized;
1.253 +}
1.254 +%endif
1.255 +
1.256 +%endif
1.257 +
1.258 +/* Rules to help integrate SDK widgets */
1.259 +toolbaritem[sdkstylewidget="true"] > toolbarbutton,
1.260 +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"] > iframe,
1.261 +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"] > .toolbarbutton-text {
1.262 + display: none;
1.263 +}
1.264 +
1.265 +toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sdkstylewidget="true"] > toolbarbutton {
1.266 + display: -moz-box;
1.267 +}
1.268 +
1.269 +toolbarpaletteitem > toolbaritem[sdkstylewidget="true"][cui-areatype="toolbar"] > .toolbarbutton-text {
1.270 + display: -moz-box;
1.271 +}
1.272 +
1.273 +toolbarpaletteitem[removable="false"] {
1.274 + opacity: 0.5;
1.275 + cursor: default;
1.276 +}
1.277 +
1.278 +#bookmarks-toolbar-placeholder,
1.279 +toolbarpaletteitem > #personal-bookmarks > #PlacesToolbar,
1.280 +#personal-bookmarks[cui-areatype="menu-panel"] > #PlacesToolbar,
1.281 +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #PlacesToolbar {
1.282 + display: none;
1.283 +}
1.284 +
1.285 +#PlacesToolbarDropIndicatorHolder {
1.286 + position: absolute;
1.287 + top: 25%;
1.288 +}
1.289 +
1.290 +toolbarpaletteitem > #personal-bookmarks > #bookmarks-toolbar-placeholder,
1.291 +#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder,
1.292 +#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder {
1.293 + display: -moz-box;
1.294 +}
1.295 +
1.296 +toolbar:not(#TabsToolbar) > #wrapper-personal-bookmarks,
1.297 +toolbar:not(#TabsToolbar) > #personal-bookmarks {
1.298 + -moz-box-flex: 1;
1.299 +}
1.300 +
1.301 +#zoom-controls[cui-areatype="toolbar"]:not([overflowedItem=true]) > #zoom-reset-button > .toolbarbutton-text {
1.302 + display: -moz-box;
1.303 +}
1.304 +
1.305 +#urlbar-reload-button:not([displaystop]) + #urlbar-stop-button,
1.306 +#urlbar-reload-button[displaystop] {
1.307 + visibility: collapse;
1.308 +}
1.309 +
1.310 +#PanelUI-feeds > .feed-toolbarbutton:-moz-locale-dir(rtl) {
1.311 + direction: rtl;
1.312 +}
1.313 +
1.314 +#panelMenu_bookmarksMenu > .bookmark-item {
1.315 + max-width: none;
1.316 +}
1.317 +
1.318 +#urlbar-container {
1.319 + min-width: 50ch;
1.320 +}
1.321 +
1.322 +#search-container {
1.323 + min-width: 25ch;
1.324 +}
1.325 +
1.326 +#urlbar,
1.327 +.searchbar-textbox {
1.328 + /* Setting a width and min-width to let the location & search bars maintain
1.329 + a constant width in case they haven't be resized manually. (bug 965772) */
1.330 + width: 1px;
1.331 + min-width: 1px;
1.332 +}
1.333 +
1.334 +#main-window:-moz-lwtheme {
1.335 + background-repeat: no-repeat;
1.336 + background-position: top right;
1.337 +}
1.338 +
1.339 +%ifdef XP_MACOSX
1.340 +#main-window[inFullscreen="true"] {
1.341 + padding-top: 0; /* override drawintitlebar="true" */
1.342 +}
1.343 +%endif
1.344 +
1.345 +#browser-bottombox[lwthemefooter="true"] {
1.346 + background-repeat: no-repeat;
1.347 + background-position: bottom left;
1.348 +}
1.349 +
1.350 +.menuitem-tooltip {
1.351 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#menuitem-tooltip");
1.352 +}
1.353 +
1.354 +.menuitem-iconic-tooltip,
1.355 +.menuitem-tooltip[type="checkbox"],
1.356 +.menuitem-tooltip[type="radio"] {
1.357 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#menuitem-iconic-tooltip");
1.358 +}
1.359 +
1.360 +/* Hide menu elements intended for keyboard access support */
1.361 +#main-menubar[openedwithkey=false] .show-only-for-keyboard {
1.362 + display: none;
1.363 +}
1.364 +
1.365 +/* ::::: location bar ::::: */
1.366 +#urlbar {
1.367 + -moz-binding: url(chrome://browser/content/urlbarBindings.xml#urlbar);
1.368 +}
1.369 +
1.370 +.ac-url-text:-moz-locale-dir(rtl),
1.371 +.ac-title:-moz-locale-dir(rtl) > description {
1.372 + direction: ltr !important;
1.373 +}
1.374 +
1.375 +/* For results that are actions, their description text is shown instead of
1.376 + the URL - this needs to follow the locale's direction, unlike URLs. */
1.377 +panel:not([noactions]) > richlistbox > richlistitem[type~="action"]:-moz-locale-dir(rtl) > .ac-url-box {
1.378 + direction: rtl;
1.379 +}
1.380 +
1.381 +panel[noactions] > richlistbox > richlistitem[type~="action"] > .ac-url-box > .ac-url > .ac-action-text,
1.382 +panel[noactions] > richlistbox > richlistitem[type~="action"] > .ac-url-box > .ac-action-icon {
1.383 + visibility: collapse;
1.384 +}
1.385 +
1.386 +panel[noactions] > richlistbox > richlistitem[type~="action"] > .ac-url-box > .ac-url > .ac-url-text {
1.387 + visibility: visible;
1.388 +}
1.389 +
1.390 +#urlbar:not([actiontype]) > #urlbar-display-box {
1.391 + display: none;
1.392 +}
1.393 +
1.394 +#PopupAutoComplete {
1.395 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#browser-autocomplete-result-popup");
1.396 +}
1.397 +
1.398 +#PopupAutoCompleteRichResult {
1.399 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#urlbar-rich-result-popup");
1.400 +}
1.401 +
1.402 +#urlbar[pageproxystate="invalid"] > #urlbar-icons > .urlbar-icon,
1.403 +#urlbar[pageproxystate="invalid"][focused="true"] > #urlbar-go-button ~ toolbarbutton,
1.404 +#urlbar[pageproxystate="valid"] > #urlbar-go-button,
1.405 +#urlbar:not([focused="true"]) > #urlbar-go-button {
1.406 + visibility: collapse;
1.407 +}
1.408 +
1.409 +#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon-labels {
1.410 + visibility: collapse;
1.411 +}
1.412 +
1.413 +#urlbar[pageproxystate="invalid"] > #identity-box {
1.414 + pointer-events: none;
1.415 +}
1.416 +
1.417 +#identity-icon-labels {
1.418 + max-width: 18em;
1.419 +}
1.420 +@media (max-width: 700px) {
1.421 + #urlbar-container {
1.422 + min-width: 45ch;
1.423 + }
1.424 + #identity-icon-labels {
1.425 + max-width: 70px;
1.426 + }
1.427 +}
1.428 +@media (max-width: 600px) {
1.429 + #urlbar-container {
1.430 + min-width: 40ch;
1.431 + }
1.432 + #identity-icon-labels {
1.433 + max-width: 60px;
1.434 + }
1.435 +}
1.436 +@media (max-width: 500px) {
1.437 + #urlbar-container {
1.438 + min-width: 35ch;
1.439 + }
1.440 + #identity-icon-labels {
1.441 + max-width: 50px;
1.442 + }
1.443 +}
1.444 +@media (max-width: 400px) {
1.445 + #urlbar-container {
1.446 + min-width: 28ch;
1.447 + }
1.448 + #identity-icon-labels {
1.449 + max-width: 40px;
1.450 + }
1.451 +}
1.452 +
1.453 +#identity-icon-country-label {
1.454 + direction: ltr;
1.455 +}
1.456 +
1.457 +#identity-box.verifiedIdentity > #identity-icon-labels > #identity-icon-label {
1.458 + -moz-margin-end: 0.25em !important;
1.459 +}
1.460 +
1.461 +#main-window[customizing] :-moz-any(#urlbar, .searchbar-textbox) > .autocomplete-textbox-container > .textbox-input-box {
1.462 + visibility: hidden;
1.463 +}
1.464 +
1.465 +/* ::::: Unified Back-/Forward Button ::::: */
1.466 +#back-button > .toolbarbutton-menu-dropmarker,
1.467 +#forward-button > .toolbarbutton-menu-dropmarker {
1.468 + display: none;
1.469 +}
1.470 +.unified-nav-current {
1.471 + font-weight: bold;
1.472 +}
1.473 +
1.474 +toolbarbutton.bookmark-item {
1.475 + max-width: 13em;
1.476 +}
1.477 +
1.478 +#editBMPanel_tagsSelector {
1.479 + /* override default listbox width from xul.css */
1.480 + width: auto;
1.481 +}
1.482 +
1.483 +/* The star doesn't make sense as text */
1.484 +toolbar[mode="text"] #bookmarks-menu-button > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
1.485 + display: -moz-box !important;
1.486 +}
1.487 +toolbar[mode="text"] #bookmarks-menu-button > .toolbarbutton-menubutton-button > .toolbarbutton-text,
1.488 +toolbar[mode="full"] #bookmarks-menu-button.bookmark-item > .toolbarbutton-menubutton-button > .toolbarbutton-text {
1.489 + display: none;
1.490 +}
1.491 +
1.492 +menupopup[emptyplacesresult="true"] > .hide-if-empty-places-result {
1.493 + display: none;
1.494 +}
1.495 +
1.496 +menuitem.spell-suggestion {
1.497 + font-weight: bold;
1.498 +}
1.499 +
1.500 +/* apply Fitts' law to the notification bar's close button */
1.501 +window[sizemode="maximized"] #content .notification-inner {
1.502 + border-right: 0px !important;
1.503 +}
1.504 +
1.505 +/* Hide extension toolbars that neglected to set the proper class */
1.506 +window[chromehidden~="location"][chromehidden~="toolbar"] toolbar:not(.chromeclass-menubar),
1.507 +window[chromehidden~="toolbar"] toolbar:not(.toolbar-primary):not(.chromeclass-menubar) {
1.508 + display: none;
1.509 +}
1.510 +
1.511 +#navigator-toolbox ,
1.512 +#mainPopupSet {
1.513 + min-width: 1px;
1.514 +}
1.515 +
1.516 +%ifdef MOZ_SERVICES_SYNC
1.517 +/* Sync notification UI */
1.518 +#sync-notifications {
1.519 + -moz-binding: url("chrome://browser/content/sync/notification.xml#notificationbox");
1.520 + overflow-y: visible !important;
1.521 +}
1.522 +
1.523 +#sync-notifications notification {
1.524 + -moz-binding: url("chrome://browser/content/sync/notification.xml#notification");
1.525 +}
1.526 +%endif
1.527 +
1.528 +/* History Swipe Animation */
1.529 +
1.530 +#historySwipeAnimationContainer {
1.531 + overflow: hidden;
1.532 +}
1.533 +
1.534 +#historySwipeAnimationPreviousPage,
1.535 +#historySwipeAnimationCurrentPage,
1.536 +#historySwipeAnimationNextPage {
1.537 + background: none top left no-repeat white;
1.538 +}
1.539 +
1.540 +#historySwipeAnimationPreviousPage {
1.541 + background-image: -moz-element(#historySwipeAnimationPreviousPageSnapshot);
1.542 +}
1.543 +
1.544 +#historySwipeAnimationCurrentPage {
1.545 + background-image: -moz-element(#historySwipeAnimationCurrentPageSnapshot);
1.546 +}
1.547 +
1.548 +#historySwipeAnimationNextPage {
1.549 + background-image: -moz-element(#historySwipeAnimationNextPageSnapshot);
1.550 +}
1.551 +
1.552 +/* Identity UI */
1.553 +#identity-popup-content-box:not(.chromeUI) > #identity-popup-brandName,
1.554 +#identity-popup-content-box:not(.chromeUI) > #identity-popup-chromeLabel,
1.555 +#identity-popup-content-box.chromeUI > .identity-popup-label:not(#identity-popup-brandName):not(#identity-popup-chromeLabel),
1.556 +#identity-popup-content-box.chromeUI > .identity-popup-description,
1.557 +#identity-popup.chromeUI > #identity-popup-button-container,
1.558 +#identity-popup-content-box.unknownIdentity > #identity-popup-connectedToLabel ,
1.559 +#identity-popup-content-box.unknownIdentity > #identity-popup-runByLabel ,
1.560 +#identity-popup-content-box.unknownIdentity > #identity-popup-content-host ,
1.561 +#identity-popup-content-box.unknownIdentity > #identity-popup-content-owner ,
1.562 +#identity-popup-content-box.verifiedIdentity > #identity-popup-connectedToLabel2 ,
1.563 +#identity-popup-content-box.verifiedDomain > #identity-popup-connectedToLabel2 {
1.564 + display: none;
1.565 +}
1.566 +
1.567 +/* Full Screen UI */
1.568 +
1.569 +#fullscr-toggler {
1.570 + height: 1px;
1.571 + background: black;
1.572 +}
1.573 +
1.574 +#full-screen-warning-container {
1.575 + position: fixed;
1.576 + top: 0;
1.577 + left: 0;
1.578 + width: 100%;
1.579 + height: 100%;
1.580 + z-index: 2147483647 !important;
1.581 +}
1.582 +
1.583 +#full-screen-warning-container[fade-warning-out] {
1.584 + transition-property: opacity !important;
1.585 + transition-duration: 500ms !important;
1.586 + opacity: 0.0;
1.587 +}
1.588 +
1.589 +/* When the modal fullscreen approval UI is showing, don't allow interaction
1.590 + with the page, but when we're just showing the warning upon entering
1.591 + fullscreen on an already approved page, do allow interaction with the page.
1.592 + */
1.593 +#full-screen-warning-container:not([obscure-browser]) {
1.594 + pointer-events: none;
1.595 +}
1.596 +
1.597 +#full-screen-warning-message {
1.598 + /* We must specify a max-width, otherwise word-wrap:break-word doesn't
1.599 + work in descendant <description> and <label> elements. Bug 630864. */
1.600 + max-width: 800px;
1.601 +}
1.602 +
1.603 +#full-screen-domain-text,
1.604 +#full-screen-remember-decision > .checkbox-label-box > .checkbox-label {
1.605 + word-wrap: break-word;
1.606 + /* We must specify a min-width, otherwise word-wrap:break-word doesn't work. Bug 630864. */
1.607 + min-width: 1px;
1.608 +}
1.609 +
1.610 +/* ::::: Ctrl-Tab Panel ::::: */
1.611 +
1.612 +.ctrlTab-preview > html|img,
1.613 +.ctrlTab-preview > html|canvas {
1.614 + min-width: inherit;
1.615 + max-width: inherit;
1.616 + min-height: inherit;
1.617 + max-height: inherit;
1.618 +}
1.619 +
1.620 +.ctrlTab-favicon-container {
1.621 + -moz-box-align: start;
1.622 +%ifdef XP_MACOSX
1.623 + -moz-box-pack: end;
1.624 +%else
1.625 + -moz-box-pack: start;
1.626 +%endif
1.627 +}
1.628 +
1.629 +.ctrlTab-favicon {
1.630 + width: 16px;
1.631 + height: 16px;
1.632 +}
1.633 +
1.634 +.ctrlTab-preview {
1.635 + -moz-binding: url("chrome://browser/content/browser-tabPreviews.xml#ctrlTab-preview");
1.636 +}
1.637 +
1.638 +
1.639 +/* notification anchors should only be visible when their associated
1.640 + notifications are */
1.641 +.notification-anchor-icon {
1.642 + -moz-user-focus: normal;
1.643 +}
1.644 +
1.645 +.notification-anchor-icon:not([showing]) {
1.646 + display: none;
1.647 +}
1.648 +
1.649 +#notification-popup .text-link.custom-link {
1.650 + -moz-binding: url("chrome://global/content/bindings/text.xml#text-label");
1.651 + text-decoration: none;
1.652 +}
1.653 +
1.654 +#invalid-form-popup > description {
1.655 + max-width: 280px;
1.656 +}
1.657 +
1.658 +#addon-progress-notification {
1.659 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#addon-progress-notification");
1.660 +}
1.661 +
1.662 +#identity-request-notification {
1.663 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#identity-request-notification");
1.664 +}
1.665 +
1.666 +#click-to-play-plugins-notification {
1.667 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#click-to-play-plugins-notification");
1.668 +}
1.669 +
1.670 +.plugin-popupnotification-centeritem {
1.671 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#plugin-popupnotification-center-item");
1.672 +}
1.673 +
1.674 +browser[tabmodalPromptShowing] {
1.675 + -moz-user-focus: none !important;
1.676 +}
1.677 +
1.678 +/* Status panel */
1.679 +
1.680 +statuspanel {
1.681 + -moz-binding: url("chrome://browser/content/tabbrowser.xml#statuspanel");
1.682 + position: fixed;
1.683 + margin-top: -3em;
1.684 + max-width: calc(100% - 5px);
1.685 + pointer-events: none;
1.686 +}
1.687 +
1.688 +statuspanel:-moz-locale-dir(ltr)[mirror],
1.689 +statuspanel:-moz-locale-dir(rtl):not([mirror]) {
1.690 + left: auto;
1.691 + right: 0;
1.692 +}
1.693 +
1.694 +statuspanel[sizelimit] {
1.695 + max-width: 50%;
1.696 +}
1.697 +
1.698 +statuspanel[type=status] {
1.699 + min-width: 23em;
1.700 +}
1.701 +
1.702 +@media all and (max-width: 800px) {
1.703 + statuspanel[type=status] {
1.704 + min-width: 33%;
1.705 + }
1.706 +}
1.707 +
1.708 +statuspanel[type=overLink] {
1.709 + transition: opacity 120ms ease-out;
1.710 + direction: ltr;
1.711 +}
1.712 +
1.713 +statuspanel[inactive] {
1.714 + transition: none;
1.715 + opacity: 0;
1.716 +}
1.717 +
1.718 +statuspanel[inactive][previoustype=overLink] {
1.719 + transition: opacity 200ms ease-out;
1.720 +}
1.721 +
1.722 +.statuspanel-inner {
1.723 + height: 3em;
1.724 + width: 100%;
1.725 + -moz-box-align: end;
1.726 +}
1.727 +
1.728 +.panel-inner-arrowcontentfooter[footertype="promobox"] {
1.729 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#promobox");
1.730 +}
1.731 +
1.732 +/* tabview menus */
1.733 +.tabview-menuitem {
1.734 + max-width: 32em;
1.735 +}
1.736 +
1.737 +/* highlighter */
1.738 +%include highlighter.css
1.739 +
1.740 +/* gcli */
1.741 +
1.742 +html|*#gcli-tooltip-frame,
1.743 +html|*#gcli-output-frame,
1.744 +#gcli-output,
1.745 +#gcli-tooltip {
1.746 + overflow-x: hidden;
1.747 +}
1.748 +
1.749 +.gclitoolbar-input-node,
1.750 +.gclitoolbar-complete-node {
1.751 + direction: ltr;
1.752 +}
1.753 +
1.754 +#developer-toolbar-toolbox-button[error-count] > .toolbarbutton-icon {
1.755 + display: none;
1.756 +}
1.757 +
1.758 +#developer-toolbar-toolbox-button[error-count]:before {
1.759 + content: attr(error-count);
1.760 + display: -moz-box;
1.761 + -moz-box-pack: center;
1.762 +}
1.763 +
1.764 +/* Responsive Mode */
1.765 +
1.766 +.browserContainer[responsivemode] {
1.767 + overflow: auto;
1.768 +}
1.769 +
1.770 +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) {
1.771 + -moz-box-pack: end;
1.772 +}
1.773 +
1.774 +.browserStack[responsivemode] {
1.775 + transition-duration: 200ms;
1.776 + transition-timing-function: linear;
1.777 +}
1.778 +
1.779 +.browserStack[responsivemode] {
1.780 + transition-property: min-width, max-width, min-height, max-height;
1.781 +}
1.782 +
1.783 +.browserStack[responsivemode][notransition] {
1.784 + transition: none;
1.785 +}
1.786 +
1.787 +.toolbarbutton-badge[badge]:not([badge=""])::after {
1.788 + content: attr(badge);
1.789 +}
1.790 +
1.791 +toolbarbutton[type="badged"] {
1.792 + -moz-binding: url("chrome://browser/content/urlbarBindings.xml#toolbarbutton-badged");
1.793 +}
1.794 +
1.795 +toolbarbutton[type="socialmark"] {
1.796 + -moz-binding: url("chrome://browser/content/socialmarks.xml#toolbarbutton-marks");
1.797 +}
1.798 +
1.799 +toolbarbutton[type="badged"] > .toolbarbutton-badge-container > .toolbarbutton-icon,
1.800 +toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
1.801 + max-width: 16px;
1.802 +}
1.803 +toolbarpaletteitem[place="palette"] > toolbarbutton[type="badged"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
1.804 + max-width: 32px;
1.805 +}
1.806 +
1.807 +panelview > .social-panel-frame {
1.808 + width: auto;
1.809 + height: auto;
1.810 +}
1.811 +
1.812 +/* Translation */
1.813 +notification[value="translation"] {
1.814 + -moz-binding: url("chrome://browser/content/translation-infobar.xml#translationbar");
1.815 +}
1.816 +
1.817 +/* Social */
1.818 +/* Note the chatbox 'width' values are duplicated in socialchat.xml */
1.819 +chatbox {
1.820 + -moz-binding: url("chrome://browser/content/socialchat.xml#chatbox");
1.821 + transition: height 150ms ease-out, width 150ms ease-out;
1.822 + height: 285px;
1.823 + width: 260px; /* CHAT_WIDTH_OPEN in socialchat.xml */
1.824 +}
1.825 +
1.826 +chatbox[minimized="true"] {
1.827 + width: 160px;
1.828 + height: 20px; /* CHAT_WIDTH_MINIMIZED in socialchat.xml */
1.829 +}
1.830 +
1.831 +chatbar {
1.832 + -moz-binding: url("chrome://browser/content/socialchat.xml#chatbar");
1.833 + height: 0;
1.834 + max-height: 0;
1.835 +}
1.836 +
1.837 +/** See bug 872317 for why the following rule is necessary. */
1.838 +
1.839 +#downloads-button {
1.840 + -moz-binding: url("chrome://browser/content/downloads/download.xml#download-toolbarbutton");
1.841 +}
1.842 +
1.843 +/*** Visibility of downloads indicator controls ***/
1.844 +
1.845 +/* Bug 924050: If we've loaded the indicator, for now we hide it in the menu panel,
1.846 + and just show the icon. This is a hack to side-step very weird layout bugs that
1.847 + seem to be caused by the indicator stack interacting with the menu panel. */
1.848 +#downloads-button[indicator]:not([cui-areatype="menu-panel"]) > image.toolbarbutton-icon,
1.849 +#downloads-button[indicator][cui-areatype="menu-panel"] > #downloads-indicator-anchor {
1.850 + display: none;
1.851 +}
1.852 +
1.853 +toolbarpaletteitem[place="palette"] > #downloads-button[indicator] > image.toolbarbutton-icon {
1.854 + display: -moz-box;
1.855 +}
1.856 +
1.857 +toolbarpaletteitem[place="palette"] > #downloads-button[indicator] > stack.toolbarbutton-icon {
1.858 + display: none;
1.859 +}
1.860 +
1.861 +#downloads-button:-moz-any([progress], [counter], [paused]) #downloads-indicator-icon,
1.862 +#downloads-button:not(:-moz-any([progress], [counter], [paused]))
1.863 + #downloads-indicator-progress-area
1.864 +{
1.865 + visibility: hidden;
1.866 +}
1.867 +
1.868 +/* Hacks for toolbar full and text modes, until bug 573329 removes them */
1.869 +
1.870 +toolbar[mode="text"] > #downloads-button {
1.871 + display: -moz-box;
1.872 + -moz-box-orient: vertical;
1.873 + -moz-box-pack: center;
1.874 +}
1.875 +
1.876 +toolbar[mode="text"] > #downloads-button > .toolbarbutton-text {
1.877 + -moz-box-ordinal-group: 1;
1.878 +}
1.879 +
1.880 +toolbar[mode="text"] > #downloads-button > .toolbarbutton-icon {
1.881 + display: -moz-box;
1.882 + -moz-box-ordinal-group: 2;
1.883 + visibility: collapse;
1.884 +}
1.885 +
1.886 +/* full screen chat window support */
1.887 +chatbar:-moz-full-screen-ancestor,
1.888 +chatbox:-moz-full-screen-ancestor {
1.889 + border: none;
1.890 + position: fixed !important;
1.891 + top: 0 !important;
1.892 + left: 0 !important;
1.893 + right: 0 !important;
1.894 + bottom: 0 !important;
1.895 + width: 100% !important;
1.896 + height: 100% !important;
1.897 + margin: 0 !important;
1.898 + min-width: 0 !important;
1.899 + max-width: none !important;
1.900 + min-height: 0 !important;
1.901 + max-height: none !important;
1.902 + box-sizing: border-box !important;
1.903 +}
1.904 +
1.905 +/* hide chat chrome when chat is fullscreen */
1.906 +chatbox:-moz-full-screen-ancestor > .chat-titlebar {
1.907 + display: none;
1.908 +}
1.909 +
1.910 +/* hide chatbar if browser tab is fullscreen */
1.911 +*:-moz-full-screen-ancestor chatbar:not(:-moz-full-screen-ancestor) {
1.912 + display: none;
1.913 +}
1.914 +
1.915 +/* hide sidebar when fullscreen */
1.916 +*:-moz-full-screen-ancestor #social-sidebar-box:not(:-moz-full-screen-ancestor) {
1.917 + display: none;
1.918 +}
1.919 +
1.920 +/* Combobox dropdown renderer */
1.921 +#ContentSelectDropdown {
1.922 + max-height: 400px;
1.923 +}
1.924 +
1.925 +.contentSelectDropdown-optgroup {
1.926 + font-weight: bold;
1.927 + /* color: menutext used to overwrite the disabled color */
1.928 + color: menutext;
1.929 +}
1.930 +
1.931 +.contentSelectDropdown-ingroup {
1.932 + -moz-margin-start: 2em;
1.933 +}
1.934 +
1.935 +/* Give this menupopup an arrow panel styling */
1.936 +#BMB_bookmarksPopup {
1.937 + -moz-appearance: none;
1.938 + -moz-binding: url("chrome://browser/content/places/menu.xml#places-popup-arrow");
1.939 + background: transparent;
1.940 + border: none;
1.941 + transition: opacity 300ms;
1.942 + /* The popup inherits -moz-image-region from the button, must reset it */
1.943 + -moz-image-region: auto;
1.944 +}
1.945 +
1.946 +/* Customize mode */
1.947 +#navigator-toolbox,
1.948 +#browser-bottombox,
1.949 +#content-deck {
1.950 + transition-property: margin-left, margin-right;
1.951 + transition-duration: 200ms;
1.952 + transition-timing-function: linear;
1.953 +}
1.954 +
1.955 +#tab-view-deck[fastcustomizeanimation] #navigator-toolbox,
1.956 +#tab-view-deck[fastcustomizeanimation] #content-deck {
1.957 + transition-duration: 1ms;
1.958 + transition-timing-function: linear;
1.959 +}
1.960 +
1.961 +#PanelUI-contents > .panel-customization-placeholder > .panel-customization-placeholder-child {
1.962 + list-style-image: none;
1.963 +}
1.964 +
1.965 +#customization-panelHolder {
1.966 + overflow-y: hidden;
1.967 +}
1.968 +
1.969 +#customization-panelWrapper,
1.970 +#customization-panelWrapper > .panel-arrowcontent {
1.971 + -moz-box-flex: 1;
1.972 +}
1.973 +
1.974 +#customization-panelWrapper > .panel-arrowcontent {
1.975 + padding: 0 !important;
1.976 + overflow: hidden;
1.977 +}
1.978 +
1.979 +#customization-panelHolder > #PanelUI-mainView {
1.980 + display: flex;
1.981 + flex-direction: column;
1.982 + /* Hack alert - by manually setting the preferred height to 0, we convince
1.983 + #PanelUI-mainView to shrink when the window gets smaller in customization
1.984 + mode. Not sure why that is - might have to do with our intermingling of
1.985 + XUL flex, and CSS3 Flexbox. */
1.986 + height: 0;
1.987 +}
1.988 +
1.989 +#customization-panelHolder > #PanelUI-mainView > #PanelUI-contents-scroller {
1.990 + display: flex;
1.991 + flex: auto;
1.992 + flex-direction: column;
1.993 +}
1.994 +
1.995 +#customization-panel-container {
1.996 + overflow-y: auto;
1.997 +}
1.998 +
1.999 +toolbarpaletteitem[dragover] {
1.1000 + border-left-color: transparent;
1.1001 + border-right-color: transparent;
1.1002 +}
1.1003 +
1.1004 +#customization-palette:not([hidden]) {
1.1005 + display: block;
1.1006 + overflow: auto;
1.1007 + min-height: 3em;
1.1008 +}
1.1009 +
1.1010 +#customization-toolbar-visibility-button > .box-inherit > .button-menu-dropmarker {
1.1011 + display: -moz-box;
1.1012 +}
1.1013 +
1.1014 +toolbarpaletteitem[place="palette"] {
1.1015 + width: 10em;
1.1016 + height: calc(40px + 2em);
1.1017 + margin-bottom: 5px;
1.1018 + overflow: hidden;
1.1019 + display: inline-block;
1.1020 +}
1.1021 +
1.1022 +toolbarpaletteitem[place="palette"][hidden] {
1.1023 + display: none;
1.1024 +}
1.1025 +
1.1026 +#customization-palette .toolbarpaletteitem-box {
1.1027 + -moz-box-pack: center;
1.1028 + -moz-box-flex: 1;
1.1029 + width: 10em;
1.1030 + max-width: 10em;
1.1031 +}
1.1032 +
1.1033 +/* UI Tour */
1.1034 +
1.1035 +@keyframes uitour-wobble {
1.1036 + from {
1.1037 + transform: rotate(0deg) translateX(3px) rotate(0deg);
1.1038 + }
1.1039 + 50% {
1.1040 + transform: rotate(360deg) translateX(3px) rotate(-360deg);
1.1041 + }
1.1042 + to {
1.1043 + transform: rotate(720deg) translateX(0px) rotate(-720deg);
1.1044 + }
1.1045 +}
1.1046 +
1.1047 +@keyframes uitour-zoom {
1.1048 + from {
1.1049 + transform: scale(0.8);
1.1050 + }
1.1051 + 50% {
1.1052 + transform: scale(1.0);
1.1053 + }
1.1054 + to {
1.1055 + transform: scale(0.8);
1.1056 + }
1.1057 +}
1.1058 +
1.1059 +@keyframes uitour-color {
1.1060 + from {
1.1061 + border-color: #5B9CD9;
1.1062 + }
1.1063 + 50% {
1.1064 + border-color: #FF0000;
1.1065 + }
1.1066 + to {
1.1067 + border-color: #5B9CD9;
1.1068 + }
1.1069 +}
1.1070 +
1.1071 +#UITourHighlightContainer,
1.1072 +#UITourHighlight {
1.1073 + pointer-events: none;
1.1074 +}
1.1075 +
1.1076 +#UITourHighlight[active] {
1.1077 + animation-delay: 2s;
1.1078 + animation-fill-mode: forwards;
1.1079 + animation-iteration-count: infinite;
1.1080 + animation-timing-function: linear;
1.1081 +}
1.1082 +
1.1083 +#UITourHighlight[active="wobble"] {
1.1084 + animation-name: uitour-wobble;
1.1085 + animation-delay: 0s;
1.1086 + animation-duration: 1.5s;
1.1087 + animation-iteration-count: 1;
1.1088 +}
1.1089 +#UITourHighlight[active="zoom"] {
1.1090 + animation-name: uitour-zoom;
1.1091 + animation-duration: 1s;
1.1092 +}
1.1093 +#UITourHighlight[active="color"] {
1.1094 + animation-name: uitour-color;
1.1095 + animation-duration: 2s;
1.1096 +}
