Merge branch 'dev-accessibility'

Thomas Bruederli

2014-06-05 99cdca46b7bcc46fe6affd9e9f9f60a546b2e5b8

 skins/larry/styles.css

@@ -447,9 +447,14 @@
   cursor: default;
}

a.iconbutton.searchicon,
a.iconbutton.searchoptions {
   width: 24px;
   background-position: -2px -317px;
}

a.iconbutton.searchicon {
   width: 15px;
}

a.iconbutton.reset {
@@ -1131,23 +1136,26 @@
}

.boxtitle,
.uibox .listing thead th,
.uibox .listing thead td {
   font-size: 12px;
   font-weight: bold;
   padding: 10px 8px 3px 8px;
   height: 20px;  /* doesn't affect table-cells in FF */
   padding: 7px 8px 6px 8px;
   line-height: 20px;
   margin: 0;
   text-shadow: 0px 1px 1px #fff;
   border-bottom: 1px solid #bbd3da;
   white-space: nowrap;
}

.uibox .listing thead th,
.uibox .listing thead td {
   padding-bottom: 8px;
   height: auto;
}

.uibox .boxtitle,
.uibox .listing thead th,
.uibox .listing thead td {
   background: #b0ccd7;
   color: #004458;
@@ -1166,6 +1174,7 @@
}

.listbox .listitem a,
.listbox .listitem span,
.listbox .tablink a,
.listing tbody td,
.listing li a {
@@ -1174,27 +1183,49 @@
   text-shadow: 0px 1px 1px #fff;
   text-decoration: none;
   cursor: default;
   padding: 6px 8px 2px 8px;
   height: 17px; /* doesn't affect table-cells in FF */
   padding: 4px 8px;
   line-height: 17px;
   white-space: nowrap;
}

.listing tbody td {
   display: table-cell;
   padding-bottom: 5px;
   height: auto;
   min-height: 14px;
   outline: none;
}

.listing tbody td a {
   color: #376572;
   text-shadow: 0px 1px 1px #fff;
   text-decoration: none;
}

.webkit .listing tbody td {
   height: 14px;
}

/* This padding-left minus the focused padding left should be half of the focused border-left */
.listing thead tr td:first-child,
.listing tbody tr td:first-child {
   border-left: 2px solid transparent;
   padding-left: 6px;
}

.listing.iconized thead tr td:first-child,
.listing.iconized tbody tr td:first-child {
   padding-left: 34px;
}

/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
.listing.focus tbody tr.focused > td:first-child {
   border-left: 2px solid #739da8;
}

.listbox .listitem.selected,
.listbox .tablink.selected,
.listbox .listitem.selected > a,
.listbox .tablink.selected > a,
.listing tbody tr.unfocused td,
.listing tbody tr.selected td,
.listing li.selected,
.listing li.selected > a {
@@ -1261,7 +1292,10 @@
   text-overflow: ellipsis;
}

ul.treelist li a:focus {
ul.treelist li a:focus,
ul.listing .listitem a:focus,
ul.listing .listitem span:focus,
ul.listing.focus .listitem.focused span {
   color: #fff !important;
   background-color: rgba(73,180,210,0.6);
   text-shadow: 0px 1px 1px #666;
@@ -1480,6 +1514,7 @@
   border: 0;
}

.records-table thead th,
.records-table thead td {
   color: #69939e;
   font-size: 11px;
@@ -1494,13 +1529,17 @@
   padding: 8px 7px;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: left;
}

.records-table.sortheader thead th,
.records-table.sortheader thead td {
   padding: 0;
}

.records-table thead th a,
.records-table thead td a,
.records-table thead th span,
.records-table thead td span {
   display: block;
   padding: 7px 7px;
@@ -1510,6 +1549,7 @@
   text-overflow: ellipsis;
}

.records-table thead th a:focus,
.records-table thead td a:focus {
   color: #fff;
   background-color: rgba(73,180,210,0.7);
@@ -1526,27 +1566,28 @@
   overflow: hidden;
   text-overflow: ellipsis;
   background-color: #fff;
   outline: none;
}

/* This padding-left minus the focused padding left should be half of the focused border-left */
.records-table thead tr th:first-child,
.records-table thead tr td:first-child,
.records-table tbody tr td:first-child {
   border-left: 0;
   padding-left: 6px;
   border-left: 2px solid transparent;
   padding-left: 4px;
}

/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
.records-table.focus tbody tr.focused > td:first-child {
   border-left: 2px solid #b0ccd7;
   padding-left: 4px;
}

.records-table.focus tbody tr.selected.focused > td:first-child {
   border-left-color: #49b3d2;
   border-left: 2px solid #49b3d2;
}

.records-table tr.selected td {
   color: #fff !important;
   background-color: #4db0d2 !important;
}

.records-table.focus tr.selected td {
   background: #019bc6;
   background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
@@ -1557,16 +1598,6 @@

.records-table tr.selected td a,
.records-table tr.selected td span {
   color: #fff !important;
}

.records-table tr.unfocused td {
   color: #fff !important;
   background-color: #4db0d2 !important;
}

.records-table tr.unfocused td a,
.records-table tr.unfocused td span {
   color: #fff !important;
}

@@ -1907,6 +1938,7 @@
   font-size: 11px;
}

.searchbox .searchicon,
.searchbox #searchmenulink,
#quicksearchbar #searchmenulink {
   position: absolute;
@@ -1915,12 +1947,25 @@
}

.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
   position: absolute;
   top: 4px;
   right: 1px;
}

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

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

/*** toolbar ***/

@@ -2265,7 +2310,7 @@
   text-shadow: 0px 1px 1px #333;
   text-decoration: none;
   min-height: 14px;
   padding: 6px 10px 6px 10px;
   padding: 6px 16px 6px 10px;
}

.googie_list td span {
@@ -2566,6 +2611,11 @@
   margin-bottom: 1px;
}

.attachmentslist li.txt,
.attachmentslist li.text {
   background-position: 0 -416px;
}

.attachmentslist li.pdf {
   background-position: 0 -26px;
}
@@ -2625,11 +2675,6 @@
   background-position: 0 -338px;
}

.attachmentslist li.txt,
.attachmentslist li.text {
   background-position: 0 -416px;
}

.attachmentslist li.ics,
.attachmentslist li.calendar {
   background-position: 0 -364px;
@@ -2678,6 +2723,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 20px;
   outline: none;
}

.attachmentslist li a.drop {
@@ -2689,6 +2735,15 @@
   right: 0;
   top: 0;
   padding: 0;
   overflow: hidden;
   text-indent: -5000px;
   outline: none;
}

.attachmentslist li a:focus,
.attachmentslist li a.drop:focus {
   background-color: rgba(30,150,192, 0.5);
   border-radius: 2px;
}

#compose-attachments ul li {
@@ -2723,26 +2778,22 @@

/*** fieldset tabs ***/

.tabsbar {
   margin-bottom: 12px;
   padding-top: 15px;
   height: 27px;
   white-space: nowrap;
.tabbed.ui-tabs {
   padding: 0;
   border: 0 !important;
   background: none;
}

.boxcontent.tabbed.ui-tabs {
   padding: 10px;
}

.ui-tabs .tabsbar.ui-tabs-nav {
   margin-bottom: 10px;
}

.ui-dialog-content .tabsbar {
   margin-bottom: 0;
}

.tabsbar .tablink {
   padding: 15px 1px 15px 0;
   background: #f8f8f8;
   background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
   background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
   background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
   background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
   background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
}

.tabsbar .tablink:last-child {
@@ -2753,28 +2804,17 @@
   border-right: 0;
}

.tabsbar .tablink a {
   padding: 15px;
   color: #999;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
.ui-tabs .ui-tabs-nav li.tablink a {
   background: #fff;
   border-right: 1px solid #fafafa;
}

.tabsbar .tablink.selected a {
   color: #004458;
   background: #f6f6f6;
   background: -moz-linear-gradient(top, #fff 40%, #efefef 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#efefef));
   background: -o-linear-gradient(top, #fff 40%, #efefef 100%);
   background: -ms-linear-gradient(top, #fff 40%, #efefef 100%);
   background: linear-gradient(top, #fff 40%, #efefef 100%);
}

fieldset.tab {
.ui-tabs fieldset.ui-tabs-panel {
   border: 0;
   padding: 0;
   margin-left: 0;
   background: none;
}

#image-selector-form.droptarget {
   background: url(images/filedrop.png) center bottom no-repeat;
}