[Summary view] [Print] [Text view]

   1  /**************************************
   2  
   3  Structure of the other user role assignment panel
   4  
   5  .other-user-manager-panel(.visible)
   6      .oump-wrap
   7          .oump-header
   8          .oump-content
   9              .oump-ajax-content
  10                  .oump-search-results
  11                      .oump-total-users
  12                      .oump-users
  13                          .oump-user.clearfix(.odd|.even)(.enrolled)
  14                              .count
  15                              .oump-user-details
  16                                  .oump-user-picture
  17                                  .oump-user-specifics
  18                                      .oump-user-fullname
  19                                      .oump-user-extrafields
  20                                  .oump-role-options
  21                                      .label
  22                                      .oump-assignable-role
  23                      .oump-more-results
  24              .oump-loading-lightbox(.hidden)
  25                  .loading-icon
  26          .oump-footer
  27              .oump-search
  28                  input
  29  
  30  **************************************/
  31  
  32  .other-user-manager-panel {width:400px;background-color:#666;position:absolute;top:10%;left:10%;border:1px solid #666;border-width:0 5px 5px 0;}
  33  .other-user-manager-panel.hidden {display:none;}
  34  .other-user-manager-panel .oump-wrap {margin-top:-5px;margin-left:-5px;background-color:#FFF;border:1px solid #999;height:inherit;}
  35  
  36  .other-user-manager-panel .oump-header {background-color:#eee;padding:1px;}
  37  .other-user-manager-panel .oump-header h2 {margin:3px 1em 0.5em 1em;font-size:1em;}
  38  .other-user-manager-panel .oump-header .oump-panel-close {width:25px;height:15px;position:absolute;top:2px;right:1em;cursor:pointer;background:url("sprite.png") no-repeat scroll 0 0 transparent;}
  39  
  40  .other-user-manager-panel .oump-content {text-align:center;position:relative;width:100%;border-top:1px solid #999;border-bottom:1px solid #999;}
  41  .other-user-manager-panel .oump-ajax-content {height:375px;overflow:auto;}
  42  .other-user-manager-panel .oump-search-results .oump-total-users {background-color:#eee;padding:5px;border-bottom:1px solid #BBB;font-size:7pt;font-weight: bold;}
  43  
  44  .other-user-manager-panel .oump-search-results .oump-user {width:100%;text-align:left;font-size:9pt;background-color:#ddd;border-bottom:1px solid #aaa;}
  45  .other-user-manager-panel .oump-search-results .oump-user .oump-user-details {background-color:#fff;margin-left:25px;border-left:1px solid #bbb;}
  46  .other-user-manager-panel .oump-search-results .oump-user.odd .oump-user-details {background-color:#f9f9f9;}
  47  .other-user-manager-panel .oump-search-results .oump-user .count {width:20px;font-size:7pt;line-height:100%;text-align:right;float:left;padding:5px 5px 2px 2px}
  48  .other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-user-picture {display:inline-block;margin:3px;}
  49  .other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-user-specifics {width:250px;display:inline-block;margin:3px;vertical-align:top;}
  50  .other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-role-options {font-size:8pt;margin-top:2px;text-align:right;margin-right:2px;}
  51  .other-user-manager-panel .oump-search-results .oump-user .oump-user-details .oump-role-options .oump-assignable-role {display:inline-block;margin:0;padding:3px 4px;cursor:pointer;}
  52  .other-user-manager-panel .oump-search-results .oump-user.assignment-in-progress .oump-assignable-role {color:#666;cursor:default;}
  53  .other-user-manager-panel .oump-search-results .oump-more-results {background-color:#eee;padding:5px;cursor:pointer;}
  54  .other-user-manager-panel .oump-search-results .oump-user.oump-has-all-roles {background-color:#CCC;}
  55  .other-user-manager-panel .oump-search-results .oump-user.oump-has-all-roles .count {width:40px;}
  56  
  57  .other-user-manager-panel .oump-loading-lightbox {position:absolute;width:100%;height:100%;top:0;left:0;background-color:#FFF;min-width:50px;min-height:50px;}
  58  .other-user-manager-panel .oump-loading-lightbox.hidden {display:none;}
  59  .other-user-manager-panel .oump-loading-lightbox .loading-icon {margin:auto;vertical-align:middle;margin-top:125px;}
  60  
  61  .other-user-manager-panel .oump-footer {padding:3px;background-color:#ddd;}
  62  .other-user-manager-panel .oump-search {margin:3px;}
  63  .other-user-manager-panel .oump-search label {padding-right:8px;}
  64  .other-user-manager-panel .oump-search input {width:70%;}