- #1485290: Fix unread counter when displaying cached massage in preview pa...

alecpl

2008-09-29 bf2f39ea6d2b49c7495a43cca19ab18f27f8292e

 skins/default/mail.css

@@ -52,6 +52,7 @@
  border: 1px solid #CCC;
  padding: 1px;
  opacity: 0.9;
  filter:alpha(opacity=90);
  z-index: 240;
}

@@ -146,6 +147,30 @@
  color: #333333;
}

#mainscreen 
{
  position: absolute;
  top: 85px;
  right: 20px;
  bottom: 40px;
  left: 20px;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
}

#mailrightcontainer
{
  position: absolute;
  top: 0px;
  left: 170px;
  bottom: 0px;
  right: 0px;
  /* css hack for IE */
  width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}
	  
#messagepartcontainer
{
  position: absolute;
@@ -161,42 +186,37 @@
#mailcontframe
{
  position: absolute;
  top: 85px;
  left: 200px;
  right: 20px;
  bottom: 40px;
  width: 100%;
  top: 0px;
  bottom: 0px;
  border: 1px solid #999999;
  background-color: #F9F9F9;
  overflow: auto;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}

#mailpreviewframe
{
  position: absolute;
  top: 305px;
  left: 200px;
  right: 20px;
  bottom: 40px;
  width: 100%;
  top: 205px;
  bottom: 0px;
  border: 1px solid #999999;
  background-color: #F9F9F9;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px');
  height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px');
}

#messagecontframe
{
  position: absolute;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px');
  width: 100%;
  height: 100%;
}

#messagepartframe
@@ -253,15 +273,15 @@
#mailboxlist-container
{
  position: absolute;
  top: 85px;
  left: 20px;
  width: 170px;
  bottom: 40px;
  top: 0px;
  left: 0px;
  width: 160px;
  bottom: 0px;
  border: 1px solid #999;
  background-color: #F9F9F9;
  overflow: auto;
  /* css hack for IE */
  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
  height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}

#mailboxlist
@@ -354,6 +374,11 @@
  font-weight: bold;
}

#mailboxlist li.virtual > a
{
  color: #666;
}

#mailboxlist li.selected,
#mailboxlist li.droptarget li.selected
{
@@ -415,10 +440,6 @@
  width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px');
}

/* safari hack \*/
html>body*#messagelist[id$="messagelist"]:not([class="none"]) { table-layout: auto; }
/**/

#messagelist thead tr td
{
  height: 20px;
@@ -479,6 +500,11 @@
  text-decoration: none;
  white-space: nowrap;
  cursor: inherit;
}

#messagelist tbody tr td.subject a
{
  cursor: default;
}

#messagelist col
@@ -573,6 +599,12 @@
  color: #CCCCCC;
}

/* safari hacks \*/
html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; }
html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag,
html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; }
html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; }
/**/

#quotadisplay
{
@@ -594,21 +626,36 @@
#messageframe
{
  position: absolute;
  top: 85px;
  left: 200px;
  right: 20px;
  bottom: 40px;
  top: 0px;
  left: 170px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;
  /* css hack for IE */
  /* margin-bottom: 10px; */
  width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
  height: expression((parseInt(this.parentNode.offsetHeight))+'px');
}

#printmessageframe
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;
  /* css hack for IE */
  width: expression((parseInt(document.documentElement.clientWidth)-220)+'px');
  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
}

div.messageheaderbox
{
  position: relative;
  margin: 6px 8px 0px 8px;
  border: 1px solid #ccc;
}
@@ -626,6 +673,11 @@
  margin: 6px 8px;
  background-color: #F4F4F4;
  border: 1px solid #ccc;
}

#messageframe table.headers-table
{
  border-bottom: 1px solid #ccc;
}

table.headers-table tr td
@@ -646,8 +698,18 @@

table.headers-table tr td.subject
{
  width: 95%;
  width: 90%;
  font-weight: bold;
}

table.headers-table tr td.all
{
  width: 100%;
  color: #666666;
  text-align: left;
  padding-right: 10px;
  vertical-align: center;
  text-align: center;
}

#attachment-list
@@ -694,7 +756,6 @@
#messagebody
{
  position:relative;
  min-height: 300px;
  padding-bottom: 10px;
  background-color: #FFFFFF;
}
@@ -723,6 +784,8 @@
  padding: 0px;
  font-family: monospace;
  white-space: -moz-pre-wrap !important;
  white-space: -o-pre-wrap !important;
  white-space: pre-wrap !important;
  white-space: pre;
  word-wrap: break-word; /* IE (and Safari) */
}
@@ -780,6 +843,15 @@
  color: #333333;
}

#messageviewlink
{
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  border: 0;
}

/** message compose styles */

@@ -944,3 +1016,53 @@
{
  margin-top: 4px;
}

table.headers-table tr td.more-headers
{
  cursor: pointer;
  width: 100%;
  height: 8px;
  border-bottom: 0;
}

table.headers-table tr td.all
{
  padding: 2px 6px 4px 6px;
  border-bottom: 0;
}

td.show-headers
{
  background: url(images/icons/down_small.gif) no-repeat center;
}

td.hide-headers
{
  background: url(images/icons/up_small.gif) no-repeat center;
}

#all-headers
{
  height: 150px;
  display: none;
}

#headers-source
{
  margin: 0 5px;
  padding: 0.5em;
  height: 145px;
  background: white;
  overflow: auto;
  font-size: 11px;
  white-space: nowrap;
  border: 1px solid #999999;
  display: none;
  text-align: left;
  color: #333;
}

font.bold
{
  font-weight: bold;
}