Improve HTML structure so toolbar and content are in separate containers. T...

Aleksander Machniak

2014-04-04 f8a9c2c59cda13e41f1295ce378885e29ad39780

 skins/larry/mail.css

@@ -34,10 +34,11 @@

#mailview-top {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0px;
   overflow: visible; /* fixes display issues of fixed list header in IE */
}

#mailview-bottom {
@@ -58,7 +59,7 @@
#mailboxcontainer,
#messagelistcontainer {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   width: 100%;
   bottom: 0;
@@ -201,6 +202,14 @@
   background-position: 6px -406px;
}

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

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

#mailboxlist li.mailbox.archive > a {
   background-position: 6px -1699px;
}
@@ -239,6 +248,14 @@

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

#mailboxlist li.mailbox ul li.trash.empty > a {
   background-position: 23px -1924px;
}

#mailboxlist li.mailbox ul li.trash.empty.selected > a {
   background-position: 23px -1948px;
}

#mailboxlist li.mailbox ul li.archive > a {
@@ -1049,20 +1066,20 @@
   margin: 8px;
}

#message-objects div.notice,
#message-buttons div.notice {
#message-objects div.notice {
   display: block;
   color: #960;
   border: 1px solid #ffdf0e;
   background-color: #fef893;
   background-position: 5px -83px;
   padding: 6px 12px 4px 30px;
   padding: 6px 12px 6px 30px;
   white-space: normal;
}

#message-objects div a.button,
#messagebody span.part-notice a.button {
   margin-left: 10px;
   margin-top: -1px;
}

div.message-part,
@@ -1186,7 +1203,7 @@

#messagepartcontainer {
   position: absolute;
   top: 42px;
   top: 0;
   left: 232px;
   right: 0;
   bottom: 0;
@@ -1200,7 +1217,7 @@

#messagepartheader {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   width: 220px;
   bottom: 0;
@@ -1242,7 +1259,7 @@

#compose-contacts {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   width: 100%;
   bottom: 0;
@@ -1345,7 +1362,7 @@

#compose-content {
   position: absolute;
   top: 42px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0px;
@@ -1435,7 +1452,6 @@
   -o-box-shadow: inset 0 1px 0 0 #fff;
   -webkit-box-shadow: inset 0 1px 0 0 #fff;
   -moz-box-shadow: inset 0 1px 0 0 #fff;

}

.composeoption {