ACL: Improved UI accessibility

Aleksander Machniak

2014-06-10 62c45161c4efd101b940134b60bb73881746e5f5

 plugins/acl/skins/larry/acl.css

@@ -26,41 +26,39 @@
  border: none;
}

#acltable th,
#acltable td
{
  white-space: nowrap;
  border: none;
  text-align: center;
}

#acltable thead tr td
#acltable thead tr th
{
  border-left: #BBD3DA dotted 1px;
  font-size: 11px;
  font-weight: bold;
}

#acltable tbody td
{
  border-bottom: #DDDDDD 1px solid;
  text-align: center;
  padding: 2px;
  height: 16px;
  cursor: default;
}

#acltable thead td.user
#acltable thead tr > .user
{
  width: 30%;
  border-left: none;
}

#acltable.advanced thead tr > .user {
  width: 25%;
}

#acltable tbody td.user
{
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  border-left: none;
  width: 50px;
}

#acltable tbody td.partial
@@ -79,30 +77,27 @@

#acltable tbody tr.selected td.partial
{
  background-color: #019bc6;                                                                                                                                             
  background-image: url(images/partial.png), -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                 
  background-image: url(images/partial.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));                                                   
  background-image: url(images/partial.png), -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                   
  background-image: url(images/partial.png), -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                  
  background-color: #019bc6;
  background-image: url(images/partial.png), -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/partial.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
  background-image: url(images/partial.png), -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/partial.png), -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/partial.png), linear-gradient(top, #019bc6 0%, #017cb4 100%);
}

#acltable tbody tr.selected td.enabled
{
  background-color: #019bc6;                                                                                                                                             
  background-image: url(images/enabled.png), -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                 
  background-image: url(images/enabled.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));                                                   
  background-image: url(images/enabled.png), -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                   
  background-image: url(images/enabled.png), -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);                                                                                                  
  background-color: #019bc6;
  background-image: url(images/enabled.png), -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/enabled.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
  background-image: url(images/enabled.png), -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/enabled.png), -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  background-image: url(images/enabled.png), linear-gradient(top, #019bc6 0%, #017cb4 100%);
}

#aclform
{
  top: 80px;
  width: 480px;
  padding: 10px;
  background-color: white;
  display: none;
}

#aclform div
@@ -111,3 +106,19 @@
  text-align: center;
  clear: both;
}

#aclform ul
{
  list-style: none;
  margin: 0.2em;
  padding: 0;
}

#aclform ul li label
{
  margin-left: 0.5em;
}

ul.toolbarmenu li span.delete {
  background-position: 0 -1509px;
}