className="UIxMailMainFrame"
title="name"
>
- <h4>Account Settings Page</h4>
- <a rsrc:href="tbird_073_accountview.png">screenshot</a>
-
+ <div class="embedwhite_out">
+ <div class="embedwhite_in">
+ Account Settings
+
+ <a rsrc:href="tbird_073_accountview.png">screenshot</a>
+ </div>
+ </div>
</var:component>
className="UIxMailMainFrame"
title="name"
>
- <h4>Mail Folder Page</h4>
- <a rsrc:href="tbird_073_mailwelcome.png">screenshot</a>
+ <div class="titlediv">
+ View:
+ [popup all]
+ Subject or Sender contains:
+ [search field]
+ [clear]
+ </div>
+
+ <div class="embedwhite_out">
+ <div class="embedwhite_in">
+ Folder List
+ </div>
+ </div>
+
+ <div class="embedwhite_out">
+ <div class="embedwhite_in">
+ Content
+ <a rsrc:href="tbird_073_mailwelcome.png">screenshot</a>
+ </div>
+ </div>
+
</var:component>
</head>
<body>
- <table border="0" width="100%">
+ <table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
- <td colspan="2" width="100%" valign="top">
+ <td width="100%" valign="top" class="vertframerow">
Toolbar
</td>
</tr>
- <tr>
- <td width="25%" valign="top">
- Folder Tree<br />
- <var:component className="UIxMailTree" />
- </td>
- <td valign="top">
- <var:component-content/>
+ <tr class="vertframerow">
+ <td width="100%" valign="top" class="vertframerow">
+ <table width="100%">
+ <tr>
+ <td width="25%" valign="top" class="foldercell">
+ <div class="titlediv">Folders</div>
+ <div class="embedwhite_out">
+ <div class="embedwhite_in">
+ <var:component className="UIxMailTree" />
+ </div>
+ </div>
+ </td>
+ <td style="width: 6px;"> </td>
+ <td valign="top" class="contentcell">
+ <var:component-content/>
+ </td>
+ </tr>
+ </table>
</td>
</tr>
</table>
+
+ <!-- debugging -->
<var:if condition="isUIxDebugEnabled">
<table border="0" width="100%">
<tr>
text-align: center;
vertical-align: middle;
}
+
+
+
+/* new stuff for Thunderbird like mailer */
+
+.vertframerow {
+ border-top-color: white;
+ border-top-width: 1;
+ border-top-style: solid;
+ border-bottom-color: #808080;
+ border-bottom-width: 1;
+ border-bottom-style: solid;
+
+ background-color: #D4D0C8;
+
+ font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+ font-size: 10pt;
+}
+.foldercell {
+ font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+ font-size: 10pt;
+ width: 25%;
+}
+.contentcell {
+ font-family: Arial, Helvetica, Verdana, Geneva, Tahoma, sans-serif;
+ font-size: 10pt;
+}
+.embedwhite_out {
+ border-width: 1;
+ border-style: solid;
+ border-top-color: #808080;
+ border-left-color: #808080;
+ border-bottom-color: white;
+ border-right-color: white;
+}
+.embedwhite_in {
+ border-width: 1;
+ border-style: solid;
+ border-top-color: #808080; /* TODO */
+ border-left-color: #808080; /* TODO */
+ border-bottom-color: #808080;
+ border-right-color: #808080;
+
+ background-color: white;
+ height: 300px;
+}
+.titlediv {
+ height: 24px;
+ vertical-align: middle;
+ padding-top: 6px;
+}