/* Auto-derived, read-only group name/description for typed groups: greyed so it reads as a locked field rather than an editable input that rejects typing. !important + background-image:none override the ExtJS theme's image-based input chrome. */ input.acs-group-readonly-field, textarea.acs-group-readonly-field { background-color: #f0f0f0 !important; background-image: none !important; color: #555555 !important; border-color: #d9d9d9; cursor: not-allowed; } /* Long derived typed-group names (e.g. "Organization: ") overflow the fixed-width group tree. Clip with an ellipsis instead of a horizontal scrollbar; the full name is available as a hover tooltip (qtip set server-side in load_groups and client-side on rename/retype). Scoped to #group-tree so other trees (permissions, effective perms) that share this stylesheet keep their default overflow behaviour. */ #group-tree .x-tree-node-anchor { overflow: hidden; text-overflow: ellipsis; } #group-tree .x-tree-node-anchor > span { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } /* The full name shows in a hover tooltip (Ext QuickTip). The QuickTip is a single global element rendered on , so it can't be reached by a #group-tree selector; without a width cap it grows to the longest name, and a long name with NO spaces (e.g. "Organization: ") has no break opportunity and overflows the tip box off-screen. Cap the tip width and let a single over-long token wrap with overflow-wrap:anywhere (this does NOT hyphenate/mangle normal multi-word tips - it only breaks a token that alone exceeds the width). Scoped to the User Admin page via the body.users-page class (the QuickTip renders under , which carries that class) so tooltips on other pages sharing this CSS bundle are untouched. */ .users-page .x-tip .x-tip-body { max-width: 360px; overflow-wrap: anywhere; } /* The group-details header packs "Group - " plus a "[Group ID N]" badge at the right. A long derived name must clip with an ellipsis and keep the id visible. Anchor the id badge to the HEADER (a fixed one-line box) so it stays top-right; the name span sits inline beside the icon and clips, leaving a right gutter for the badge. Scoped to the group form (cls set in create_form) so other panel headers are untouched. NB: the name span must be inline-block, not block - a block span drops onto its own line below the inline icon, which pushed the (span-anchored) id badge off the header. */ .group-details-form .x-panel-header { position: relative; } .group-details-form .x-panel-header-text { display: inline-block; vertical-align: middle; max-width: calc(100% - 140px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .group-details-form .group-id-badge { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .passwordInfo { margin-bottom: 1px; border-top: 1px !important; padding-bottom: 5px !important; } .passwordInfo div p { text-align: left; font-weight: normal !important; font-size: 16px !important; } .passwordInfoProfile div p { text-align: left; font-weight: normal !important; font-size: 12px !important; } #pwd_chg_form .passwordInfo , #pwd_chg_form .x-form-password-strengthMeter, #pwd_chg_form #reset_user_password_btn{ margin-left:auto !important; margin-right:auto !important; } .x-tree-node img.group_fldr, .x-tree-node-collapsed img.group_fldr{ background-image: url("/static/images/group_folder_close.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.group_fldr { background-image: url("/static/images/group_folder_open.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.taskcat_fldr, .x-tree-node-collapsed img.taskcat_fldr{ background-image: url("/static/images/taskcat_folder_close.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.taskcat_fldr { background-image: url("/static/images/taskcat_folder_open.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.group_node, .x-tree-node-collapsed img.group_node, .x-tree-node-expanded img.group_node{ background-image: url("/static/images/groups.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.user_node, .x-tree-node-collapsed img.user_node, .x-tree-node-expanded img.user_node{ background-image: url("/static/images/users.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.note_cfg, .x-tree-node-collapsed img.note_cfg, .x-tree-node-expanded img.note_cfg{ background-image: url("/static/images/note.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.track_cfg, .x-tree-node-collapsed img.note_cfg, .x-tree-node-expanded img.note_cfg{ background-image: url("/static/images/assign_defn.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.task_perm_cfg, .x-tree-node-collapsed img.task_perm_cfg, .x-tree-node-expanded img.perm_cfg{ background-image: url("/static/images/task_permission_s.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.task_pri_cfg, .x-tree-node-collapsed img.task_pri_cfg, .x-tree-node-expanded img.perm_cfg{ background-image: url("/static/images/task_priority_s.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.task_cat_cfg, .x-tree-node-collapsed img.task_cat_cfg, .x-tree-node-expanded img.cat_cfg{ background-image: url("/static/images/task_category_s.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.ss_cfg, .x-tree-node-collapsed img.ss_cfg, .x-tree-node-expanded img.ss_cfg{ background-image: url("/static/images/preview.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.userreg_cfg, .x-tree-node-collapsed img.userreg_cfg, .x-tree-node-expanded img.userreg_cfg{ background-image: url("/static/images/user_registration.png"); background-repeat: no-repeat; background-position: 0 0; } .user_exit{ background-image:url("/static/images/back.png") !important; background-position: 0 0 !important; } .group_img { background-image: url("/static/images/groups.png") !important; background-position: 0 0 !important; } .group_add_img { background-image: url("/static/images/group_add.png") !important; background-position: 0 0 !important; } .group_remove_img { background-image: url("/static/images/group_remove.png") !important; background-position: 0 0 !important; } .user_img { background-image: url("/static/images/users.png") !important; background-position: 0 0 !important; } .import_img { background-image:url("/static/images/ext/xls.png") !important; background-position: 0 0 !important; } .password_img { background-image:url("/static/images/key.png") !important; background-position: 0 0 !important; } .module_img { background-image:url("/static/images/options.png") !important; background-position: 0 0 !important; } /* tree node text colouring */ .node_heading * { font-weight:bold; color: #BA4743 !important;; } .node_heading_2 * { font-weight:bold; color: #004292 !important; } .node_heading_3 * { font-weight:bold; } /* various icons for branches on a tree */ .x-tree-node img.fldr_real, .x-tree-node-collapsed img.fldr_real, .x-tree-node img.fldr_link, .x-tree-node-collapsed img.fldr_link, .x-tree-node img.fldr_marker, .x-tree-node-collapsed img.fldr_marker, .x-tree-node img.fldr_user, .x-tree-node-collapsed img.fldr_user { background-image: url("/static/images/folder_close.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_real, .x-tree-node-expanded img.fldr_link, .x-tree-node-expanded img.fldr_marker, .x-tree-node-expanded img.fldr_user { background-image: url("/static/images/folder_open.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_user, .x-tree-node-collapsed img.fldr_user{ background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_user { background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_cat, .x-tree-node-collapsed img.fldr_cat{ background-image: url("/static/images/category.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_cat { background-image: url("/static/images/category.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_consolidated, .x-tree-node-collapsed img.fldr_consolidated{ background-image: url("/static/images/consolidated.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_consolidated { background-image: url("/static/images/consolidated.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_download, .x-tree-node-collapsed img.fldr_download{ background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_download { background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_workspace, .x-tree-node-collapsed img.fldr_workspace{ background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_workspace { background-image: url("/static/images/workspace.gif"); background-repeat: no-repeat; background-position: 0 0; } .book_img { background-image:url(/static/images/libraryswitcher.png) !important; background-position: -16px 0 !important; } .node_is_checked * { color:blue !important; } /* various force hidden icons for group tree */ .x-tree-node img.fldr_real_hidden, .x-tree-node-collapsed img.fldr_real_hidden, .x-tree-node img.fldr_link_hidden, .x-tree-node-collapsed img.fldr_link_hidden, .x-tree-node img.fldr_marker_hidden, .x-tree-node-collapsed img.fldr_marker_hidden { background-image: url("/static/images/folder_close_deny.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_real_hidden, .x-tree-node-expanded img.fldr_link_hidden, .x-tree-node-expanded img.fldr_marker_hidden { background-image: url("/static/images/folder_open_deny.png"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_cat_hidden, .x-tree-node-collapsed img.fldr_cat_hidden{ background-image: url("/static/images/category_deny.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_cat_hidden { background-image: url("/static/images/category_deny.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node img.fldr_consolidated_hidden, .x-tree-node-collapsed img.fldr_consolidated_hidden{ background-image: url("/static/images/consolidated_deny.gif"); background-repeat: no-repeat; background-position: 0 0; } .x-tree-node-expanded img.fldr_consolidated_hidden { background-image: url("/static/images/consolidated_deny.gif"); background-repeat: no-repeat; background-position: 0 0; } /* info styles */ .x-info-msg * { font:normal 12px ; } .x-info-msg ul li { font-style:italic; margin:8px 10px 8px 20px; } .x-info-msg ul { list-style: disc outside !important; } /* info styles */ .x-info-msg-normal { font:normal 12px !important; } .x-info-msg-normal * { font:normal 12px !important; } .x-info-msg-normal ul li { margin:8px 10px 8px 20px; } .x-info-msg-normal ul { list-style: disc outside !important; } /* btn images */ .user_add{ background-image: url("/static/images/add_existing_user.png") !important; background-repeat: no-repeat !important; background-position: 0 0 !important; } .user_remove{ background-image: url("/static/images/tb_delete.png") !important; background-repeat: no-repeat !important; background-position: 0 0 !important; } .user_edit{ background-image: url("/static/images/tb_edit.png") !important; background-repeat: no-repeat !important; background-position: 0 0 !important; } .user_add_new{ background-image:url("/static/images/tb_visible.png") !important; background-position: 0 0 !important; } .clear_grid_filter { background-image:url("/static/images/tb_clear_filter.png") !important; background-position: 0 0 !important; } .group_add{ background-image: url("/static/images/tb_add.png") !important; background-position: 0 0 !important; ; } .group_remove{ background-image: url("/static/images/tb_delete.png") !important; background-position: 0 0 !important; } .group_edit{ background-image: url("/static/images/tb_edit.png") !important; background-position: 0 0 !important; } .group_exit{ background-image: url("/static/images/cmd_exit.gif") !important; background-position: 0 0 !important; } .hide_fldr_img{ background-image: url("/static/images/folder_close_deny.png") !important; background-position: 0 0 !important; } .show_fldr_img{ background-image: url("/static/images/folder_close_allow.gif") !important; background-position: 0 0 !important; } .bulk_permissions{ background-image: url("/static/images/key.png") !important; background-position: 0 0 !important; } .transfer{ background-image: url("/static/images/notes.png") !important; background-position: 0 0 !important; } /* various panel styles */ .cb_cell { height:18px; text-align:center; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; } /* sign in btn styles */ .sign_in_btn { width:72px!important; height:18px!important; background-image: url(/static/images/signin.jpg) !important; background-position: 0 0 !important; } /* remove the default left,center and right images from the button border*/ .sign-in-icon .x-btn-left, .sign-in-icon .x-btn-right, .sign-in-icon .x-btn-center{ background: 0; } .wrapped_text25 ul { list-style-type: disc; list-style-image: url(bullet.gif); list-style-position: inside; margin:25px;padding:0; } .wrapped_text25 ol { list-style-type: decimal; list-style-position: inside; margin:25px;padding:0; } .grid_wrapped_text25 { /*overflow:auto;*/ overflow:hidden; height:32px; width:100%; white-space:normal !important; } .grid_wrapped_text25 ol { list-style-type: decimal; list-style-position: inside; margin:25px;padding:0; } .grid_wrapped_text25 ul { list-style-type: disc; list-style-image: url(bullet.gif); list-style-position: inside; margin:25px;padding:0; }