diff options
Diffstat (limited to 'acl/skins')
-rw-r--r-- | acl/skins/classic/acl.css | 98 | ||||
-rw-r--r-- | acl/skins/classic/images/enabled.png | bin | 0 -> 674 bytes | |||
-rw-r--r-- | acl/skins/classic/images/partial.png | bin | 0 -> 389 bytes | |||
-rw-r--r-- | acl/skins/classic/templates/table.html | 46 | ||||
-rw-r--r-- | acl/skins/larry/acl.css | 124 | ||||
-rw-r--r-- | acl/skins/larry/images/enabled.png | bin | 0 -> 674 bytes | |||
-rw-r--r-- | acl/skins/larry/images/partial.png | bin | 0 -> 389 bytes | |||
-rw-r--r-- | acl/skins/larry/templates/table.html | 30 |
8 files changed, 298 insertions, 0 deletions
diff --git a/acl/skins/classic/acl.css b/acl/skins/classic/acl.css new file mode 100644 index 0000000..e95e3b3 --- /dev/null +++ b/acl/skins/classic/acl.css @@ -0,0 +1,98 @@ +#aclmanager +{ + position: relative; + border: 1px solid #999; + min-height: 302px; +} + +#aclcontainer +{ + overflow-x: auto; +} + +#acltable +{ + width: 100%; + border-collapse: collapse; + background-color: #F9F9F9; +} + +#acltable td +{ + width: 1%; + white-space: nowrap; +} + +#acltable thead td +{ + padding: 0 4px 0 2px; +} + +#acltable tbody td +{ + text-align: center; + padding: 2px; + border-bottom: 1px solid #999999; + cursor: default; +} + +#acltable tbody td.user +{ + width: 96%; + text-align: left; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +#acltable tbody td.partial +{ + background: url(images/partial.png) center no-repeat; +} + +#acltable tbody td.enabled +{ + background: url(images/enabled.png) center no-repeat; +} + +#acltable tr.selected td +{ + color: #FFFFFF; + background-color: #CC3333; +} + +#acltable tr.unfocused td +{ + color: #FFFFFF; + background-color: #929292; +} + +#acladvswitch +{ + position: absolute; + right: 4px; + text-align: right; + line-height: 22px; +} + +#acladvswitch input +{ + vertical-align: middle; +} + +#acladvswitch span +{ + display: block; +} + +#aclform +{ + display: none; +} + +#aclform div +{ + padding: 0; + text-align: center; + clear: both; +} diff --git a/acl/skins/classic/images/enabled.png b/acl/skins/classic/images/enabled.png Binary files differnew file mode 100644 index 0000000..98215f6 --- /dev/null +++ b/acl/skins/classic/images/enabled.png diff --git a/acl/skins/classic/images/partial.png b/acl/skins/classic/images/partial.png Binary files differnew file mode 100644 index 0000000..12023f0 --- /dev/null +++ b/acl/skins/classic/images/partial.png diff --git a/acl/skins/classic/templates/table.html b/acl/skins/classic/templates/table.html new file mode 100644 index 0000000..5c4d2d8 --- /dev/null +++ b/acl/skins/classic/templates/table.html @@ -0,0 +1,46 @@ +<!--[if lte IE 6]> + <style type="text/css"> + #aclmanager { height: expression(Math.min(302, parseInt(document.documentElement.clientHeight))+'px'); } + </style> +<![endif]--> + +<div id="aclmanager"> +<div id="aclcontainer" class="boxlistcontent" style="top:0"> + <roundcube:object name="acltable" id="acltable" class="records-table" /> +</div> +<div class="boxfooter"> + <roundcube:button command="acl-create" id="aclcreatelink" type="link" title="acl.newuser" class="buttonPas addgroup" classAct="button addgroup" content=" " /> + <roundcube:button name="aclmenulink" id="aclmenulink" type="link" title="acl.actions" class="button groupactions" onclick="show_aclmenu(); return false" content=" " /> +</div> +</div> + +<div id="aclmenu" class="popupmenu selectable"> + <ul> + <li><roundcube:button command="acl-edit" label="edit" classAct="active" /></li> + <li><roundcube:button command="acl-delete" label="delete" classAct="active" /></li> + <roundcube:if condition="!in_array('acl_advanced_mode', (array)config:dont_override)" /> + <li><roundcube:button name="acl-switch" id="acl-switch" label="acl.advanced" onclick="rcmail.command('acl-mode-switch')" class="active" /></li> + <roundcube:endif /> + </ul> +</div> + +<div id="aclform" style="position:absolute; width:480px; top:0; left:0; padding:10px"> + <fieldset class="thinbordered"><legend><roundcube:label name="acl.identifier" /></legend> + <roundcube:object name="acluser" class="toolbarmenu" id="acluser" size="35" /> + </fieldset> + <fieldset class="thinbordered"><legend><roundcube:label name="acl.myrights" /></legend> + <roundcube:object name="aclrights" class="toolbarmenu" /> + </fieldset> +</div> + +<script type="text/javascript"> +function show_aclmenu() +{ + if (!rcmail_ui) { + rcube_init_mail_ui(); + rcmail_ui.popups.aclmenu = {id:'aclmenu', above:1, obj: $('#aclmenu')}; + } + + rcmail_ui.show_popup('aclmenu'); +} +</script> diff --git a/acl/skins/larry/acl.css b/acl/skins/larry/acl.css new file mode 100644 index 0000000..bd72b3c --- /dev/null +++ b/acl/skins/larry/acl.css @@ -0,0 +1,124 @@ +#aclcontainer +{ + overflow-x: auto; + border: 1px solid #CCDDE4; + background-color: #D9ECF4; + height: 272px; + box-shadow: none; +} + +#acllist-content +{ + position: relative; + height: 230px; + background-color: white; +} + +#acllist-footer +{ + position: relative; +} + +#acltable +{ + width: 100%; + border-collapse: collapse; + border: none; +} + +#acltable th, +#acltable td +{ + white-space: nowrap; + text-align: center; +} + +#acltable thead tr th +{ + font-size: 11px; + font-weight: bold; +} + +#acltable tbody td +{ + text-align: center; + height: 16px; + cursor: default; +} + +#acltable thead tr > .user +{ + width: 30%; + border-left: none; +} + +#acltable.advanced thead tr > .user { + width: 25%; +} + +#acltable tbody td.user +{ + text-align: left; +} + +#acltable tbody td.partial +{ + background-image: url(images/partial.png); + background-position: center; + background-repeat: no-repeat; +} + +#acltable tbody td.enabled +{ + background-image: url(images/enabled.png); + background-position: center; + background-repeat: no-repeat; +} + +#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-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-image: url(images/enabled.png), linear-gradient(top, #019bc6 0%, #017cb4 100%); +} + +#aclform +{ + display: none; +} + +#aclform div +{ + padding: 0; + 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; +} diff --git a/acl/skins/larry/images/enabled.png b/acl/skins/larry/images/enabled.png Binary files differnew file mode 100644 index 0000000..98215f6 --- /dev/null +++ b/acl/skins/larry/images/enabled.png diff --git a/acl/skins/larry/images/partial.png b/acl/skins/larry/images/partial.png Binary files differnew file mode 100644 index 0000000..12023f0 --- /dev/null +++ b/acl/skins/larry/images/partial.png diff --git a/acl/skins/larry/templates/table.html b/acl/skins/larry/templates/table.html new file mode 100644 index 0000000..16a97df --- /dev/null +++ b/acl/skins/larry/templates/table.html @@ -0,0 +1,30 @@ +<div id="aclcontainer" class="uibox listbox"> +<div id="acllist-content" class="scroller withfooter"> + <h2 class="voice" id="aria-label-acltable"><roundcube:label name="acl.ariasummaryacltable" /></h2> + <roundcube:object name="acltable" id="acltable" class="records-table" aria-labelledby="aria-label-acltable" role="listbox" /> +</div> +<div id="acllist-footer" class="boxfooter"> + <roundcube:button command="acl-create" id="aclcreatelink" type="link" title="acl.newuser" class="listbutton add disabled" classAct="listbutton add" innerClass="inner" content="+" /><roundcube:button name="aclmenulink" id="aclmenulink" type="link" title="acl.actions" class="listbutton groupactions" onclick="return UI.toggle_popup('aclmenu', event)" innerClass="inner" content="⚙" aria-haspopup="true" aria-expanded="false" aria-owns="aclmenu-menu" /> +</div> +</div> + +<div id="aclmenu" class="popupmenu" aria-hidden="true" data-align="bottom"> + <h3 id="aria-label-aclactions" class="voice"><roundcube:label name="acl.arialabelaclactions" /></h3> + <ul id="aclmenu-menu" class="toolbarmenu selectable iconized" role="menu" aria-labelledby="aria-label-aclactions"> + <li role="menuitem"><roundcube:button command="acl-edit" label="edit" class="icon" classAct="icon active" innerclass="icon edit" /></li> + <li role="menuitem"><roundcube:button command="acl-delete" label="delete" class="icon" classAct="icon active" innerclass="icon delete" /></li> + <roundcube:if condition="!in_array('acl_advanced_mode', (array)config:dont_override)" /> + <li role="menuitem"><roundcube:button name="acl-switch" id="acl-switch" label="acl.advanced" onclick="rcmail.command('acl-mode-switch');return false" class="active" /></li> + <roundcube:endif /> + </ul> +</div> + +<div id="aclform" class="propform" style="position:absolute; width:480px; top:0; left:0; padding:8px" aria-labelledby="aria-label-aclform" aria-hidden="true" role="dialog"> + <h3 id="aria-label-aclform" class="voice"><roundcube:label name="acl.arialabelaclform" /></h3> + <fieldset class="thinbordered"><legend><roundcube:label name="acl.identifier" /></legend> + <roundcube:object name="acluser" id="acluser" size="35" class="proplist" /> + </fieldset> + <fieldset class="thinbordered"><legend><roundcube:label name="acl.myrights" /></legend> + <roundcube:object name="aclrights" class="proplist" /> + </fieldset> +</div> |