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.css59
1 files changed, 48 insertions, 11 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 0ee43aef1..3fd2fcc65 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -30,6 +30,11 @@
z-index: 3;
}
+#mailview-right.offset {
+ top: 42px;
+ margin-top: 0;
+}
+
#mailview-top {
position: absolute;
top: 42px;
@@ -675,12 +680,11 @@ a.iconbutton.threadmode.selected {
#messagecontent {
position: absolute;
- top: 140px;
+ top: 110px;
left: 0;
width: 100%;
- bottom: 0;
+ bottom: 27px;
overflow: auto;
- border-radius: 4px 4px 0 0;
}
#messageheader,
@@ -696,6 +700,12 @@ a.iconbutton.threadmode.selected {
background: linear-gradient(top, #fff 0%, #e9e9e9 100%);
}
+#mailview-right #messageheader {
+ border-radius: 4px 4px 0 0;
+ padding-left: 58px;
+ border-bottom: 2px solid #e6e6e6;
+}
+
h2.subject {
font-size: 15px;
margin: 0 15em 0 0;
@@ -705,6 +715,10 @@ h2.subject {
text-overflow: ellipsis;
}
+#mailview-right #messageheader h2.subject {
+ margin-left: -56px;
+}
+
h3.subject {
font-size: 14px;
margin: 0 8em 0 0;
@@ -723,6 +737,10 @@ h3.subject {
font-weight: bold;
}
+.headers-table td.header-title {
+ white-space: nowrap;
+}
+
.headers-table td.header a {
color: #666;
text-decoration: none;
@@ -782,6 +800,7 @@ h3.subject {
background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
border-right: 1px solid #dfdfdf;
+ border-radius: 3px 0 0 0; /* for Opera */
}
#previewheaderstoggle .iconlink {
@@ -800,9 +819,17 @@ h3.subject {
background-position: -5px -242px;
}
+#full-headers {
+ position: relative;
+}
+
div.more-headers {
- cursor: pointer;
+ position: absolute;
+ top: -12px;
+ right: 10px;
+ width: 12px;
height: 10px;
+ cursor: pointer;
background: url(images/buttons.png) center -1619px no-repeat;
}
@@ -812,12 +839,16 @@ div.hide-headers {
#all-headers {
position: relative;
- margin: 0 10px;
+ margin: 4px 10px;
padding: 0;
height: 180px;
- border: 1px solid #bbb;
+ border: 1px solid #ccc;
border-radius: 4px;
- background: #fff;
+ background: #fdfdfd;
+ -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+ -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+ -o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+ box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
}
#headers-source {
@@ -827,18 +858,22 @@ div.hide-headers {
left: 0;
right: 0;
bottom: 0;
- padding: 2px 5px;
+ padding: 3px 6px;
overflow: auto;
text-align: left;
color: #333;
}
+#messagepreviewheader #all-headers {
+ margin-left: 0;
+}
+
#messagepreviewheader {
position: relative;
height: auto;
min-height: 52px;
margin: 0 8px 0 0;
- padding: 0 0 6px 72px;
+ padding: 0 0 0px 72px;
border-bottom: 2px solid #f0f0f0;
}
@@ -867,12 +902,13 @@ div.hide-headers {
#messageheader #contactphoto {
display: block;
position: absolute;
- top: 40px;
- right: 10px;
+ top: 34px;
+ left: 10px;
width: 48px;
height: 48px;
overflow: hidden;
border-radius: 4px;
+ background: url(images/contactpic_48px.png) center center no-repeat #fff;
}
#messageheader #contactphoto img {
@@ -903,6 +939,7 @@ div.hide-headers {
overflow-x: auto;
}
+#messagecontent .rightcol,
#messagepreview .rightcol {
float: right;
/*