diff --git a/mail-raw.css b/mail-raw.css
new file mode 100644
index 0000000..65b7aab
--- /dev/null
+++ b/mail-raw.css
@@ -0,0 +1,83 @@
+a.button .img
+{
+ display: inline-block;
+ width: 22px;
+ height: 18px;
+ vertical-align: top;
+ margin-top: 4px;
+}
+
+.message-list .actions .threads .img
+{
+ background: url(icons/thread.png) no-repeat;
+}
+
+.message-list .actions .threads.checked .img
+{
+ display: inline-block;
+ background: url(icons/thread_selected.png) no-repeat;
+ width: 22px;
+ height: 18px;
+ vertical-align: top;
+ margin-top: 5px;
+}
+
+.message-view .actions .action-read .img
+{
+ background: url(icons/read.png) no-repeat;
+}
+
+.message-view .actions .action-read .txt:before
+{
+ content: "Read";
+}
+
+.message-view .actions .action-read.checked .img
+{
+ background: url(icons/read_selected.png) no-repeat;
+}
+
+.message-view .actions .action-read.checked .txt:before
+{
+ content: "Unread";
+}
+
+.message-view .actions .action-spam .img
+{
+ background: url(icons/spam.png) no-repeat;
+}
+
+.message-view .actions .action-spam .txt:before
+{
+ content: "Spam";
+}
+
+.message-view .actions .action-spam.checked .img
+{
+ background: url(icons/spam_selected.png) no-repeat;
+}
+
+.message-view .actions .action-spam.checked .txt:before
+{
+ content: "Not Spam";
+}
+
+.message-view .actions .action-delete .img
+{
+ background: url(icons/delete.png) no-repeat;
+}
+
+.message-view .actions .action-delete .txt:before
+{
+ content: "Delete";
+}
+
+.message-view .actions .action-delete.checked .img
+{
+ background: url(icons/delete_selected.png) no-repeat;
+}
+
+.message-view .actions .action-delete.checked .txt:before
+{
+ content: "Undelete";
+}
diff --git a/mail.css b/mail.css
index 0581969..9a4adb0 100644
--- a/mail.css
+++ b/mail.css
@@ -123,15 +123,6 @@ button:active, button.pressed, a.button:active, a.button.pressed
button::-moz-focus-inner { border: 0; }
-a.button .img
-{
- display: inline-block;
- width: 22px;
- height: 18px;
- vertical-align: top;
- margin-top: 4px;
-}
-
div
{
box-sizing: border-box;
@@ -757,21 +748,6 @@ div
float: left;
}
-.message-list .actions .threads .img
-{
- background: url(icons/thread.png) no-repeat;
-}
-
-.message-list .actions .threads.checked .img
-{
- display: inline-block;
- background: url(icons/thread_selected.png) no-repeat;
- width: 22px;
- height: 18px;
- vertical-align: top;
- margin-top: 5px;
-}
-
.message-list .actions .list-sort
{
float: right;
@@ -1190,66 +1166,6 @@ div
border-bottom: 1px solid #aca9a7;
}
-.message-view .actions .action-read .img
-{
- background: url(icons/read.png) no-repeat;
-}
-
-.message-view .actions .action-read .txt:before
-{
- content: "Read";
-}
-
-.message-view .actions .action-read.checked .img
-{
- background: url(icons/read_selected.png) no-repeat;
-}
-
-.message-view .actions .action-read.checked .txt:before
-{
- content: "Unread";
-}
-
-.message-view .actions .action-spam .img
-{
- background: url(icons/spam.png) no-repeat;
-}
-
-.message-view .actions .action-spam .txt:before
-{
- content: "Spam";
-}
-
-.message-view .actions .action-spam.checked .img
-{
- background: url(icons/spam_selected.png) no-repeat;
-}
-
-.message-view .actions .action-spam.checked .txt:before
-{
- content: "Not Spam";
-}
-
-.message-view .actions .action-delete .img
-{
- background: url(icons/delete.png) no-repeat;
-}
-
-.message-view .actions .action-delete .txt:before
-{
- content: "Delete";
-}
-
-.message-view .actions .action-delete.checked .img
-{
- background: url(icons/delete_selected.png) no-repeat;
-}
-
-.message-view .actions .action-delete.checked .txt:before
-{
- content: "Undelete";
-}
-
.message-on-bottom .message-view .actions .settings
{
display: none;
diff --git a/mail.htm b/mail.htm
index 1cee882..ad16630 100644
--- a/mail.htm
+++ b/mail.htm
@@ -3,6 +3,7 @@
+
+ title="Show Message Thread" checkedTitle="Hide Message Thread" icon="thread" checkedIcon="thread_selected" checkable="1" />
Reply All
-
-
-
+
+
+
Label
: null}
- {this.props.cssIcon ? : null}
- {((this.state.checked ? this.props.checkedText : null) || this.props.text) || null}
+ {this.props.icon ?