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[lwtheme] {
background-color: var(--lwt-accent-color);
color: var(--lwt-text-color);
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
margin: 0;
}
#imageDlg {
overflow: auto;
max-width: inherit;
}
.MinWidth5em {
min-width: 5em;
}
.MinWidth10em {
min-width: 10em;
}
.MinWidth15em {
min-width: 15em;
}
.MinWidth20em {
min-width: 20em;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.larger {
font-size: 120%;
}
*|*.narrow {
width: 4em;
}
.menulist-narrow {
width: 10em;
}
.wrap {
width: 1em;
}
.menuitem-highlight-1 {
font-weight : bold;
}
.color-well {
width: 30px;
height: 12px;
border: 1px inset #CCCCCC;
margin: auto;
&[default="true"] {
border: 1px solid transparent;
background-color: inherit;
}
& + .button-box {
display: none;
}
}
.color-button {
min-width: 0;
margin: 2px;
& .button-text {
margin-inline: 0;
}
}
#spacingLabel,
#alignLabel,
#imagemapLabel {
margin-top: 0;
}
#ColorPickerSwatch {
width: 12px;
height: 12px;
border-radius: 50%;
margin-inline: -21px 10px;
border: 1px solid var(--field-border-color);
}
#ColorInput {
padding-inline-end: 21px;
}
#LastPickedButton {
align-items: center;
}
#LastPickedColor {
width: 12px;
height: 12px;
border-radius: 50%;
margin-inline-start: 2px;
border: 1px solid var(--field-border-color);
order: 2;
}
/* temporary -- we need a simple box-based list defined in XBL */
tree.list {
border: 1px inset #ccc;
/* same as in menulist.css */
margin: 1px 5px 2px;
/* use rows="#" in XUL to define height */
}
#ColorPreview {
border: 1px inset #ccc;
margin-inline-start: 10px;
padding: 0 5px;
min-width: 100px;
min-height: 50px;
}
#alignTypeSelect {
margin-inline-start: 5px;
}
/* ::::: table properties dialog ::::: */
#NextButton,
#PreviousButton {
-moz-context-properties: stroke;
stroke: currentColor;
& > .button-box > .button-icon {
margin-inline-end: 2px;
}
}
#PreviousButton[type="row"] {
}
#NextButton[type="row"] {
}
#NextButton:not([type="row"]) > .button-box > .button-icon {
transform: scaleX(-1);
}
/* ::::: spelling dialog ::::: */
#MisspelledWord {
font-weight: bold;
max-width: 16em;
text-overflow: ellipsis;
}
#ReplaceWordInput {
min-width: 16em;
width: 16em;
}
.spell-check {
min-width: 8em;
}
/* ::::: color picker ::::: */
/* use outset shape for a button look */
.colorpicker {
border: 1px outset #CCCCCC;
/* This should be the same as for textbox */
margin-inline-start: 4px;
/* For a little extra space between buttons */
margin-bottom: 2px;
&:active {
border: 1px inset #CCCCCC;
}
}
.smallspacer {
width: 3px;
height: 3px;
min-width: 3px;
min-height: 3px;
}
.spacer {
width: 5px;
height: 5px;
min-width: 5px;
min-height: 5px;
}
.bigspacer {
width: 10px;
height: 10px;
min-width: 10px;
min-height: 10px;
}
/* These should be the width of the checkbox and radio button images + margin + padding
Used to indent below those to the level of the text label next to image
*/
.checkbox-spacer {
width: 2em;
min-width: 2em;
}
.radio-spacer {
width: 2em;
min-width: 2em;
}
.align-menu {
&[value="top"] {
}
&[value="middle"] {
}
&[value="bottom"] {
}
&[value="right"] {
}
&[value="left"] {
}
}
/* Don't change width/height of these without changing values in
GetOriginalWidth(), EdImageProps.js
*/
#preview-image-box {
border: 1px inset #CCCCCC;
width: 82px;
max-width: 82px;
min-width: 82px;
height: 52px;
max-height: 52px;
min-height: 52px;
margin: 6px 5px;
overflow: clip;
}
#preview-image-holder {
padding: 0;
margin: 0;
}
#tagLabel {
font-weight: bold;
}
.AttributesTree {
min-width: 200px;
min-height: 200px;
}
html|fieldset {
margin: 1em 3px 3px;
padding: 3px 0 6px;
border: none;
& > :is(hbox, vbox, radiogroup, menulist) {
width: -moz-available;
}
}
html|legend {
font-weight: bold;
margin-top: -1em;
margin-inline-start: 3px;
padding-inline: 3px;
}
html|table html|th {
font-weight: normal;
text-align: start;
}
*|*.display-flex {
display: flex;
}
*|*.flex-1 {
flex: 1;
}
#SuggestedList {
flex-direction: column;
max-height: 10em;
}
#dictionary-list {
list-style-type: none;
padding: 6px 3px;
margin: 0;
max-height: 5em;
overflow-y: auto;
}
html|input[type="checkbox"] {
-moz-appearance: checkbox;
}
/* Advanced Edit dialog */
#HTMLAttrCol,
#CSSPropCol,
#AttrCol {
flex: 35 35;
}
#HTMLValCol,
#CSSValCol,
#HeaderCol {
flex: 65 65;
}