summaryrefslogtreecommitdiff
path: root/skins/larry/mail.css
diff options
context:
space:
mode:
Diffstat (limited to 'skins/larry/mail.css')
-rw-r--r--skins/larry/mail.css183
1 files changed, 139 insertions, 44 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index ab87cd865..695697f6b 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -18,6 +18,7 @@
left: 0;
width: 220px;
bottom: 0;
+ z-index: 2;
}
#mailview-right {
@@ -26,6 +27,7 @@
left: 232px;
right: 0;
bottom: 0;
+ z-index: 3;
}
#mailview-top {
@@ -36,6 +38,10 @@
bottom: 28px;
}
+#mailview-top.fullheight {
+ border-radius: 4px 4px 0 0;
+}
+
#mailview-bottom {
position: absolute;
left: 0;
@@ -44,12 +50,6 @@
height: 26px;
}
-#mailviewsplitter {
- right: 30px;
- width: 30px;
- left: auto !important;
-}
-
#folderlist-header {
width: 100%;
height: 12px;
@@ -67,7 +67,7 @@
#messagelistcontainer {
top: 0;
- bottom: 32px;
+ bottom: 30px;
overflow: auto;
}
@@ -76,8 +76,20 @@
bottom: 0;
left: 0;
right: 0;
- height: 26px;
- padding: 2px;
+ height: 22px;
+ padding: 4px 6px;
+ border-top: 1px solid #ddd;
+ background: #ebebeb;
+ background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6));
+ background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
+ border-radius: 0 0 4px 4px;
+}
+
+#mailview-top.fullheight #messagelistfooter {
+ border-radius: 0;
}
#messagelistfooter.rightalign {
@@ -92,6 +104,11 @@
#messagelistfooter #listselectors {
display: inline-block;
margin-right: 2em;
+ vertical-align: middle;
+}
+
+#messagelistfooter #listselectors .menuselector {
+ margin-top: -2px;
}
a.iconbutton.listmode {
@@ -301,7 +318,14 @@ a.iconbutton.threadmode.selected {
}
#searchfilter {
- width: 16em;
+ position: absolute;
+ right: 256px;
+ width: auto;
+ top: 7px;
+}
+
+#searchfilter select {
+ height: 26px;
}
#mailview-left select.mailboxlist {
@@ -313,25 +337,35 @@ a.iconbutton.threadmode.selected {
#messagetoolbar {
position: absolute;
top: -6px;
- right: 0;
- left: 15em;
+ right: 390px;
+ left: 0;
height: 40px;
white-space: nowrap;
+ z-index: 10;
}
#messagetoolbar.fullwidth {
- left: 0;
+ right: 0;
}
-#mailtoolbar {
- text-align: right;
+#messagetoolbar .toolbarselect {
+ position: absolute;
+ bottom: 6px;
+ right: 3px;
+}
+
+#messagesearchtools {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 240px;
}
#mailpreviewtoggle {
display: block;
position: absolute;
- top: 4px;
- right: 2px;
+ top: 6px;
+ right: 4px;
width: 20px;
height: 18px;
background: url(images/buttons.png) -3px -458px no-repeat;
@@ -344,6 +378,14 @@ a.iconbutton.threadmode.selected {
/*** message list ***/
+#messagelist thead td:first-child {
+ border-radius: 4px 0 0 0;
+}
+
+#messagelist thead td:last-child {
+ border-radius: 0 4px 0 0;
+}
+
#messagelist tr td.attachment,
#messagelist tr td.threads,
#messagelist tr td.status,
@@ -482,28 +524,29 @@ a.iconbutton.threadmode.selected {
#messagelist tbody tr td.attachment span.attachment {
background-position: 0 -996px;
}
+
#messagelist thead tr td.attachment span.attachment {
background-position: -24px -997px;
}
-#messagelist tr td.priority {
- padding-right: 0;
+#messagelist tbody tr td.attachment span.report {
+ background-position: -24px -1116px;
}
#messagelist tr td.priority span.prio5 {
- background-position: right -1905px;
+ background-position: 0 -1905px;
}
#messagelist tr td.priority span.prio4 {
- background-position: right -1885px;
+ background-position: 0 -1885px;
}
#messagelist tr td.priority span.prio2 {
- background-position: right -1865px;
+ background-position: 0 -1865px;
}
#messagelist tr td.priority span.prio1 {
- background-position: right -1845px;
+ background-position: 0 -1845px;
}
#messagelist tbody tr td.flag span.flagged {
@@ -714,29 +757,47 @@ h3.subject {
display: none;
}
+#preview-allheaders td.header-title,
#preview-shortheaders td.header-title {
- padding-right: 0;
+ padding-left: 0;
}
#preview-shortheaders td.header {
- padding-right: 12px;
+ padding-right: 18px;
}
#previewheaderstoggle {
- width: 16px;
- height: 16px;
- padding: 0;
- margin-top: 5px;
- position: absolute;
- outline: none;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 18px;
+ padding: 0;
+ outline: none;
+ background: #f2f2f2;
+ background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9));
+ background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
+ background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
+ background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
+ border-right: 1px solid #dfdfdf;
}
-#previewheaderstoggle.iconlink.add {
- background-position: -32px -227px;
+#previewheaderstoggle .iconlink {
+ display: inline-block;
+ position: absolute;
+ top: 8px;
+ left: 0;
+ width: 18px;
+ height: 16px;
+ background: url(images/buttons.png) -27px -242px no-repeat;
}
-#previewheaderstoggle.iconlink.remove {
- background-position: -32px -242px;
+#previewheaderstoggle.remove .iconlink {
+ top: auto;
+ bottom: 5px;
+ background-position: -5px -242px;
}
div.more-headers {
@@ -750,7 +811,7 @@ div.hide-headers {
}
#all-headers {
- position: relative;
+ position: relative;
margin: 0 10px;
padding: 0;
height: 180px;
@@ -773,17 +834,50 @@ div.hide-headers {
}
#messagepreviewheader {
- margin: 0 8px;
- padding-bottom: 8px;
+ position: relative;
+ height: auto;
+ margin: 0 8px 0 0;
+ padding: 0 0 6px 72px;
border-bottom: 2px solid #f0f0f0;
}
-#messagepreviewheader .headers-table {
- margin-left: 8px;
+#messagepreviewheader h3.subject {
+ padding: 8px 8px 2px 0;
}
-#messagepreviewheader h3.subject {
- padding-left: 0;
+#messagepreviewheader #contactphoto {
+ display: block;
+ position: absolute;
+ top: 11px;
+ left: 30px;
+ width: 32px;
+ height: 32px;
+ overflow: hidden;
+ background: url(images/contactpic_32px.png) center center no-repeat #fff;
+ border-radius: 3px;
+}
+
+#messagepreviewheader #contactphoto img {
+ width: 32px;
+ height: auto;
+ border-radius: 3px;
+}
+
+#messageheader #contactphoto {
+ display: block;
+ position: absolute;
+ top: 40px;
+ right: 10px;
+ width: 48px;
+ height: 48px;
+ overflow: hidden;
+ border-radius: 4px;
+}
+
+#messageheader #contactphoto img {
+ width: 48px;
+ height: auto;
+ border-radius: 4px;
}
#messagepreviewheader #countcontrols,
@@ -791,7 +885,7 @@ div.hide-headers {
position: absolute;
top: 8px;
right: 8px;
- width: 18em;
+ width: 20em;
text-align: right;
white-space: nowrap;
}
@@ -865,6 +959,7 @@ div.message-part div.pre {
margin: 0px;
padding: 0px;
font-family: monospace;
+ font-size: 12px;
white-space: -moz-pre-wrap !important;
white-space: pre-wrap !important;
white-space: pre;
@@ -1210,7 +1305,7 @@ div.message-part blockquote blockquote blockquote {
#uploadform a.iconlink {
margin-left: 1em;
- text-indent: -1000px;
+ text-indent: -5000px;
}
#uploadform form div {
generated by cgit v1.2.3 (git 2.39.1) at 2024-07-26 10:13:28 +0000