Make sure message popups show at least 2sec; adjust message list column sizes

thomascube

2012-01-15 e493c842a5d5915e95a22df9bc824ef786915cca

 skins/larry/mail.css

@@ -82,7 +82,8 @@
   display: inline-block;
}

#messagelistfooter #listcontrols {
#messagelistfooter #listcontrols,
#messagelistfooter #listselectors {
   display: inline-block;
   margin-right: 2em;
}
@@ -127,51 +128,51 @@
   background-position: 6px -21px;
}

#mailboxlist li.inbox > a {
#mailboxlist li.mailbox.inbox > a {
   background-position: 6px -189px;
}

#mailboxlist li.inbox.selected > a {
#mailboxlist li.mailbox.inbox.selected > a {
   background-position: 6px -213px;
}

#mailboxlist li.drafts > a {
#mailboxlist li.mailbox.drafts > a {
   background-position: 6px -238px;
}

#mailboxlist li.drafts.selected > a {
#mailboxlist li.mailbox.drafts.selected > a {
   background-position: 6px -262px;
}

#mailboxlist li.sent > a {
#mailboxlist li.mailbox.sent > a {
   background-position: 6px -286px;
}

#mailboxlist li.sent.selected > a {
#mailboxlist li.mailbox.sent.selected > a {
   background-position: 6px -310px;
}

#mailboxlist li.junk > a {
#mailboxlist li.mailbox.junk > a {
   background-position: 6px -334px;
}

#mailboxlist li.junk.selected > a {
#mailboxlist li.mailbox.junk.selected > a {
   background-position: 6px -358px;
}

#mailboxlist li.trash > a {
#mailboxlist li.mailbox.trash > a {
   background-position: 6px -382px;
}

#mailboxlist li.trash.selected > a {
#mailboxlist li.mailbox.trash.selected > a {
   background-position: 6px -406px;
}

#mailboxlist li.archive > a {
#mailboxlist li.mailbox.archive > a {
   background-position: 6px -1699px;
}

#mailboxlist li.archive.selected > a {
#mailboxlist li.mailbox.archive.selected > a {
   background-position: 6px -1723px;
}

@@ -203,7 +204,7 @@
#mailboxlist li.mailbox div.collapsed,
#mailboxlist li.mailbox div.expanded {
   position: absolute;
   top: 14px;
   top: 13px;
   left: 20px;
   width: 14px;
   height: 14px;
@@ -218,15 +219,15 @@
#mailboxlist li.mailbox ul li div.collapsed,
#mailboxlist li.mailbox ul li div.expanded {
   left: 45px;
   top: 15px;
   top: 14px;
}

#mailboxlist li.mailbox .unreadcount {
   position: absolute;
   top: 4px;
   top: 3px;
   right: 6px;
   width: 2.8em;
   padding: 2px;
   min-width: 1.8em;
   padding: 2px 4px;
   background: #82acb5;
   background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f));
@@ -307,7 +308,7 @@
#messagelist tr td.flag,
#messagelist tr td.priority {
   width: 20px;
   padding: 4px 3px;
   padding: 2px 3px;
}

.chrome #messagelist tr td.attachment,
@@ -342,15 +343,19 @@
#messagelist tr td.to,
#messagelist tr td.cc,
#messagelist tr td.replyto {
   width: 180px;
   width: 200px;
}

#messagelist tr td.date {
   width: 118px;
   width: 125px;
}

#messagelist tr.message {
/*   background-color: #fff; */
}

#messagelist tr.thread.expanded td {
   background-color: #ededed;
}

#messagelist tr.unread {
@@ -433,35 +438,26 @@
   background-position: -24px -997px;
}

/*
#messagelist tr td.attachment span.report {
   background-position: 0 -255px;
}

#messagelist tr td.priority span.priority {
   background-position: 0 -309px;
#messagelist tr td.priority {
   padding-right: 0;
}

#messagelist tr td.priority span.prio5 {
   background-position: 0 -358px;
   background-position: right -1905px;
}

#messagelist tr td.priority span.prio4 {
   background-position: 0 -340px;
}

#messagelist tr td.priority span.prio3 {
   background-position: 0 -324px;
   background-position: right -1885px;
}

#messagelist tr td.priority span.prio2 {
   background-position: 0 -309px;
   background-position: right -1865px;
}

#messagelist tr td.priority span.prio1 {
   background-position: 0 -290px;
   background-position: right -1845px;
}
*/

#messagelist tbody tr td.flag span.flagged {
   background-position: 0 -1036px;
}
@@ -663,6 +659,86 @@
   height: 13px;
}

#preview-allheaders {
   display: none;
}

#preview-shortheaders td.header-title {
   padding-right: 0;
}

#preview-shortheaders td.header {
   padding-right: 12px;
}

#messagepreviewheader .iconlink {
   text-indent: -1000px;
   padding: 1px 1px 1px 20px;
}

#messagepreviewheader .iconlink.add {
   background-position: -5px -359px;
}

#messagepreviewheader .iconlink.delete {
   background-position: -5px -339px;
}

#full-headers {
   position: relative;
   color: #666;
   text-align: center;
   background-color: #EBEBEB;
}

div.more-headers {
   cursor: pointer;
   height: 10px;
   background: url(images/buttons.png) center -1539px no-repeat;
}

div.hide-headers {
   background-position: center -1549px;
}

#all-headers {
   position: absolute;
   top: 11px;
   left: 10px;
   right: 10px;
   height: 180px;
   z-index: 500;
   border: 1px solid #bbb;
   border-top: 0;
   border-radius: 0 0 4px 4px;
   -webkit-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
   -moz-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
   box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
   background: #fff;
   background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(8px,#fff), color-stop(100%,#fff));
   background: -o-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
   background: -ms-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
   background: linear-gradient(top,  #f3f3f3 0%, #fff 8px, #fff 100%);
}

#all-headers .ui-resizable-s {
   bottom: -2px;
}

#headers-source {
   display: none;
   position: absolute;
   top: 8px;
   left: 0;
   right: 0;
   bottom: 8px;
   padding: 0 10px;
   overflow: auto;
   text-align: left;
   color: #333;
}

#messagepreviewheader {
   margin: 0 8px;
   padding-bottom: 8px;
@@ -729,8 +805,9 @@
   color: #960;
   border: 1px solid #ffdf0e;
   background-color: #fef893;
   background-position: 5px -24px;
   background-position: 5px -85px;
   padding: 6px 12px 4px 30px;
   white-space: normal;
}

#message-objects div a.button,
@@ -868,6 +945,15 @@
   border: 0;
}

#quotadisplay {
   left: 6px;
   font-size: 12px;
   font-weight: bold;
   text-shadow: 0px 1px 1px #fff;
   padding-left: 30px;
   height: 18px;
   background: url(images/quota.png) -100px 0 no-repeat;
}

/*** message composition ***/

@@ -894,6 +980,56 @@
   width: 100%;
   bottom: 0;
}

#compose-contacts #directorylist {
   border-bottom: 4px solid #c7e3ef;
}

#contacts-table {
   table-layout: fixed;
}

#contacts-table td {
   width: 100%;
}

#contacts-table td span {
   display: block;
}

#compose-contacts li a, #contacts-table td {
   background: url(images/listicons.png) -100px 0 no-repeat;
   overflow: hidden;
   padding-left: 36px;
   text-overflow: ellipsis;
}

#compose-contacts li.addressbook a {
   background-position: 6px -766px;
}

#compose-contacts li.addressbook.selected a {
   background-position: 6px -791px;
}

#contacts-table td.contactgroup {
   background-position: 6px -1555px;
}

#contacts-table tr.unfocused td.contactgroup,
#contacts-table tr.selected td.contactgroup {
   background-position: 6px -1579px;
}

#contacts-table td.contact {
   background-position: 6px -1603px;
}

#contacts-table tr.unfocused td.contact,
#contacts-table tr.selected td.contact {
   background-position: 6px -1627px;
}


#compose-content {
   position: absolute;
@@ -1100,5 +1236,12 @@
   border-bottom: 1px solid #ddd;
}

#uploadform a.iconlink {
   margin-left: 1em;
   text-indent: -1000px;
}

#uploadform form div {
   margin: 4px 0;
}