Unify default width of resizable UI elements (#1488837)

Aleksander Machniak

2014-06-30 a292e4f5244a709f239d997dbe0d58493cfb01da

 skins/larry/addressbook.css

@@ -14,7 +14,7 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 220px;
   width: 200px;
   bottom: 0;
   z-index: 2;
}
@@ -22,7 +22,7 @@
#addressview-right {
   position: absolute;
   top: 0;
   left: 232px;
   left: 212px;
   right: 0;
   bottom: 0;
   z-index: 3;
@@ -49,14 +49,14 @@
   position: absolute;
   top: 0;
   left: 0;
   width: 280px;
   width: 260px;
   bottom: 0;
}

#contacts-box {
   position: absolute;
   top: 0;
   left: 292px;
   left: 272px;
   right: 0;
   bottom: 0;
}
@@ -66,6 +66,7 @@
}

#directorylist li a,
.treelist li.contactsearch a,
#contacts-table .contact td.name {
   background-image: url(images/listicons.png);
   background-position: -100px 0;
@@ -78,42 +79,74 @@
   background-position: 6px -766px;
}

#directorylist ul li.addressbook a {
   background-position: 32px -766px;
}

#directorylist ul ul li.addressbook a {
   background-position: 58px -766px;
}

#directorylist li.addressbook.selected > a {
   background-color: transparent;
   background-position: 6px -791px;
}

#directorylist li.addressbook ul.groups li {
   width: 100%;
#directorylist ul li.addressbook.selected > a {
   background-position: 32px -791px;
}

#directorylist ul ul li.addressbook.selected > a {
   background-position: 58px -791px;
}

#directorylist li.contactgroup a {
   background-position: 6px -1555px;
}

#directorylist ul li.contactgroup a {
   background-position: 32px -1555px;
}

#directorylist ul ul li.contactgroup a {
   background-position: 58px -1555px;
}

#directorylist ul ul ul li.contactgroup a {
   background-position: 84px -1555px;
}

#directorylist li.contactgroup.selected a {
   background-position: 32px -1579px;
}

#directorylist ul ul li.contactgroup.selected a {
   background-position: 58px -1579px;
}

#directorylist ul ul ul li.contactgroup.selected a {
   background-position: 84px -1579px;
}

#directorylist li.contactgroup input {
   margin-left: 36px;
}

#directorylist li.contactsearch a {
.treelist li.contactsearch a {
   background-position: 6px -1651px;
}

#directorylist li.contactsearch.selected a {
.treelist li.contactsearch.selected a {
   background-position: 6px -1675px;
}

#directorylist li.contactsearch input {
.treelist li.contactsearch input {
   margin-left: 8px;
}

#directorylist li.addressbook div.collapsed,
#directorylist li.addressbook div.expanded {
   top: 15px;
   left: 20px;
}

#contacts-table .contact.readonly td {
@@ -139,32 +172,20 @@
}

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

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

#contacts-table .contact.selected td.name {
   background-position: 6px -1627px;
   background-position: 4px -1627px;
   font-weight: bold;
}

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

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

#contacts-table .group.focused td.name {
   background-position: 4px -1555px;
}

#contacts-table .group.selected td.name {
   background-position: 6px -1579px;
   background-position: 4px -1579px;
   font-weight: bold;
}

@@ -213,6 +234,8 @@
   float: left;
   margin: 0 18px 20px 0;
   width: 112px;
   border: 0;
   padding: 0;
}

#contactpic {
@@ -248,6 +271,10 @@
   opacity: 0.05;
}

#contactphoto .formlinks a[aria-disabled='true'] {
   visibility: hidden;
}

#contacthead {
   border: 0;
   margin: 0 16em 1em 0;
@@ -256,6 +283,10 @@
   font-size: 12px;
}

#contacthead > legend {
   display: none;
}

form #contacthead {
   margin-right: 0;
}