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

thomascube

2012-01-15 e493c842a5d5915e95a22df9bc824ef786915cca

 skins/larry/mail.css

@@ -204,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;
@@ -219,12 +219,12 @@
#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;
   min-width: 1.8em;
   padding: 2px 4px;
@@ -308,7 +308,7 @@
#messagelist tr td.flag,
#messagelist tr td.priority {
   width: 20px;
   padding: 3px;
   padding: 2px 3px;
}

.chrome #messagelist tr td.attachment,
@@ -343,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 {
@@ -434,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;
}
@@ -664,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;
@@ -730,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,
@@ -904,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;
@@ -1110,5 +1236,12 @@
   border-bottom: 1px solid #ddd;
}

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

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