[Summary view] [Print] [Text view]

   1  /**************************************
   2  
   3  Structure of the user enroller panel
   4  
   5  .user-enroller-panel(.visible)
   6      .uep-wrap
   7          .uep-header
   8          .uep-content
   9              .uep-ajax-content
  10                  .uep-search-results
  11                      .totalusers
  12                      .users
  13                          .user.clearfix(.odd|.even)(.enrolled)
  14                              .count
  15                              .picture
  16                              .details
  17                                  .fullname
  18                                  .extrafields
  19                              .options
  20                                  .enrol
  21                      .uep-more-results
  22              .uep-loading-lightbox(.hidden)
  23                  .loading-icon
  24          .uep-footer
  25              .uep-search
  26                  input
  27              .uep-searchoptions
  28                  .collapsibleheading
  29                  .collapsiblearea(.hidden)
  30                      .uep-enrolment-option
  31                          .role
  32                          .startdate
  33                          .duration
  34  
  35  **************************************/
  36  
  37  .user-enroller-panel {width:400px;background-color:#666;position:absolute;top:10%;left:10%;border:1px solid #666;border-width:0 5px 5px 0;}
  38  .user-enroller-panel.hidden {display:none;}
  39  .user-enroller-panel .uep-wrap {margin-top:-5px;margin-left:-5px;background-color:#FFF;border:1px solid #999;height:inherit;}
  40  
  41  .user-enroller-panel .uep-header {background-color:#eee;padding:1px;}
  42  .user-enroller-panel .uep-header h2 {margin:3px 1em 0.5em 1em;font-size:1em;}
  43  .user-enroller-panel .uep-header .close {width:25px;height:15px;position:absolute;top:2px;right:1em;cursor:pointer;background:url("sprite.png") no-repeat scroll 0 0 transparent;}
  44  
  45  .user-enroller-panel .uep-content {text-align:center;position:relative;width:100%;border-top:1px solid #999;border-bottom:1px solid #999;}
  46  .user-enroller-panel .uep-content .uep-controls {margin:0;padding:3px;background-color:#ddd;text-align:left;border-bottom:1px solid #BBB;}
  47  .user-enroller-panel .uep-content .uep-controls label {display: inline;padding-right:5px;}
  48  .user-enroller-panel .uep-content .uep-controls .uep-enrolment-option input {vertical-align:middle;margin-left:1em;}
  49  .user-enroller-panel .uep-ajax-content {height:375px;overflow:auto;}
  50  .user-enroller-panel .uep-search-results .totalusers {background-color:#eee;padding:5px;border-bottom:1px solid #BBB;font-size:7pt;font-weight: bold;}
  51  .user-enroller-panel .uep-search-results .user {width:100%;text-align:left;font-size:9pt;border-bottom:1px solid #ddd;border-top:1px solid #eee;}
  52  .user-enroller-panel .uep-search-results .user.odd {border-bottom:1px solid #ddd;border-top:1px solid #eee;background-color:#f9f9f9;}
  53  .user-enroller-panel .uep-search-results .user .count {width:20px;float:left;font-size:7pt;line-height:41px;border-right:1px solid #ddd;background-color:#EEE;text-align:right;padding:2px;}
  54  .user-enroller-panel .uep-search-results .user .picture {width:45px;float:left;margin:3px;}
  55  .user-enroller-panel .uep-search-results .user .details {width:250px;float:left;margin:3px;}
  56  .user-enroller-panel .uep-search-results .user .options {padding-right:7px;font-size:8pt;margin:3px;}
  57  .user-enroller-panel .uep-search-results .user .options .enrol {margin:3px;float:right;cursor:pointer;}
  58  .user-enroller-panel .uep-search-results .user.enrolled .count {width:40px;color:#eee;}
  59  .user-enroller-panel .uep-search-results .uep-more-results {background-color:#eee;padding:5px;border-top:1px solid #BBB;}
  60  
  61  .user-enroller-panel .uep-search-results .totalcohorts {background-color:#eee;padding:5px;border-bottom:1px solid #BBB;font-size:7pt;font-weight: bold;}
  62  .user-enroller-panel .uep-search-results .cohort {width:100%;text-align:left;font-size:9pt;border-bottom:1px solid #ddd;border-top:1px solid #eee;}
  63  .user-enroller-panel .uep-search-results .cohort .count {width:20px;float:left;font-size:7pt;line-height:27px;border-right:1px solid #ddd;background-color:#EEE;text-align:right;padding:2px;}
  64  .user-enroller-panel .uep-search-results .cohort .details {width:250px;float:left;margin:5px;}
  65  .user-enroller-panel .uep-search-results .cohort .options {padding-right:7px;font-size:8pt;margin:3px;}
  66  .user-enroller-panel .uep-search-results .cohort .options .enrol {margin:3px;float:right;cursor:pointer;}
  67  .user-enroller-panel .uep-search-results .cohort.enrolled .count {width:40px;color:#eee;}
  68  
  69  .user-enroller-panel .uep-loading-lightbox {position:absolute;width:100%;height:100%;top:0;left:0;background-color:#FFF;min-width:50px;min-height:50px;}
  70  .user-enroller-panel .uep-loading-lightbox.hidden {display:none;}
  71  .user-enroller-panel .uep-loading-lightbox .loading-icon {margin:auto;vertical-align:middle;margin-top:125px;}
  72  
  73  .user-enroller-panel .uep-footer {padding:3px;background-color:#ddd;text-align:center;}
  74  .user-enroller-panel .uep-search {margin:3px;}
  75  .user-enroller-panel .uep-search label {padding-right:8px;}
  76  .user-enroller-panel .uep-search input {width:50%; margin: 0 0 10px 5px}
  77  .user-enroller-panel .uep-search input.uep-search-btn {width:20%;}
  78  .user-enroller-panel .uep-searchoptions {margin:3px;cursor:pointer;}
  79  .user-enroller-panel .uep-controls select {margin-left:1em;margin-bottom:0;}
  80  .user-enroller-panel .collapsibleheading img {margin-right:8px;}
  81  .user-enroller-panel .collapsiblearea {border:1px solid #bbb;background-color:#f6f6f6;}
  82  .user-enroller-panel .collapsiblearea.hidden {display:none;}
  83  .user-enroller-panel .collapsiblearea .uep-enrolment-option {margin:5px 1em;}
  84  
  85  .dir-rtl .user-enroller-panel .uep-header .close {right: auto;left:1em;}
  86  .dir-rtl .user-enroller-panel .uep-search-results .user { text-align: right;}
  87  .dir-rtl .user-enroller-panel .uep-content .uep-controls { text-align: right;}
  88  .dir-rtl .user-enroller-panel .uep-search-results .cohort { text-align: right;}