- place quota indicator styles in one place

alecpl

2010-06-21 4b96ed76a96602215bb75208d6b01473ebef09b8

 skins/default/mail.css

@@ -265,36 +265,36 @@
  position: absolute;
  top: 85px;
  right: 20px;
  bottom: 16px;
  bottom: 30px;
  left: 20px;
}

#mailleftcontainer
{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  top: 0;
  left: 0;
  bottom: 0;
  width: 195px;
}

#mailrightcontainer
{
  position: absolute;
  top: 0px;
  top: 0;
  left: 170px;
  bottom: 0px;
  right: 0px;
  bottom: 0;
  right: 0;
  min-width: 600px;
}

#mailrightcontent
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#messagepartcontainer
@@ -310,13 +310,11 @@
{
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px;
  top: 0;
  bottom: 0;
  border: 1px solid #999999;
  background-color: #F9F9F9;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: hidden;
}

#mailpreviewframe
@@ -378,13 +376,13 @@
#mailboxlist-container
{
  position: absolute;
  top: 0px;
  left: 0px;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 20px;
  bottom: 0;
  border: 1px solid #999;
  background-color: #F9F9F9;
  overflow: auto;
  overflow: hidden;
}

#mailboxlist
@@ -512,32 +510,32 @@
  font-weight: normal;
}

#listcontrols,
#mailboxcontrols
#listcontrols
{
  position: absolute;
  position: relative;
  white-space: nowrap;
  left: 0px;
  bottom: 0px;
  height: 15px;
  left: 4px;
  height: 22px;
  width: auto;
  min-width: 300px;
}

#listcontrols a,
#listcontrols span,
#mailboxcontrols a,
#mailboxcontrols span
#listcontrols span
{
  display: block;
  float: left;
  margin-top: 4px;
  font-size: 11px;
}

#listcontrols input
{
  margin-top: 6px;
}

#listcontrols a.button,
#listcontrols a.buttonPas,
#mailboxcontrols a.button,
#mailboxcontrols a.buttonPas
#listcontrols a.buttonPas
{
  display: block;
  float: left;
@@ -550,26 +548,9 @@
  opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}

#listcontrols a.buttonPas,
#mailboxcontrols a.buttonPas
#listcontrols a.buttonPas
{
  opacity: 0.35;
}

#mailboxcontrols a.expunge {
  background-position: 0 0;
}

#mailboxcontrols a.expungesel {
  background-position: 0 -15px;
}

#mailboxcontrols a.purge {
  background-position: -15px 0;
}

#mailboxcontrols a.purgesel {
  background-position: -15px -15px;
}

#listcontrols a.all {
@@ -638,10 +619,9 @@

#countcontrols
{
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 4px;
  right: 4px;
  min-width: 25em;
  white-space: nowrap;
  font-size: 11px;
@@ -743,8 +723,8 @@
#messagelist tr td.attachment,
#messagelist tr td.flag
{
  width: 20px;
  padding: 0px 1px 1px 1px;
  width: 18px;
  padding: 0px 1px 1px 3px;
}

#messagelist tbody td span.branch,
@@ -756,27 +736,26 @@

#messagelist tbody td img.msgicon
{
  margin-right: 2px;
  margin: 0 2px;
}

#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,
#messagelist tbody tr td.subject a
#messagelist tbody tr td.flag
{
  cursor: pointer;
}

#messagelist tr td div.collapsed
{
  background: url(images/messageactions.png) 1px -91px no-repeat;
  background: url(images/messageactions.png) -1px -91px no-repeat;
}

#messagelist tr td div.expanded
{
  background: url(images/messageactions.png) 1px -109px no-repeat;
  background: url(images/messageactions.png) -1px -109px no-repeat;
}

#messagelist tbody tr td.flag img:hover,
@@ -788,6 +767,11 @@
#messagelist tbody tr td.subject
{
  width: 99%;
}

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

/* thread parent message with unread children */
@@ -901,31 +885,16 @@
}


.quota_text {
  text-align: center;
  font-size: 10px;
  color: #666;
  border: 1px solid #999;
  cursor: default;
}
.quota_bg { background-color: white; }
.quota_high { background-color: #F33131; }
.quota_mid { background-color: #F5AD3C; }
.quota_low { background-color: #91E164; }
.quota_text_high { color: white; }
.quota_text_mid { color: #666; }
.quota_text_low { color: #666; }
	  

/** message view styles */

#messageframe
{
  position: absolute;
  top: 0px;
  top: 0;
  left: 180px;
  right: 0px;
  bottom: 20px;
  right: 0;
  bottom: 0;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;
@@ -1151,13 +1120,6 @@
  white-space: nowrap;
}

#priority-selector,
#receipt-selector
{
  padding-left: 30px;
  white-space: nowrap;
}

#compose-container
{
  position: absolute;
@@ -1172,11 +1134,6 @@
{
  text-align: right;
  padding-top: 3px;
}

#editor-select
{
  float: left;
}

#compose-div
@@ -1203,7 +1160,7 @@
#compose-subject td.title
{
  width: 80px !important;
  color: #666666;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding-right: 10px;
@@ -1298,6 +1255,26 @@
  margin-top: 4px;
}

#editor-select
{
  float: left;
  white-space: nowrap;
  width: auto;
}

#editor-select label
{
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding-left: 20px;
}

#editor-select input
{
  width: auto !important;
}

td.show-headers
{
  background: url(images/icons/down_small.gif) no-repeat center;
@@ -1357,3 +1334,37 @@
  text-align: center;
  clear: both;
}

/** quota indicator */

#quota
{
  position: absolute;
  top: 3px;
  right: 8px;
  width: 100px;
}

#quotaimg
{
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 101;
}

.quota_text {
  text-align: center;
  font-size: 10px;
  color: #666;
  border: 1px solid #999;
  cursor: default;
}
.quota_bg { background-color: white; }
.quota_high { background-color: #F33131; }
.quota_mid { background-color: #F5AD3C; }
.quota_low { background-color: #91E164; }
.quota_text_high { color: white; }
.quota_text_mid { color: #666; }
.quota_text_low { color: #666; }