Unify default width of resizable UI elements (#1488837)

Aleksander Machniak

2014-06-30 a292e4f5244a709f239d997dbe0d58493cfb01da

 skins/larry/mail.css

@@ -14,7 +14,7 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 220px;
   width: 200px;
   bottom: 0;
   z-index: 2;
}
@@ -22,7 +22,7 @@
#mailview-right {
   position: absolute;
   top: 0;
   left: 232px;
   left: 212px;
   right: 0;
   bottom: 0;
   z-index: 3;
@@ -38,6 +38,9 @@
   left: 0;
   right: 0;
   bottom: 0px;
}

html.ie #mailview-top {
   overflow: visible; /* fixes display issues of fixed list header in IE */
}

@@ -92,6 +95,7 @@
   background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
   background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
   border-radius: 0 0 4px 4px;
   white-space: nowrap;
}

#messagelistfooter.rightalign {
@@ -312,11 +316,11 @@

#mailboxlist li.mailbox ul li a {
   padding-left: 52px;  /* 36 + 1 x 16 */
   background-position: 22px -93px;  /* 6 + 1 x 16 */
   background-position: 22px -95px;  /* 6 + 1 x 16 */
}
#mailboxlist li.mailbox ul li > a:focus,
#mailboxlist li.mailbox ul li.selected > a {
   background-position: 22px -117px;
   background-position: 22px -119px;
}
#mailboxlist li.mailbox ul li div.treetoggle {
   left: 33px;
@@ -325,11 +329,11 @@

#mailboxlist li.mailbox ul ul li.mailbox a {
   padding-left: 68px;  /* 2x */
   background-position: 38px -93px;
   background-position: 38px -95px;
}
#mailboxlist li.mailbox ul ul li > a:focus,
#mailboxlist li.mailbox ul ul li.selected > a {
   background-position: 38px -117px;
   background-position: 38px -119px;
}
#mailboxlist li.mailbox ul ul li div.treetoggle {
   left: 48px;
@@ -337,11 +341,11 @@

#mailboxlist li.mailbox ul ul ul li.mailbox a {
   padding-left: 84px;  /* 3x */
   background-position: 54px -93px;
   background-position: 54px -95px;
}
#mailboxlist li.mailbox ul ul ul li > a:focus,
#mailboxlist li.mailbox ul ul ul li.selected > a {
   background-position: 54px -117px;
   background-position: 54px -119px;
}
#mailboxlist li.mailbox ul ul ul li div.treetoggle {
   left: 64px;
@@ -349,11 +353,11 @@

#mailboxlist li.mailbox ul ul ul ul li.mailbox a {
   padding-left: 100px;  /* 4x */
   background-position: 70px -93px;
   background-position: 70px -95px;
}
#mailboxlist li.mailbox ul ul ul ul li > a:focus,
#mailboxlist li.mailbox ul ul ul ul li.selected > a {
   background-position: 70px -117px;
   background-position: 70px -119px;
}
#mailboxlist li.mailbox ul ul ul ul li div.treetoggle {
   left: 80px;
@@ -372,6 +376,7 @@
   top: 3px;
   right: 6px;
   min-width: 1.8em;
   line-height: 15px;
   padding: 2px 4px;
   background: #82acb5;
   background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%);
@@ -455,7 +460,7 @@
#mailpreviewtoggle {
   display: block;
   position: absolute;
   top: 6px;
   top: 7px;
   right: 4px;
   width: 20px;
   height: 18px;
@@ -487,7 +492,7 @@
.messagelist tr > .flag,
.messagelist tr > .priority {
   width: 20px;
   padding: 2px 3px;
   padding: 2px 3px !important;
}

.webkit .messagelist tr > .attachment,
@@ -506,8 +511,8 @@
   width: 30px;
}

.messagelist tr > .threads,
.messagelist tr > .threads + td {
.messagelist tr > .threads + td,
.messagelist tr > .threads + th {
   border-left: 0;
}

@@ -596,6 +601,8 @@
.messagelist tr > .priority span {
   display: block;
   width: 20px;
   text-indent: -5000px;
   overflow: hidden;
}

.messagelist tr td div.collapsed,
@@ -636,7 +643,7 @@
}

.messagelist thead tr th.attachment span.attachment {
   background-position: -24px -997px;
   background-position: -24px -996px;
}

.messagelist tbody tr td.attachment span.report {
@@ -644,7 +651,7 @@
}

.messagelist thead tr th.priority span.priority {
   background-position: -24px -1845px;
   background-position: -25px -1845px;
}

.messagelist tr td.priority span.prio5 {
@@ -668,7 +675,7 @@
}

.messagelist thead tr th.flag span.flagged {
   background-position: -22px -1036px;
   background-position: -22px -1037px;
}

.messagelist tr:hover td.status span.msgicon {
@@ -794,7 +801,7 @@

#messagecontframe {
   border: 0;
   border-radius: 4px 4px 0 0;
   border-radius: 4px;
}

#messagecontent {
@@ -843,7 +850,7 @@

h3.subject {
   font-size: 14px;
   margin: 0 12em 0 0;
   margin: 0 15em 0 0;
   padding: 8px 8px 4px 8px;
   white-space: nowrap;
   overflow: hidden;
@@ -1077,7 +1084,6 @@
}

#messageheader .pagenav .countdisplay {
   min-width: 0;
   padding-right: 0.5em;
   white-space: nowrap;
}
@@ -1143,16 +1149,11 @@
   border-top: 0;
}

div.message-part pre,
div.message-htmlpart pre,
div.message-part div.pre {
   margin: 0;
   padding: 0;
   font-family: monospace;
   font-size: 12px;
   white-space: -moz-pre-wrap !important;
   white-space: pre-wrap !important;
   white-space: pre;
}

div.message-part span.sig {
@@ -1164,8 +1165,10 @@
   border-left: 2px solid blue;
   border-right: 2px solid blue;
   background-color: #F6F6F6;
   margin: 2px 0 2px 0;
   padding: 1px 8px 1px 10px;
   margin: 2px 0;
   padding: 0 0.4em;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.message-part blockquote blockquote {
@@ -1294,14 +1297,14 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 250px;
   width: 200px;
   bottom: 0;
}

#composeview-right {
   position: absolute;
   top: 0;
   left: 262px;
   left: 212px;
   right: 0;
   bottom: 0;
}
@@ -1312,23 +1315,6 @@
   left: 0;
   width: 100%;
   bottom: 0;
}

#composequicksearch {
   position: relative;
   padding: 4px;
   background: #c7e3ef;
}

#composequicksearch .searchbox input {
   width: 100%;
   height: 26px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#composequicksearch #searchmenulink {
   width: 15px;
}

#compose-contacts #directorylist {
@@ -1402,34 +1388,16 @@
   background-position: 6px -1555px;
}

#contacts-table.focus tr.focused td.contactgroup {
   background-position: 4px -1555px;
}

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

#contacts-table.focus tr.selected.focused td.contactgroup {
   background-position: 4px -1579px;
}

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

#contacts-table.focus tr.focused td.contact {
   background-position: 4px -1603px;
}

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

#contacts-table.focus tr.selected.focused td.contact {
   background-position: 4px -1627px;
}

#compose-content {
@@ -1507,8 +1475,6 @@
.compose-headers td input {
   width: 100%;
   resize: none;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#compose-cc, #compose-bcc, #compose-replyto, #compose-followupto {
@@ -1636,16 +1602,13 @@
   padding-bottom: 8px;
}

.defaultSkin table.mceLayout,
.defaultSkin table.mceLayout tr.mceLast td {
#composebodycontainer .mce-tinymce {
   border: 0 !important;
   margin-top: 1px;
}

.defaultSkin td.mceToolbar {
   border: 0 !important;
}

.defaultSkin table.mceLayout tr.mceFirst td {
#composebodycontainer .mce-panel {
   border-color: #ccc !important;
   background: #f0f0f0;
}