|
|
|
@ -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;
|
|
|
|
|
/*
|
|
|
|
|