diff options
Diffstat (limited to 'comm/mail/themes/shared/mail/editorContent.css')
-rw-r--r-- | comm/mail/themes/shared/mail/editorContent.css | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/editorContent.css b/comm/mail/themes/shared/mail/editorContent.css new file mode 100644 index 0000000000..9b2d6c913f --- /dev/null +++ b/comm/mail/themes/shared/mail/editorContent.css @@ -0,0 +1,108 @@ +/* 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 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Styles to alter look of things in the Editor content window + * for the "Normal Edit Mode" These settings will be removed + * when we display in completely WYSIWYG "Edit Preview" mode + * Anything that should never change, like cursors, should be + * place in EditorOverride.css, instead of here. +*/ + +a[name] { + min-height: 17px; margin-left: 2px; margin-top: 2px; + padding-left: 20px; + background-image: url(chrome://messenger/content/messengercompose/images/tag-anchor.gif); + background-repeat: no-repeat; + background-position: top left; +} + +/* Force border display for empty cells + and tables with 0 border +*/ +table { + empty-cells: show; +} + +/* give a red dotted border to tables and cells with no border + otherwise they are invisible +*/ +table[empty-cells], + table[border="0"], + /* next two selectors on line below for the case where tbody is omitted */ + table[border="0"] > tr > td, table[border="0"] > tr > th, + table[border="0"] > thead > tr > td, table[border="0"] > tbody > tr > td, table[border="0"] > tfoot > tr > td, + table[border="0"] > thead > tr > th, table[border="0"] > tbody > tr > th, table[border="0"] > tfoot > tr > th, + table:not([border]), + /* next two selectors on line below for the case where tbody is omitted */ + table:not([border]) > tr > td, table:not([border]) > tr > th, + table:not([border]) > thead > tr > td, table:not([border]) > tbody > tr > td, table:not([border]) > tfoot > tr > td, + table:not([border]) > thead > tr > th, table:not([border]) > tbody > tr > th, table:not([border]) > tfoot > tr > th +{ + border: 1px dotted red; +} + +/* give a green dashed border to forms otherwise they are invisible +*/ +form +{ + border: 2px dashed green; +} +/* give a green dotted border to labels otherwise they are invisible +*/ +label +{ + border: 1px dotted green; +} + +img { + -moz-force-broken-image-icon: 1; +} + +.moz-card.loading { + opacity: 0; +} +.moz-card { + position: relative; + opacity: 1; + transition: opacity 1.5s; +} + +.moz-card .remove-card { + position: absolute; + inset-inline-end: 15px; + top: 15px; + width: 20px; + height: 20px; + opacity: 0.3; + cursor: pointer; + + font-size: 1.4em; + line-height: 18px; + border: 1px solid #f9f9fa; + border-radius: 15px; + float: inline-end; + font-weight: 600; + display: inline-block; + transform: rotate(45deg); + margin-block: -0.2em 0.2em; + margin-inline: 0.2em -0.2em; + + color: #2a2a2e; + background-color: white; +} +.moz-card .remove-card:hover { + opacity: 1; +} + +/* Can be removed when it is in messageQuotes.css enabled again */ +@media (prefers-color-scheme: dark) { + body { + color: #f9f9fa; + background-color: #2a2a2e; + } + + span[_moz_quote="true"] { + color: #009fff; + } +} |