From 648db37e68bc1a3944d32b0fd62f65ea0d07cc7e Mon Sep 17 00:00:00 2001
From: alecpl <alec@alec.pl>
Date: Fri, 04 Jun 2010 09:29:48 -0400
Subject: [PATCH] - Fix related parts aren't displayed when got mimetype other than image/* (#1486432)
---
skins/default/mail.css | 271 ++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 183 insertions(+), 88 deletions(-)
diff --git a/skins/default/mail.css b/skins/default/mail.css
index 6b4799c..dfa0913 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -29,7 +29,7 @@
padding: 0;
margin-right: 10px;
overflow: hidden;
- background: url('images/mail_toolbar.png') 0 0 no-repeat transparent;
+ background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}
@@ -137,14 +137,10 @@
background-position: -416px -32px;
}
-
#messagetoolbar select,
#compose-container select
{
- font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
- color: #333333;
- height: 21px;
}
#messagetoolbar select.mboxlist
@@ -164,25 +160,19 @@
padding-left: 2px;
}
-#markmessagemenu,
-#searchmenu,
-#messagemenu
-{
- position: absolute;
- top: 32px;
- left: 90px;
- width: auto;
- display: none;
- background-color: #F9F9F9;
- border: 1px solid #CCC;
- padding: 1px;
- opacity: 0.9;
- z-index: 240;
-}
-
#searchmenu
{
- width: 172px;
+ width: 160px;
+}
+
+#searchmenu ul.toolbarmenu
+{
+ margin: 0;
+}
+
+#searchmenu ul.toolbarmenu li
+{
+ margin: 1px 4px 1px;
}
#messagemenu li a.active:hover,
@@ -194,53 +184,53 @@
#messagemenu li a
{
- background: url('images/messageactions.png') no-repeat 1px 0;
- background-position: 0px 20px;
+ background: url(images/messageactions.png) no-repeat 7px 0;
+ background-position: 7px 20px;
}
#messagemenu li a.printlink
{
- background-position: 1px 1px;
+ background-position: 7px 1px;
}
#messagemenu li a.downloadlink
{
- background-position: 1px -17px;
+ background-position: 7px -17px;
}
#messagemenu li a.sourcelink
{
- background-position: 1px -35px;
+ background-position: 7px -35px;
}
#messagemenu li a.openlink
{
- background-position: 1px -53px;
+ background-position: 7px -53px;
}
#messagemenu li a.editlink
{
- background-position: 1px -71px;
+ background-position: 7px -71px;
}
#markmessagemenu a.readlink
{
- background: url('images/icons/dot.png') no-repeat 2px;
+ background: url(images/icons/dot.png) no-repeat 7px 2px;
}
#markmessagemenu a.unreadlink
{
- background: url('images/icons/unread.png') no-repeat 2px;
+ background: url(images/icons/unread.png) no-repeat 7px 2px;
}
#markmessagemenu a.flaggedlink
{
- background: url('images/icons/flagged.png') no-repeat 2px;
+ background: url(images/icons/flagged.png) no-repeat 7px 2px;
}
#markmessagemenu a.unflaggedlink
{
- background: url('images/icons/unflagged.png') no-repeat 2px;
+ background: url(images/icons/unflagged.png) no-repeat 7px 2px;
}
#searchfilter
@@ -407,6 +397,7 @@
list-style-type: none;
overflow: hidden;
white-space: nowrap;
+ background-color: #FFF;
}
#mailboxlist li
@@ -414,7 +405,7 @@
display: block;
position: relative;
font-size: 11px;
- background: url('images/icons/folders.png') 5px 1px no-repeat;
+ background: url(images/icons/folders.png) 5px 0 no-repeat;
border-bottom: 1px solid #EBEBEB;
}
@@ -423,7 +414,7 @@
position: absolute;
left: 8px !important;
left: -16px;
- top: 2px;
+ top: 1px;
width: 14px;
height: 16px;
}
@@ -436,22 +427,22 @@
#mailboxlist li div.collapsed
{
- background: url('images/icons/collapsed.png') bottom right no-repeat;
+ background: url(images/icons/collapsed.png) bottom right no-repeat;
}
#mailboxlist li div.expanded
{
- background: url('images/icons/expanded.png') bottom right no-repeat;
+ background: url(images/icons/expanded.png) bottom right no-repeat;
}
#mailboxlist li.inbox
{
- background-position: 5px -17px;
+ background-position: 5px -18px;
}
#mailboxlist li.drafts
{
- background-position: 5px -36px;
+ background-position: 5px -37px;
}
#mailboxlist li.sent
@@ -466,7 +457,7 @@
#mailboxlist li.trash
{
- background-position: 5px -90px;
+ background-position: 5px -91px;
}
#mailboxlist li a
@@ -516,7 +507,7 @@
border-top: 1px solid #EBEBEB;
padding-left: 15px;
background-position: 25px 1px;
- background-color: #F9F9F9;
+ background-color: #FFF;
color: blue;
font-weight: normal;
}
@@ -555,7 +546,7 @@
padding: 0;
margin-right: 2px;
overflow: hidden;
- background: url('images/mail_footer.png') 0 0 no-repeat transparent;
+ background: url(images/mail_footer.png) 0 0 no-repeat transparent;
opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}
@@ -589,6 +580,14 @@
background-position: -30px -15px;
}
+#listcontrols a.page {
+ background-position: -135px 0;
+}
+
+#listcontrols a.pagesel {
+ background-position: -135px -15px;
+}
+
#listcontrols a.unread {
background-position: -45px 0;
}
@@ -611,6 +610,30 @@
#listcontrols a.nonesel {
background-position: -75px -15px;
+}
+
+#listcontrols a.expand-all {
+ background-position: -90px 0;
+}
+
+#listcontrols a.expand-allsel {
+ background-position: -90px -15px;
+}
+
+#listcontrols a.collapse-all {
+ background-position: -105px 0;
+}
+
+#listcontrols a.collapse-allsel {
+ background-position: -105px -15px;
+}
+
+#listcontrols a.expand-unread {
+ background-position: -120px 0;
+}
+
+#listcontrols a.expand-unreadsel {
+ background-position: -120px -15px;
}
#countcontrols
@@ -649,14 +672,11 @@
#messagelist thead tr td
{
height: 20px;
- padding-top: 0px;
- padding-bottom: 0px;
- padding-left: 2px;
- padding-right: 4px;
+ padding: 0 4px 0 2px;
vertical-align: middle;
border-bottom: 1px solid #999999;
color: #333333;
- background: url('images/listheader.gif') top left repeat-x #CCC;
+ background: url(images/listheader.gif) top left repeat-x #CCC;
font-size: 11px;
font-weight: bold;
}
@@ -664,17 +684,17 @@
#messagelist thead tr td.sortedASC,
#messagelist thead tr td.sortedDESC
{
- background-position: 0 -20px;
+ background-position: 0 -22px;
}
#messagelist thead tr td.sortedASC a
{
- background: url('images/icons/sort.gif') right 0 no-repeat;
+ background: url(images/icons/sort.gif) right 0 no-repeat;
}
#messagelist thead tr td.sortedDESC a
{
- background: url('images/icons/sort.gif') right -14px no-repeat;
+ background: url(images/icons/sort.gif) right -14px no-repeat;
}
#messagelist thead tr td a
@@ -686,13 +706,23 @@
text-decoration: none;
}
+#messagelist thead tr td.size
+{
+ text-align: left;
+}
+
+#messagelist thead tr td.subject
+{
+ padding-left: 18px;
+}
+
#messagelist tbody tr td
{
- height: 16px;
- padding: 2px;
- padding-right: 4px;
+ height: 20px;
+ padding: 0;
font-size: 11px;
overflow: hidden;
+ vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
@@ -708,32 +738,44 @@
cursor: inherit;
}
-#messagelist tbody tr td.subject a
+#messagelist tr td.icon,
+#messagelist tr td.threads,
+#messagelist tr td.attachment,
+#messagelist tr td.flag
{
- cursor: default;
+ width: 18px;
+ padding: 0px 1px 1px 3px;
}
-#messagelist col
+#messagelist tbody td span.branch,
+#messagelist tbody td img
{
- display: table-column;
- text-align: left;
vertical-align: middle;
+ display: inline-block;
}
-#messagelist thead tr td.icon,
-#messagelist thead tr td.flag
+#messagelist tbody td img.msgicon
{
- width: 22px;
- padding: 0;
- text-align: center;
+ margin: 0 2px;
}
-#messagelist tbody tr td.icon,
+#messagelist tr td div.collapsed,
+#messagelist tr td div.expanded,
+#messagelist tr td img.flagicon,
+#messagelist tr td img.msgicon,
#messagelist tbody tr td.flag
{
- padding: 2px 3px 2px 3px;
- vertical-align: middle;
cursor: pointer;
+}
+
+#messagelist tr td div.collapsed
+{
+ background: url(images/messageactions.png) -1px -91px no-repeat;
+}
+
+#messagelist tr td div.expanded
+{
+ background: url(images/messageactions.png) -1px -109px no-repeat;
}
#messagelist tbody tr td.flag img:hover,
@@ -742,23 +784,27 @@
background: url(images/icons/unflagged.png) center no-repeat;
}
-#messagelist tr td.subject
+#messagelist tbody tr td.subject
{
- overflow: hidden;
- vertical-align: middle;
width: 99%;
+}
+
+#messagelist tbody tr td.subject a
+{
+ cursor: default;
+}
+
+/* thread parent message with unread children */
+#messagelist tbody tr.unroot td.subject a
+{
+ text-decoration: underline;
}
#messagelist tr td.size
{
- width: 70px;
+ width: 60px;
text-align: right;
- vertical-align: middle;
-}
-
-#messagelist thead tr td.size
-{
- text-align: left;
+ padding: 0 2px;
}
#messagelist tr td.from,
@@ -767,18 +813,18 @@
#messagelist tr td.replyto
{
width: 180px;
- vertical-align: middle;
+ padding: 0 2px;
}
#messagelist tr td.date
{
width: 118px;
- vertical-align: middle;
+ padding: 0 2px;
}
#messagelist tr.message
{
- background-color: #FFFFFF;
+ background-color: #FFF;
}
/*
@@ -827,6 +873,37 @@
{
color: #CCCCCC;
}
+
+/***** tree indicators *****/
+
+td span.branch div
+{
+ float: left;
+ height: 16px;
+}
+
+td span.branch div.tree
+{
+ height: 17px;
+ width: 15px;
+ background: url(images/tree.gif) 0px 0px no-repeat;
+}
+
+td span.branch div.l1
+{
+ background-position: 0px 0px; /* L */
+}
+
+td span.branch div.l2
+{
+ background-position: -30px 0px; /* | */
+}
+
+td span.branch div.l3
+{
+ background-position: -15px 0px; /* |- */
+}
+
.quota_text {
text-align: center;
@@ -972,7 +1049,8 @@
background-color: #FFFFFF;
}
-div.message-part
+div.message-part,
+div.message-htmlpart
{
padding: 10px 8px;
border-top: 1px solid #ccc;
@@ -1160,7 +1238,7 @@
min-height: 100px;
height: 100%;
font-size: 9pt;
- font-family: "Courier New", Courier, monospace;
+ font-family: monospace;
}
#compose-attachments
@@ -1211,14 +1289,7 @@
#attachment-form
{
- position: absolute;
- top: 150px;
- left: 20px;
- z-index: 200;
padding: 6px;
- visibility: hidden;
- border: 1px solid #CCCCCC;
- background-color: #F9F9F9;
}
#attachment-form div
@@ -1266,3 +1337,27 @@
{
font-weight: bold;
}
+
+#listmenu
+{
+ padding: 6px;
+}
+
+#listmenu legend
+{
+ color: #999999;
+}
+
+#listmenu fieldset
+{
+ border: 1px solid #999999;
+ margin: 0 5px;
+ float: left;
+}
+
+#listmenu div
+{
+ padding: 8px 0 3px 0;
+ text-align: center;
+ clear: both;
+}
--
Gitblit v1.9.1