enrol MDL-22854 New ajaxified enrolment interface
[moodle.git] / enrol / yui / enrolmentmanager / assets / skins / sam / enrolmentmanager.css
1 /**************************************
3 Structure of the user enroller panel
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                                 .email
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
35 **************************************/
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;}
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;}
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-ajax-content {height:375px;overflow:auto;}
47 .user-enroller-panel .uep-search-results .totalusers {background-color:#eee;padding:5px;border-bottom:1px solid #BBB;font-size:7pt;font-weight: bold;}
48 .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;}
49 .user-enroller-panel .uep-search-results .user.odd {border-bottom:1px solid #ddd;border-top:1px solid #eee;background-color:#f9f9f9;}
50 .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;}
51 .user-enroller-panel .uep-search-results .user .picture {width:45px;float:left;margin:3px;}
52 .user-enroller-panel .uep-search-results .user .details {width:250px;float:left;margin:3px;}
53 .user-enroller-panel .uep-search-results .user .options {padding-right:7px;font-size:8pt;margin:3px;}
54 .user-enroller-panel .uep-search-results .user .options .enrol {margin:3px;float:right;border:1px outset #ddd;background-color:#EEE;padding:3px;-moz-border-radius:3px;cursor:pointer;}
55 .user-enroller-panel .uep-search-results .user.enrolled .count {width:40px;color:#eee;}
56 .user-enroller-panel .uep-search-results .uep-more-results {background-color:#eee;padding:5px;border-top:1px solid #BBB;}
58 .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;}
59 .user-enroller-panel .uep-loading-lightbox.hidden {display:none;}
60 .user-enroller-panel .uep-loading-lightbox .loading-icon {margin:auto;vertical-align:middle;margin-top:125px;}
62 .user-enroller-panel .uep-footer {padding:3px;background-color:#ddd;}
63 .user-enroller-panel .uep-search {margin:3px;}
64 .user-enroller-panel .uep-search label {padding-right:8px;}
65 .user-enroller-panel .uep-search input {width:70%;}
66 .user-enroller-panel .uep-searchoptions {margin:3px;cursor:pointer;}
67 .user-enroller-panel .uep-searchoptions select {margin-left:1em;}
68 .user-enroller-panel .collapsibleheading img {margin-right:8px;}
69 .user-enroller-panel .collapsiblearea {border:1px solid #bbb;background-color:#f6f6f6;}
70 .user-enroller-panel .collapsiblearea.hidden {display:none;}
71 .user-enroller-panel .collapsiblearea .uep-enrolment-option {margin:5px 1em;}