Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
:root[inDOMFullscreen] #navigator-toolbox,
:root[inDOMFullscreen] #fullscr-toggler,
:root[inDOMFullscreen] #sidebar-container,
:root[fullscreenNavToolboxHidden] #sidebar-launcher-splitter,
:root[inDOMFullscreen] #sidebar-box,
:root[inDOMFullscreen] #sidebar-splitter,
:root[inFullscreen]:not([macOSNativeFullscreen]) toolbar:not([fullscreentoolbar="true"]) {
visibility: collapse;
}
/* Skip the subtree rather than collapse it: `visibility` is inherited, so it
:root[fullscreenNavToolboxHidden]:not([inDOMFullscreen]) #sidebar-container {
content-visibility: hidden;
/* Also drops the inline width of a user-resized launcher. */
flex-basis: 0;
min-width: 0;
}
/* AI window splitter and box use visibility:collapse, not display:none, so
* they are separated by flexbox gaps even when invisible. Use display:none
* here so the gaps disappear in DOM fullscreen. */
:root[inDOMFullscreen] #ai-window-box,
:root[inDOMFullscreen] #ai-window-splitter {
display: none;
}
/* Keep the vertical tabs out from under the toolbox while the macOS menubar
* holds it shifted down over them. */
:root[inFullscreen] #vertical-tabs {
padding-block-start: var(--fullscreen-menubar-shift, 0);
}
#fullscr-toggler {
top: 0;
left: 0;
right: 0;
height: 1px;
position: fixed;
z-index: 2147483647;
}
.pointerlockfswarning {
will-change: translate;
transition: translate 300ms ease-in;
translate: 0 -100px;
pointer-events: none;
position: fixed;
top: 0;
bottom: auto;
box-sizing: border-box;
width: max-content;
max-width: 95%;
font: message-box;
font-size: 21px;
align-items: center;
color-scheme: dark;
background-color: rgba(45, 62, 72, 0.9);
color: #fafafa;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
border-radius: var(--border-radius-medium);
border: 2px solid currentColor;
padding: 24px 16px;
@starting-style {
translate: 0 -100px;
}
&:popover-open {
display: flex;
}
&[onscreen] {
translate: 0 50px;
}
&[ontop] {
/* Use -10px to hide the border and border-radius on the top */
translate: 0 -10px;
}
:root[macOSNativeFullscreen] &[ontop] {
translate: 0 80px;
}
&:is([data-identity="verifiedDomain"], [data-identity="unknownIdentity"])::before {
content: "";
background-size: cover;
margin: 0;
width: 24px;
height: 24px;
-moz-context-properties: fill;
fill: currentColor;
}
&[data-identity="verifiedDomain"]::before {
background-image: url("chrome://global/skin/icons/security.svg");
}
&[data-identity="unknownIdentity"]::before {
background-image: url("chrome://global/skin/icons/security-broken.svg");
-moz-context-properties: fill, stroke;
stroke: var(--icon-color-critical);
}
}
.pointerlockfswarning-domain-text,
.pointerlockfswarning-generic-text {
margin: 0 16px;
word-wrap: break-word;
min-width: 1px;
}
.pointerlockfswarning-domain-text:not([hidden]) + .pointerlockfswarning-generic-text {
display: none;
}
.pointerlockfswarning-domain {
font-weight: var(--font-weight-bold);
margin: 0;
}
#fullscreen-exit-button {
pointer-events: auto;
margin: 0;
}