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
/* large parts copied from the addon manager */
#accountManager {
padding: 0;
margin: 0;
}
#accountsNotificationBox {
appearance: none;
margin: 0;
}
#noAccountScreen {
color: FieldText;
background-color: Field;
overflow: auto;
border-block: 1px solid var(--splitter-color);
:root[lwt-tree] & {
color: var(--sidebar-text-color);
background-color: var(--sidebar-background-color);
}
}
#noAccountBox {
max-width: 30em;
background-size: 2.5em;
-moz-context-properties: fill;
fill: currentColor;
margin-inline: 1.5em;
padding-inline: 3.5em;
&:-moz-locale-dir(rtl) {
background-position-x: right;
}
}
#noAccountInnerBox {
opacity: 0.9;
}
#noAccountTitle {
font-size: 2em;
font-weight: lighter;
line-height: 1.2;
margin: 0 0 .3em;
padding-bottom: .2em;
border-bottom: 1px solid var(--splitter-color);
}
#noAccountDesc {
font-size: 110%;
margin-inline: 0;
}
#accountlist {
margin: 0;
appearance: none;
border-block: 1px solid var(--splitter-color);
border-inline-style: none;
text-shadow: none;
}
#bottombuttons {
padding: 4px;
}
/* List Items */
richlistitem {
&[state="disconnected"]:not([selected="true"]) {
color: #999;
}
&[dragover="down"] {
border-bottom: 3px solid var(--selected-item-color);
}
&[dragover="up"] {
border-top: 3px solid var(--selected-item-color);
}
& .account-buttons {
margin-top: 2px;
/* When the error message was too long, the buttons were too small */
& button {
min-height: 1.8em;
}
}
&:not([selected="true"]) .account-buttons {
display: none;
}
&:not([state="connected"]) .connected,
&:not([state="connecting"]) .connecting,
&:not([state="disconnected"]) .disconnected,
&:not([state="disconnecting"]) .disconnecting,
&:not([error="true"]) .error,
&:not([state="disconnected"]) .error,
&[error="true"] .disconnected,
&[selected="true"]:not([state="disconnected"]) .connectButton,
&[selected="true"][state="disconnected"] .disconnectButton,
&[selected="true"][state="disconnecting"] .disconnectButton,
&:not([selected="true"]) .addException,
&:not([selected="true"]) .autoSignOn,
&:not([reconnectPending="true"]) description[anonid="reconnect"] {
display: none;
}
&[state="disconnected"] .accountIcon {
opacity: 0.3;
}
&[state="connecting"] .accountIcon,
&[state="disconnected"][selected="true"] .accountIcon {
opacity: 0.7;
}
&[error="true"] .accountName {
color: rgb(150, 0, 0);
}
}
:root:not([lwt-tree]) #bottombuttons button,
:root:not([lwt-tree]) richlistbox > richlistitem button {
border: 1px solid var(--toolbarbutton-hover-bordercolor);
&:hover {
border: 1px solid var(--toolbarbutton-active-bordercolor);
&:active {
box-shadow: var(--toolbarbutton-active-boxshadow);
}
}
}
.error {
color: #c80000;
margin-inline-start: 6px;
}
.accountName {
font-weight: bold;
}
.accountIcon {
width: 32px;
height: 32px;
}
#displayNameAndstatusMessageGrid {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
flex: 1 1 auto;
& > * {
margin: 0;
}
& > hr {
height: 0;
border: none;
border-block-start: 1px solid hsla(0, 0%, 50%, 0.5);
}
}
#displayName[usingDefault]:not([editing]) {
color: #999;
}
/* Add styling same as #statusMessageLabel in chat.css */
#displayName,
#statusMessageLabel:not([statusType="offline"]) {
cursor: text;
}
#userIcon {
border-color: hsla(0, 0%, 50%, 0.3);
&:hover {
border-color: hsla(0, 0%, 50%, 0.5);
background-color: hsla(0, 0%, 50%, 0.3);
opacity: .4;
}
}
#statusImageStack > #statusTypeIcon {
/* Need min-width since #statusTypeIcon overlaps with rule in chat.css. */
min-width: 16px;
padding-inline: 0;
appearance: none;
background: transparent;
box-shadow: none;
border: none;
}
#statusTypeIcon dropmarker {
display: none;
}