summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/shared/mail/editorContent.css
diff options
context:
space:
mode:
Diffstat (limited to 'comm/mail/themes/shared/mail/editorContent.css')
-rw-r--r--comm/mail/themes/shared/mail/editorContent.css108
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;
+ }
+}