MDL-52371 theme_base: activity chooser - support long names
[moodle.git] / theme / base / style / core.css
1 /**
2  * Required to undo YUI resets that override input size, margin, etc.
3  */
4 input[type=text],input[type=password],textarea{width:auto;}
5 input[type=checkbox],input[type=radio]{margin-right: 7px;}
7 /* Fix for YUI overriding styles */
8 strong{font-style:inherit;}em{font-weight:inherit;}
10 /**
11  * General
12  */
13 th,
14 td,
15 a img {border-width:0;}
16 acronym,
17 abbr {cursor: help;}
18 .dir-ltr,
19 .mdl-left,
20 .dir-rtl .mdl-right {text-align: left;}
21 .dir-rtl,
22 .mdl-right,
23 .dir-rtl .mdl-left {text-align: right;}
24 #add,
25 #remove,
26 .centerpara,
27 .mdl-align {text-align: center;}
28 a.dimmed,
29 a.dimmed:link,
30 a.dimmed:visited,
31 a.dimmed_text,
32 a.dimmed_text:link,
33 a.dimmed_text:visited,
34 .dimmed_text,
35 .dimmed_text a,
36 .dimmed_text a:link,
37 .dimmed_text a:visited,
38 .usersuspended,
39 .usersuspended a,
40 .usersuspended a:link,
41 .usersuspended a:visited,
42 .dimmed_category,
43 .dimmed_category a,
44 .dimmed_category a:link,
45 .dimmed_category a:visited {
46     color: #AAA;
47 }
48 .activity.label .dimmed_text {
49     opacity: 0.5;
50     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
51     filter: alpha(opacity=50);
52 }
53 .unlist,
54 .unlist li,
55 .inline-list,
56 .inline-list li,
57 .block .list,
58 .block .list li,
59 .sitetopic .section li.activity,
60 .course-content .section li.activity,
61 .sitetopic .section li.movehere,
62 .course-content .section li.movehere {
63     list-style: none;
64     margin: 0;
65     padding: 0;
66 }
67 .course-content .current {background:#E3E3E3;}
69 .inline,
70 .inline-list li {display: inline;}
71 .notifytiny {font-size:0.7em;}
72 .notifytiny li,
73 .notifytiny td {font-size:100%;}
74 .red,
75 .notifyproblem {color:#660000;}
76 .green,
77 .notifysuccess {color:#006600;}
78 .reportlink {text-align:right;}
79 a.autolink.glossary:hover {cursor: help;}
80 /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
81 .collapsibleregioncaption {white-space: nowrap;}
82 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
83     cursor: pointer;
84 }
85 .collapsibleregioncaption img {vertical-align: middle;}
86 .jsenabled .hiddenifjs {display: none;}
87 .visibleifjs {display: none;}
88 .jsenabled .visibleifjs {display: inline;}
89 .jsenabled .collapsibleregion {overflow:hidden;}
90 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
91 .yui-overlay .yui-widget-bd {background-color:#FFEE69;border:1px solid #A6982B;border-top-color: #D4C237;color:#000000;left:0;padding:2px 5px;position:relative;top:0;z-index:1;}
92 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
93 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
94 .bold,
95 .warning,
96 .errorbox .title,
97 .pagingbar .title,
98 .pagingbar .thispage,
99 #site-news-forum h2,
100 #frontpage-course-list h2,
101 #frontpage-category-names h2,
102 #frontpage-category-combo h2 {font-weight: bold;}
103 img.resize {height: 1em;width: 1em;}
104 .block img.resize,
105 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
107 /* Icon styles */
108 img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
109 .dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
110 img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;}
111 img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
112 .dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
113 img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
114 img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
115 .dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
116 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
117 img.iconkbhelp {height:17px;width:49px;}
118 img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
119 img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
121 .generalbox {border:1px solid;}
122 .boxaligncenter {margin-left:auto;margin-right:auto;}
123 .boxalignright {margin-left:auto;margin-right:0;}
124 .boxalignleft {margin-left:0;margin-right:auto;}
125 .boxwidthnarrow {width: 30%;}
126 .boxwidthnormal {width: 50%;}
127 .boxwidthwide {width: 80%;}
128 .buttons .singlebutton,
129 .buttons .singlebutton form,
130 .buttons .singlebutton div {display: inline;}
131 .buttons .singlebutton input {margin:20px 5px;}
132 .headermain {font-weight:bold;}
133 #maincontent {display: block;height: 1px;overflow: hidden;}
134 img.uihint {cursor: help;}
135 #addmembersform table {margin-left: auto;margin-right: auto;}
136 .formtable tbody th,
137 .generaltable th.header {vertical-align: top;}
138 .cell {vertical-align: top;}
139 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
140 form.popupform,
141 form.popupform div {display: inline;}
142 .arrow_button input {overflow:hidden;}
143 .action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;}
144 .dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;}
145 h1 img.icon,
146 h1 img.iconhelp,
147 h2 img.icon,
148 h2 img.iconhelp,
149 h3 img.icon,
150 h3 img.iconhelp,
151 h4 img.icon,
152 h4 img.iconhelp,
153 h5 img.icon,
154 h5 img.iconhelp,
155 h6 img.icon,
156 h6 img.iconhelp {
157     vertical-align: middle;
158     padding: 4px;
161 /** Table caption support */
162 table caption {
163     font-size: 24px;
164     font-weight: bold;
165     line-height: 42px;
166     text-align: left;
168 .dir-rtl table caption {
169     text-align: right;
172 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
173 .no-overflow {overflow:auto;padding-bottom:1px;}
174 .pagelayout-report .no-overflow {overflow:visible;}
175 .no-overflow > .generaltable {margin-bottom:0;}
176 .ie6 .no-overflow {width:100%;}
178 /** IE6 float + background bug solution **/
179 .ie6 li.section {line-height:1.2em;width:100%;}
181 /**
182  * Accessibility features
183  */
184 /*Accessibility: text 'seen' by screen readers but not visual users. */
185 .accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
186 .dir-rtl .accesshide {top:-30000px;left:auto;}
187 span.hide,
188 div.hide {display:none;}
189 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
190 /*Accessibility: Skip block link, for keyboard-only users. */
191 a.skip-block,
192 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
193 a.skip-block:focus,
194 a.skip-block:active,
195 a.skip:focus,
196 a.skip:active {position: static;display: block;}
197 .skip-block-to {display: block;height: 1px;overflow: hidden;}
198 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
199 .arrow,
200 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
202 /**
203  * Header
204  */
205 .headermain {float:left;margin:15px;font-size:2.3em;}
206 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
207 #course-header {clear:both;}
209 /**
210  * User menu
211  */
212 .usermenu {
215 .usermenu .moodle-actionmenu {  }
216 .usermenu .moodle-actionmenu .toggle-display {
217     display: block;
218     opacity: 1;
219     height: 40px;
220     line-height: 40px;
221     padding: 6px;
222     color: inherit;
224 .usermenu .moodle-actionmenu .toggle-display .userbutton {
225     height: 40px;
226     line-height: 40px;
228 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
229     display: inline-block;
230     height: 36px;
231     width: 36px;
232     vertical-align: middle;
233     margin-right: 6px;
234     margin-left: 6px;
236 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
237 .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
238     display: block;
240 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
241     display: inline-block;
242     vertical-align: middle;
243     font-size: 14px;
244     line-height: 1em;
245     color: #777;
247 .usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext {
248     color: #000;
250 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
251 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
252     display: block;
253     font-size: 12px;
255 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
256 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
257     font-weight: bold;
259 .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
260     font-weight: bold;
262 /* Hide caret when JS is disabled. */
263 .usermenu .moodle-actionmenu .toggle-display .caret {
264     display: none;
266 /* A little bit of visual feedback for the action menu when Javascript is disabled. */
267 .usermenu .moodle-actionmenu .menu .menu-action.icon img {
268     border-radius: 0;
269     background: transparent;
270     box-shadow: none;
272 .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
273     background: #fff;
274     border-radius: 2px;
275     box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
277 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
278 .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
279     border-radius: 0;
280     background: transparent;
281     box-shadow: none;
283 .userloggedinas .usermenu .userbutton .avatars .avatar {
284     overflow: hidden;
286 .userloggedinas .usermenu .userbutton .avatars .avatar img {
287     width: inherit;
288     height: inherit;
290 .userloggedinas .usermenu .userbutton .avatars .avatar.current {
291     position: relative;
292     top: 4px;
293     left: 4px;
294     width: 20px;
295     height: 20px;
296     margin-top: 11px;
297     margin-bottom: -34px;
298     border: 1px solid #fff;
299     border-radius: 50%;
300     box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
303 .jsenabled .usermenu .moodle-actionmenu .toggle-display {
304     display: block;
306 .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
307     display: inline-block;
308     position: relative;
309     top: 9px;
311 .jsenabled .usermenu .moodle-actionmenu > .menubar {
312     display: block;
313     margin: 0px 0px 2px 0px;
315 .jsenabled .usermenu .moodle-actionmenu > .menu {
316     min-width: 160px;
317     font-size: 14px;
319 .jsenabled .usermenu .moodle-actionmenu > .menu .filler {
320     display: block;
321     height: 1px;
322     margin: 9px 1px;
323     overflow: hidden;
324     background-color: #e5e5e5;
325     border-bottom: 1px solid #fff;
327 .jsenabled .usermenu .moodle-actionmenu.show .menu {
328     padding: 5px 0;
329     margin: 2px 0 0;
330     background-clip: padding-box;
332 .jsenabled .usermenu .moodle-actionmenu.show .menu:before {
333     content: '';
334     display: inline-block;
335     border-left:   7px solid transparent;
336     border-right:  7px solid transparent;
337     border-bottom: 7px solid #ccc;
338     border-bottom-color: rgba(0,0,0,.2);
339     position: absolute;
340     top: -7px;
342 .jsenabled .usermenu .moodle-actionmenu.show .menu:after {
343     content: '';
344     display: inline-block;
345     border-left:   6px solid transparent;
346     border-right:  6px solid transparent;
347     border-bottom: 6px solid #fff;
348     position: absolute;
349     top: -6px;
351 .jsenabled .usermenu .moodle-actionmenu.show .menu li a {
352     white-space: nowrap;
353     border-radius: 0;
355 .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus,
356 .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
357     text-decoration: none;
360 .dir-ltr .usermenu {
361     float: right;
363 .dir-ltr .usermenu > .moodle-actionmenu > .menu:before {
364     right: 9px;
366 .dir-ltr .usermenu > .moodle-actionmenu > .menu:after {
367     right: 10px;
369 .dir-ltr .usermenu > .moodle-actionmenu > .menubar li a {
370     text-align: right;
372 .dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current {
373     left: 16px;
376 .dir-rtl .usermenu {
377     float: left;
379 .dir-rtl .usermenu > .moodle-actionmenu > .menu {
380     margin-right: 0px;
382 .dir-rtl .usermenu > .moodle-actionmenu > .menu:before {
383     left: 9px;
385 .dir-rtl .usermenu > .moodle-actionmenu > .menu:after {
386     left: 10px;
388 .dir-rtl .usermenu > .moodle-actionmenu > .menubar li a {
389     text-align: left;
391 .dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current {
392     left: -14px;
395 /**
396  * Navbar
397  */
398 .navbar {clear:both;overflow:hidden;}
399 .ie6 .navbar {overflow:hidden;height:100%;}
400 .breadcrumb {float:left;}
401 .navbutton {text-align:right;}
402 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
403 .navbutton {float: right;}
404 .navbutton .singlebutton {margin-left: 4px}
405 .breadcrumb li,
406 .navbutton div,
407 .navbutton form {display:inline;}
409 /**
410  * Footer
411  */
412 #page-footer {text-align:center;font-size:0.9em;}
413 #page-footer .homelink {margin: 1em 0;}
414 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
415 #page-footer .logininfo,
416 #page-footer .sitelink,
417 #page-footer .helplink {margin:0px 10px;}
418 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
419 #page-footer .performanceinfo span {display:block;}
420 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
421 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
422 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
424 #page-footer .performanceinfo .cachesused {margin-top:1em;}
425 #page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;}
426 #page-footer .performanceinfo .cachesused .cache-definition-stats {margin:0.3em;padding:0px;border:1px solid #999;display:inline-block;vertical-align:top;min-height:4em;color:#000;background-color:#eee;}
427 #page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;}
428 #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;}
429 #page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;}
430 #page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;}
431 #page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;}
432 #page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;}
433 #page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;}
435 #course-footer {clear:both;}
437 /**
438  * Tabs
439  */
440 .tabtree {position:relative;margin-bottom:3.5em;}
441 .tabtree li {display:inline;}
442 .tabtree ul {margin:5px;}
443 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
444 .tabtree ul li.here .empty {display:none;}
446 /**
447  * Mforms
448  */
449 .mform fieldset {border:1px solid;}
450 .mform fieldset fieldset {border-width:0;}
451 .mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
452 .mform fieldset div {margin:10px;margin-top:0;}
453 .mform fieldset div div {margin:0;}
454 .mform fieldset .advancedbutton {text-align:right;}
455 .mform fieldset.hidden {border-width:0;}
456 .mform fieldset.group {margin-bottom: 0}
457 .mform fieldset.error {border: 1px solid #A00;}
458 .collapsible-actions {display: none;}
459 .jsenabled .collapsible-actions {text-align: right; display: block;}
460 .dir-rtl .collapsible-actions {text-align: left;}
461 .collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;}
462 .dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;}
463 .collapse-all,
464 .dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);}
465 .mform fieldset legend {padding: 0 0.35em;}
466 .mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;}
467 .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);}
468 .jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;}
469 .jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
470 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
471 .jsenabled .mform .containsadvancedelements .advanced {display: none;}
472 .mform .containsadvancedelements .advanced.show {display: block;}
473 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
474 .dir-rtl .mform .fitem .fitemtitle {text-align:left;}
475 .mform .fitem .fitemtitle div {display: inline;}
476 .mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
477 .mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
478 #adminsettings span.error,
479 .mform .error,
480 .mform .required {color:#A00;}
481 #adminsettings span.error,
482 .mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
483 .mform .required .fgroup span label {color:#000;}
484 .mform .fdescription.required {color:#A00;text-align:right;}
485 .dir-rtl .mform .fdescription.required {text-align:left;}
486 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
487 .mform .ftextarea #id_alltext {width: 100%;}
488 .mform .fstaticlabel {font-weight:bold;}
489 .mform ul.file-list {padding:0;margin:0;list-style:none;}
490 .mform label { display: inline-block; }
491 .mform .iconhelp { margin-left: 4px; }
492 .dir-rtl .mform .iconhelp { margin-right: 4px; }
493 .mform label .req,
494 .mform label .adv {cursor: help;}
495 .mform .fcheckbox input {margin-left: 0;}
496 .mform .fcheckbox label,
497 .mform .fduration label,
498 .mform .fitem fieldset.fgroup label,
499 .mform .fradio label,
500 .mform fieldset.fdate_selector label,
501 .mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;}
502 .dir-rtl .mform .fcheckbox label,
503 .dir-rtl .mform .fduration label,
504 .dir-rtl .mform .fitem fieldset.fgroup label,
505 .dir-rtl .mform .fradio label,
506 .dir-rtl .mform fieldset.fdate_selector label,
507 .dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;}
508 .mform .ftags label.accesshide {display: block;position: static;}
509 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
510 .mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;}
511 .dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; }
512 .mform .moreless-less {background-image: url([[pix:t/less]]);}
513 .mform .helplink img { margin: 0 0 0 .45em; padding: 0;}
514 .dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;}
515 .mform legend .helplink img { margin-right: .2em; }
516 .dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; }
517 .urlselect label,
518 .singleselect label { margin-right: .3em; }
519 .dir-rtl .urlselect label,
520 .dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
522 .dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;}
523 .dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;}
524 .dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); }
525 .dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; }
526 .dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
528 .mform .btn-cancel, .mform .btn-cancel:active, .mform .btn-cancel[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-left: .5em;}
529 .mform .btn-cancel { border-color: transparent; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; }
530 .mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; }
531 .mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; }
533 input#id_externalurl {direction:ltr;}
534 #portfolio-add-button {display:inline;}
536 /**
537  * Show the labels above text editors and file managers except on wide screens.
538  */
539 #region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
540     font-weight: bold;
542 @media (max-width: 1199px) {
543     #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
544         display: block;
545         margin-top: 4px;
546         margin-bottom: 4px;
547         text-align: left;
548         width: 100%;
549     }
550     #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
551         display: inline-block;
552         width: auto;
553         margin-right: 8px;
554     }
555     .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
556         margin-right: 0px;
557         margin-left: 8px;
558     }
559     .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
560         text-align: right;
561     }
563     #region-main .mform:not(.unresponsive) .fitem .felement {
564         margin-left: 0;
565         width: 100%;
566         float: left;
567         margin-bottom: 6px;
568         padding-left: 0;
569         padding-right: 0;
570     }
571     #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
572         display: none;
573     }
574     #region-main .mform:not(.unresponsive) .femptylabel .felement {
575         display: inline-block;
576         margin-top: 4px;
577         width: auto;
578     }
579     .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement {
580         margin-right: 0;
581         float: right;
582         padding-right: 0;
583         padding-left: 0;
584     }
585     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
586     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
587         display: inline-block;
588         width: auto;
589     }
590     .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
591         float: right;
592     }
593     #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
594         padding: 6px;
595     }
598 /**
599  * phpinfo styles
600  */
601 .phpinfo .center {text-align: center;}
602 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
603 .phpinfo .center th {text-align: center;}
604 .phpinfo .e,
605 .phpinfo .v,
606 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
607 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
608 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
610 /**
611  * Blogs
612  */
613 .addbloglink {text-align: center;}
614 .blog_entry .audience {text-align: right;padding-right: 4px;}
615 .blog_entry .tags {margin-top: 15px;}
616 .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
617 .blog_entry .content {margin-left: 43px;}
619 /**
620  * Group
621  */
622 #page-group-index #groupeditform {text-align: center;}
623 #doc-contents h1 {margin: 1em 0 0 0;}
624 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
625 #doc-contents ul li {list-style-type: none;}
626 .groupmanagementtable td {vertical-align: top;}
627 .groupmanagementtable #existingcell,
628 .groupmanagementtable #potentialcell {width: 42%;}
629 .groupmanagementtable #buttonscell {width: 16%;}
630 .groupmanagementtable #buttonscell input {width: 80%;}
631 .groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;}
632 .groupmanagementtable #removeselect_wrapper,
633 .groupmanagementtable #addselect_wrapper {width: 100%;}
634 .groupmanagementtable #removeselect_wrapper label,
635 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
636 .dir-rtl .groupmanagementtable p {text-align: right;}
637 #group-usersummary {width: 14em;}
638 .groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;}
640 /**
641  * Login
642  */
643 .loginbox {margin:15px;overflow:visible;}
644 .loginbox.twocolumns {margin:15px;}
645 .loginbox h2,
646 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
647 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
648 .loginbox .signuppanel .subcontent {text-align:left;}
649 .dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
650 .loginbox .loginsub {margin-left:0;margin-right:0;}
651 .loginbox .guestsub,
652 .loginbox .forgotsub,
653 .loginbox .potentialidps {margin:5px 12%;}
654 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
655 .loginbox .potentialidps .potentialidplist div {text-align:left;}
656 .loginbox .loginform {margin-top:1em;text-align:left;}
657 .loginbox .loginform .form-label {float:left;text-align:right;width:49%;white-space:nowrap;}
658 .loginbox .loginform .form-input {float:right;width:50%;}
659 .dir-rtl .loginbox .loginform .form-input {margin-right: 1%;}
660 .loginbox .loginform .form-input input {width: 6em;}
661 .loginbox .signupform {margin-top:1em;text-align:center;}
662 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
663 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
664 .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
665 .dir-rtl .loginbox.twocolumns .loginpanel, .dir-rtl.loginbox.twocolumns .signuppanel {float:right;}
667 /**
668  * Notes
669  */
670 .notepost {margin-bottom: 1em;}
671 .notepost .userpicture {float: left;margin-right: 5px;}
672 .notepost .content,
673 .notepost .footer {clear: both;}
674 .notesgroup {margin-left:20px;}
676 /**
677  * My Moodle
678  */
679 .path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
680 .path-my .coursebox .info {float: none; margin: 0;}
682 /**
683  * Logs
684  */
685 .logtable th {text-align:left;}
687 /**
688  * Modules
689  */
690 .mod_introbox {border:1px solid;padding:10px;}
691 table.mod_index {width:100%;}
693 /**
694  * Comments
695  */
696 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
697 .comment-ctrl h5 {margin:0;padding: 5px;}
698 .comment-area {max-width: 400px;padding: 5px;}
699 .comment-area textarea {width:100%;overflow:auto;}
700 .comment-area textarea.fullwidth {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
701 .comment-area .fd {text-align:right;}
702 .comment-meta span {color:gray;}
703 .comment-link img { vertical-align: text-bottom; }
704 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
705 .comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
706 .comment-list li.first {display:none}
707 .comment-paging{text-align:center;}
708 .comment-paging .pageno{padding:2px;}
709 .comment-paging .curpage{border:1px solid #CCC;}
710 .comment-message .picture {width: 20px;float:left;}
711 .dir-rtl .comment-message .picture {float:right;}
712 .comment-message .text {margin:0;padding:0;}
713 .comment-message .text p {padding:0;margin:0 18px 0 0;}
714 .comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
715 .dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
716 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
717 .comment-container {float:left;margin: 4px;}
718 .comment-report-selectall{display:none}
719 .comment-link {display:none}
720 .jsenabled .comment-link {display:block}
721 .jsenabled .showcommentsnonjs{display:none}
722 .jsenabled .comment-report-selectall{display:inline}
724 /**
725  * Completion progress report
726  */
727 .completion-expired {background:#FFDDDD;}
728 .completion-expected {font-size:0.75em;}
729 .completion-sortchoice,
730 .completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
731 .completion-progresscell {text-align:right;}
732 .completion-expired .completion-expected {font-weight:bold;}
734 /**
735  * Tags
736  */
737 #tag-management-box {margin-bottom:10px;line-height:20px;}
738 img.user-image {height:100px;width:100px;}
739 #tag-search-box {text-align:center;margin:10px auto;}
740 .tagarea {clear:both;overflow:hidden;}
741 .tagarea .controls {text-align: center;}
742 .tagarea .controls .gotopage.nextpage {float: right;}
743 .tagarea .controls .gotopage.prevpage {float: left;}
744 .tagarea .controls .exclusivemode {display: inline-block;}
745 .dir-rtl .tagarea .controls .gotopage.nextpage {float: left;}
746 .dir-rtl .tagarea .controls .gotopage.prevpage {float: right;}
747 .tagarea .controls.controls-bottom {margin-top: 5px;}
748 span.flagged-tag,
749 tr.flagged-tag,
750 span.flagged-tag a,
751 tr.flagged-tag a {color:#FF0000;}
752 .tag-management-table td,
753 .tag-management-table th {vertical-align: middle;padding: 4px;}
754 .tag-management-table span.inplaceeditable.inplaceeditingon input {width: 150px;}
755 .tag_feed .media, .tag_feed .media-body {overflow: hidden;}
756 .tag_feed.media-list .media .itemimage {float: left;}
757 .dir-rtl .tag_feed.media-list .media .itemimage {float: right;}
758 .tag_feed.media-list .media .itemimage img {height: 35px;width: 35px;}
759 .tag_feed.media-list .media .media-body {padding-right: 10px;padding-left: 10px;}
760 .tag_cloud {text-align: center;}
761 .tag_cloud .inline-list li {padding: 0px 0.2em;}
762 .tag_cloud .tag_overflow {margin-top: 1em;font-style: italic;}
763 .tag_cloud .s20 {font-size: 2.7em;}
764 .tag_cloud .s19 {font-size: 2.6em;}
765 .tag_cloud .s18 {font-size: 2.5em;}
766 .tag_cloud .s17 {font-size: 2.4em;}
767 .tag_cloud .s16 {font-size: 2.3em;}
768 .tag_cloud .s15 {font-size: 2.2em;}
769 .tag_cloud .s14 {font-size: 2.1em;}
770 .tag_cloud .s13 {font-size: 2em;}
771 .tag_cloud .s12 {font-size: 1.9em;}
772 .tag_cloud .s11 {font-size: 1.8em;}
773 .tag_cloud .s10 {font-size: 1.7em;}
774 .tag_cloud .s9 {font-size: 1.6em;}
775 .tag_cloud .s8 {font-size: 1.5em;}
776 .tag_cloud .s7 {font-size: 1.4em;}
777 .tag_cloud .s6 {font-size: 1.3em;}
778 .tag_cloud .s5 {font-size: 1.2em;}
779 .tag_cloud .s4 {font-size: 1.1em;}
780 .tag_cloud .s3 {font-size: 1em;}
781 .tag_cloud .s2 {font-size: 0.9em;}
782 .tag_cloud .s1 {font-size: 0.8em;}
783 .tag_cloud .s0 {font-size: 0.7em;}
785 /*
786  * Backup and Restore CSS
787  */
788 .path-backup .mform .grouped_settings.section_level {clear:both;}
789 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
790 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
791 .path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
792 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
793 .path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
794 .path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
795 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
796 .path-backup.dir-rtl  .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
797 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
798 .path-backup.dir-rtl  .mform .grouped_settings.section_level .normal_setting {margin:0;}
799 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
800 .path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
801 .path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
802 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
803 .path-backup .backup_progress {text-align:center;}
804 .path-backup .backup_progress span.backup_stage {color:#999;}
805 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
806 .path-backup .backup_progress .backup_stage.backup_stage_next {}
807 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
808 #page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
809 #page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
810 .path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
811 .path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
812 .path-backup .fitem .smallicon { vertical-align: text-bottom; }
813 .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px;}
814 .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
815 .path-backup .wibbler .state0 { background: #eee; }
816 .path-backup .wibbler .state1 { background: #ddd; }
817 .path-backup .wibbler .state2 { background: #ccc; }
818 .path-backup .wibbler .state3 { background: #bbb; }
819 .path-backup .wibbler .state4 { background: #aaa; }
820 .path-backup .wibbler .state5 { background: #999; }
821 .path-backup .wibbler .state6 { background: #888; }
822 .path-backup .wibbler .state7 { background: #777; }
823 .path-backup .wibbler .state8 { background: #666; }
824 .path-backup .wibbler .state9 { background: #555; }
825 .path-backup .wibbler .state10 { background: #444; }
826 .path-backup .wibbler .state11 { background: #333; }
827 .path-backup .wibbler .state12 { background: #222; }
828 .path-backup .backup_log { margin-top: 2em; }
829 .path-backup .backup_log h2 { font-size: 1em; }
830 .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
832 /*
833  * CSS for availability options on module and section. This is taken from the
834  * Bootstrap version and tweaked so it works on base.
835  */
836 #fitem_id_availabilityconditionsjson .label {
837     background: #999;
838     padding: 2px 4px;
839     border-radius: 4px;
840     font-size: 0.8em;
841     font-weight: bold;
842     color: #fff;
844 #fitem_id_availabilityconditionsjson .label-warning {
845     background: #f89406;
846     position:relative;
847     top: -1px;
849 #fitem_id_availabilityconditionsjson .label:empty {
850     display: none;
852 #fitem_id_availabilityconditionsjson *[aria-hidden=true] {
853     display: none;
855 x#fitem_id_availabilityconditionsjson select,
856 x#fitem_id_availabilityconditionsjson input[type=text] {
857     position:relative;
858     top: 4px;
860 #fitem_id_availabilityconditionsjson label {
861     display: inline;
863 #fitem_id_availabilityconditionsjson .availability-group {
864     margin-right: 8px;
866 .dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
867     margin-right: 0;
868     margin-left: 8px;
870 #fitem_id_availabilityconditionsjson .availability-item,
871 #fitem_id_availabilityconditionsjson .availability-header {
872     margin-bottom: 6px;
874 #fitem_id_availabilityconditionsjson .availability-none {
875     margin-left: 20px;
876     margin-bottom: 4px;
878 .dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
879     margin-right: 20px;
880     margin-left: 0;
882 #fitem_id_availabilityconditionsjson .availability-plugincontrols {
883     padding: 4px 0px 4px 4px;
884     background: none repeat scroll 0% 0% #eee;
885     border: 1px solid #ddd;
886     border-radius: 4px;
887     display: inline-block;
888     margin-right: 8px;
890 .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
891     padding-right: 4px;
892     padding-left: 0px;
893     margin-right: 0;
894     margin-left: 8px;
896 #fitem_id_availabilityconditionsjson .availability-eye,
897 #fitem_id_availabilityconditionsjson .availability-delete {
898     margin-right: 8px;
900 .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
901 .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
902     margin-left: 8px;
903     margin-right: 0;
905 #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
906     display: inline;
907     visibility: hidden;
909 #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
910     vertical-align: top;
911     margin-top: 12px;
913 #fitem_id_availabilityconditionsjson .availability-button {
914     margin-left: 15px;
916 .dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
917     margin-right: 15px;
918     margin-left: 0;
920 #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
921     display: inline-block;
922     background: #eee;
923     border: 1px solid #ddd;
924     border-radius: 4px;
925     padding: 6px;
926     margin-bottom: 6px;
928 #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
929     background: white;
931 #fitem_id_availabilityconditionsjson .availability-connector {
932     margin-left: 20px;
933     margin-bottom: 6px;
935 .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
936     margin-right: 20px;
937     margin-left: 0;
940 .mform .error .availability-field {
941     color: black;
944 .availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
945     padding-left: 0;
946     padding-right: 0;
947     padding-bottom: 2px;
949 .availability-dialogue ul {
950     display: block;
951     margin: 0;
953 .availability-dialogue li {
954     display: block;
955     list-style-type: none;
956     padding: 0 0 4px;
957     clear: both;
958     border-bottom: 1px solid #eee;
959     margin-bottom: 4px;
961 .availability-dialogue ul button {
962     float: left;
963     margin-left: 1em;
964     min-width: 140px;
965     margin-top: 4px;
967 .dir-rtl .availability-dialogue ul button {
968     float: right;
969     margin-right: 1em;
970     margin-left: 0;
972 .availability-dialogue label {
973     margin-left: 170px;
974     margin-right: 1em;
975     margin-bottom: 0;
976     display: block;
977     line-height: 1.5;
979 .dir-rtl .availability-dialogue label {
980     margin-right: 170px;
981     margin-left: 1em;
983 .availability-dialogue .availability-buttons button {
984     margin-left: 1em;
985     margin-right: 1em;
986     margin-top: 4px;
989 /**
990  * Web Service
991  */
992 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
994 /**
995  * Custom menu
996  */
997 #custommenu {clear:both;}
998 #custommenu .yui3-menu .yui3-menu {z-index:500;}
999 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
1000 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
1001 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
1002 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
1003 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
1004 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
1005 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
1006 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;}
1007 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
1008 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
1009 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
1010 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
1011 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
1013 /**
1014  * Fix for broken YUI images in the menunav component
1015  */
1016 #custommenu .yui3-menu-label,
1017 #custommenu .yui3-menuitem-content {cursor:pointer;}
1018 #custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
1019 #custommenu .yui3-menuitem-active,
1020 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
1021 #custommenu .yui3-menu-horizontal .yui3-menu-label,
1022 #custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
1023 #custommenu .yui3-menu-label,
1024 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
1025 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
1027 /**
1028  * Dividers.
1029  */
1030 .yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
1031     overflow: hidden;
1032     width: 0;
1033     height: 24px;
1034     border-left: 1px solid #ddd;
1036 .yui3-menu .yui3-menu .yui3-menuitem.divider {
1037     width: auto;
1038     height: 0;
1039     margin: 4px 1px;
1040     border-left: 0px none;
1041     border-top: 1px solid #ddd;
1043 .yui3-menu .yui3-menuitem.divider a {
1044     visibility: invisible;
1047 /**
1048  * Smart Select Element
1049  */
1050 .smartselect {position:absolute;}
1051 .smartselect .smartselect_mask {background-color:#fff;}
1052 .smartselect ul  {padding: 0;margin: 0;}
1053 .smartselect ul li {list-style: none;}
1054 .smartselect .smartselect_menu {margin-right:5px;}
1055 .safari .smartselect .smartselect_menu {margin-left:2px;}
1056 .smartselect .smartselect_menu,
1057 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
1058 .smartselect .smartselect_menu.visible,
1059 .smartselect .smartselect_submenu.visible {display:block;}
1060 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
1061 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
1062 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
1063 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
1064 /** Spanning mode */
1065 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
1066 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
1067 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
1068 /** Compact mode */
1069 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
1070 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
1071 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
1072 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
1073 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
1075 /**
1076  * Registration
1077  */
1078 #page-admin-registration-register .registration_textfield {width: 300px;}
1080 /**
1081  * Enrol
1082  */
1083 .userenrolment {width:100%;border-collapse: collapse;}
1084 .userenrolment tr {vertical-align:top;}
1085 .userenrolment td {height:41px;padding:3px;}
1086 .userenrolment td > * {margin:3px;}
1087 .userenrolment .subfield {margin-right:5px;}
1088 .userenrolment .col_userdetails .subfield_picture {float:left;}
1089 .userenrolment .col_lastseen {width:150px;}
1090 .userenrolment .col_role {width:262px;}
1091 .userenrolment .col_role .roles,
1092 .userenrolment .col_group .groups {margin-right:30px;}
1093 .userenrolment .col_role .role,
1094 .userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;}
1095 .userenrolment .col_role .role a,
1096 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
1097 .userenrolment .col_role .addrole,
1098 .userenrolment .col_group .addgroup {float:right;}
1099 .userenrolment .col_role .addrole a img,
1100 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
1101 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
1102 .dir-rtl .userenrolment .col_role .role {float:right;}
1104 .userenrolment .col_enrol .enrolment {float:left;}
1105 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
1106 #page-enrol-users .enrol_user_buttons {float:right;}
1107 #page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
1108 #page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
1109 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1110 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
1111 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
1112 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
1113 #page-enrol-users #filterform div,
1114 #page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
1115 #page-enrol-users #filterform .fitem {white-space:nowrap;}
1116 #page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
1117 #page-enrol-users #filterform select,
1118 #page-enrol-users #filterform .ftext input {width:8em;}
1119 #page-enrol-users #filterform #fitem_id_role,
1120 #page-enrol-users #filterform #fitem_id_ifilter,
1121 #page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
1122 #page-enrol-users .paging { clear: right; }
1124 /**
1125 * Overide for RTL layout
1126 **/
1127 .dir-rtl .headermain {float:right;}
1128 .dir-rtl .headermenu {float:left; text-align: left; }
1129 .dir-rtl .breadcrumb {float:right;}
1130 .dir-rtl .navbutton {float: left;}
1131 .dir-rtl .navbutton .singlebutton {margin-right: 4px}
1132 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
1133 .dir-rtl .mform .fitem .fitemtitle {float:right;}
1134 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
1135 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
1136 .dir-rtl .yui3-menu-hidden {left: 0px;}
1137 #page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
1138 #page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
1140 /**
1141  * Backup
1142  */
1143 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
1144 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
1145 .backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
1146 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
1147 .backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;}
1148 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
1149 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
1150 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
1151 .backup-restore .activitytable {width:60%;min-width:500px;}
1152 .backup-restore .activitytable .modulename {width:100px;}
1153 .backup-restore .activitytable .moduleincluded {width:50px;}
1154 .backup-restore .activitytable .userinfoincluded {width:50px;}
1155 .backup-restore .detail-pair {}
1156 .backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;}
1157 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
1158 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
1159 .backup-restore > .singlebutton {text-align:right;}
1160 .path-backup .mform .fgroup .proceedbutton,
1161 .path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;}
1162 .dir-rtl.path-backup .mform .fgroup .proceedbutton,
1163 .dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;}
1165 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1166 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
1167 .restore-course-search .rcs-results table .no-overflow {max-width:600px;}
1168 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1170 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1171 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
1172 .restore-course-category .rcs-results table .no-overflow {max-width:600px;}
1173 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1175 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
1176 .corelightbox img {position:fixed;top:50%; left: 50%;}
1178 .mod-indent {display:table-cell;}
1179 .label .mod-indent {float:left; padding-top:20px}
1180 .mod-indent-1    {width:30px;}
1181 .mod-indent-2    {width:60px;}
1182 .mod-indent-3    {width:90px;}
1183 .mod-indent-4    {width:120px;}
1184 .mod-indent-5    {width:150px;}
1185 .mod-indent-6    {width:180px;}
1186 .mod-indent-7    {width:210px;}
1187 .mod-indent-8    {width:240px;}
1188 .mod-indent-9    {width:270px;}
1189 .mod-indent-10   {width:300px;}
1190 .mod-indent-11   {width:330px;}
1191 .mod-indent-12   {width:360px;}
1192 .mod-indent-13   {width:390px;}
1193 .mod-indent-14   {width:420px;}
1194 .mod-indent-15   {width:450px;}
1195 .mod-indent-16,
1196 .mod-indent-huge {width:480px;}
1198 .dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
1199 .dir-rtl .mform .fitem .felement input[name=email],
1200 .dir-rtl .mform .fitem .felement input[name=email2],
1201 .dir-rtl .mform .fitem .felement input[name=url],
1202 .dir-rtl .mform .fitem .felement input[name=idnumber],
1203 .dir-rtl .mform .fitem .felement input[name=phone1],
1204 .dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
1206 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1207 .resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
1208 .resourcecontent audio.mediaplugin_html5audio {width: 600px}
1210 /** Large resource images should avoid hidden overflow **/
1211 .resourceimage {max-width: 100%;}
1213 /* Audio player size in 'inline' mode (can only change width, as above) */
1214 .mediaplugin_mp3 object {height:15px;width:300px}
1215 audio.mediaplugin_html5audio {width: 300px}
1217 /* TinyMCE moodle media preview frame should not have padding */
1218 .core_media_preview.pagelayout-embedded #page-content {padding:0;}
1219 .core_media_preview.pagelayout-embedded #maincontent {height:0;}
1220 .core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
1222 /*
1223 Fix for SubScript & SuperScript
1224 ------------------------------*/
1225 sub {vertical-align: sub;}
1226 sup {vertical-align: super;}
1228 /** Fix YUI 2 Treeview for Right to left languages **/
1229 .dir-rtl .ygtvtn,
1230 .dir-rtl .ygtvtm,
1231 .dir-rtl .ygtvtmh,
1232 .dir-rtl .ygtvtmhh,
1233 .dir-rtl .ygtvtp,
1234 .dir-rtl .ygtvtph,
1235 .dir-rtl .ygtvtphh,
1236 .dir-rtl .ygtvln,
1237 .dir-rtl .ygtvlm,
1238 .dir-rtl .ygtvlmh,
1239 .dir-rtl .ygtvlmhh,
1240 .dir-rtl .ygtvlp,
1241 .dir-rtl .ygtvlph,
1242 .dir-rtl .ygtvlphh,
1243 .dir-rtl .ygtvdepthcell,
1244 .dir-rtl .ygtvok,
1245 .dir-rtl .ygtvok:hover,
1246 .dir-rtl .ygtvcancel,
1247 .dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
1249 .dir-rtl .ygtvtn {background-position: 0 -5600px;}
1250 .dir-rtl .ygtvtm {background-position: 0 -4000px;}
1251 .dir-rtl .ygtvtmh,
1252 .dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
1253 .dir-rtl .ygtvtp {background-position: 0 -6400px;}
1254 .dir-rtl .ygtvtph,
1255 .dir-rtl .ygtvtphh {background-position: 0 -7200px;}
1256 .dir-rtl .ygtvln {background-position: 0 -1600px;}
1257 .dir-rtl .ygtvlm {background-position: 0 0;}
1258 .dir-rtl .ygtvlmh,
1259 .dir-rtl .ygtvlmhh {background-position: 0 -800px;}
1260 .dir-rtl .ygtvlp {background-position: 0 -2400px;}
1261 .dir-rtl .ygtvlph,
1262 .dir-rtl .ygtvlphh {background-position: 0 -3200px}
1263 .dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
1264 .dir-rtl .ygtvok {background-position: 0 -8800px;}
1265 .dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
1266 .dir-rtl .ygtvcancel {background-position: 0 -8822px;}
1267 .dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
1269 .dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
1270 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
1272 /** Fix TinyMCE editor right to left **/
1273 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
1274 .dir-rtl .o2k7Skin table,
1275 .dir-rtl .o2k7Skin tbody,
1276 .dir-rtl .o2k7Skin a,
1277 .dir-rtl .o2k7Skin img,
1278 .dir-rtl .o2k7Skin tr,
1279 .dir-rtl .o2k7Skin div,
1280 .dir-rtl .o2k7Skin td,
1281 .dir-rtl .o2k7Skin iframe,
1282 .dir-rtl .o2k7Skin span,
1283 .dir-rtl .o2k7Skin *,
1284 .dir-rtl .o2k7Skin .mceText,
1285 .dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
1287 .path-rating .ratingtable {width:100%;margin-bottom:1em;}
1288 .path-rating .ratingtable th.rating {width:100%;}
1289 .path-rating .ratingtable td.rating,
1290 .path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
1292 /* Fix for ordered and unordered list in course topic summary & course weekly summary */
1294 .course-content ul.weeks .content .summary ul,
1295 .course-content ul.topics .content .summary ul {list-style: disc outside none;}
1296 .course-content ul.weeks .content .summary ul ul,
1297 .course-content ul.topics .content .summary ul ul {list-style: circle outside none;}
1298 .course-content ul.weeks .content .summary ul ul ul,
1299 .course-content ul.topics .content .summary ul ul ul {list-style: square outside none;}
1301 .course-content ul.weeks .content .summary ol,
1302 .course-content ul.topics .content .summary ol {list-style: decimal outside none;}
1304 .dir-rtl #adminsettings #id_s__pathtodu,
1305 .dir-rtl #adminsettings #id_s__aspellpath,
1306 .dir-rtl #adminsettings #id_s__pathtodot,
1307 .dir-rtl #adminsettings #id_s__supportemail,
1308 .dir-rtl #adminsettings #id_s__supportpage,
1309 .dir-rtl #adminsettings #id_s__sessioncookie,
1310 .dir-rtl #adminsettings #id_s__sessioncookiepath,
1311 .dir-rtl #adminsettings #id_s__sessioncookiedomain,
1312 .dir-rtl #adminsettings #id_s__proxyhost,
1313 .dir-rtl #adminsettings #id_s__proxyuser,
1314 .dir-rtl #adminsettings #id_s__proxypassword,
1315 .dir-rtl #adminsettings #id_s__proxybypass,
1316 .dir-rtl #adminsettings #id_s__jabberhost,
1317 .dir-rtl #adminsettings #id_s__jabberserver,
1318 .dir-rtl #adminsettings #id_s__jabberusername,
1319 .dir-rtl #adminsettings #id_s__jabberpassword,
1320 .dir-rtl #adminsettings #id_s__additionalhtmlhead,
1321 .dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
1322 .dir-rtl #adminsettings #id_s__additionalhtmlfooter,
1323 .dir-rtl #adminsettings #id_s__docroot,
1324 .dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
1325 .dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
1326 .dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
1327 .dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
1328 .dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
1329 .dir-rtl #adminsettings #id_s__blockedip,
1330 .dir-rtl #adminsettings #id_s__pathtoclam,
1331 .dir-rtl #adminsettings #id_s__quarantinedir,
1332 .dir-rtl #adminsettings #id_s__sitepolicy,
1333 .dir-rtl #adminsettings #id_s__sitepolicyguest,
1334 .dir-rtl #adminsettings #id_s__cronremotepassword,
1335 .dir-rtl #adminsettings #id_s__allowedip,
1336 .dir-rtl #adminsettings #id_s__blockedip,
1337 .dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
1338 .dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
1339 .dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
1340 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
1341 .dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
1342 .dir-rtl #adminsettings #admin-emoticons .form-text,
1343 .dir-rtl #adminsettings #admin-role_mapping input[type=text],
1344 .dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
1345 .dir-rtl #adminsettings #id_s_enrol_flatfile_location,
1346 #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
1347 #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
1348 #page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
1350 #page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
1352 #page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
1353 .initialbar a {padding-right: 2px;}
1355 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1356 .moodle-dialogue-base .moodle-dialogue-lightbox {
1357     background-color:#AAA;
1360 .moodle-dialogue-base .moodle-dialogue {
1361     outline: #000 dotted 0;
1364 .moodle-dialogue-base .hidden,
1365 .moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
1366 .moodle-dialogue-base .moodle-dialogue {
1367     padding: 0;
1368     margin: 0;
1369     background: none;
1370     border: none;
1371     /* Override the z-index set incorrectly by the YUI dialogue */
1372     z-index: 600;
1375 .no-scrolling { overflow: hidden; }
1377 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1378     left: 0px;
1379     top: 0px;
1380     right: 0px;
1381     bottom: -50px;
1382     position: fixed;
1384 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1385     overflow: auto;
1387 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1388     width: 28px;
1389     height: 16px;
1390     background-size: 100%;
1394 .moodle-dialogue-base .moodle-dialogue-wrap {
1395     margin-top:-3px;
1396     margin-left:-3px;
1397     background-color: #FFFFFF;
1398     border: 1px solid #CCCCCC;
1399     border-radius: 10px;
1400     box-shadow: 5px 5px 20px 0px #666666;
1401     -webkit-box-shadow: 5px 5px 20px 0px #666666;
1402     -moz-box-shadow: 5px 5px 20px 0px #666666;
1403     overflow: hidden;
1405 .moodle-dialogue-base h3 {
1406     margin: 0;
1407     line-height: 20px;
1409 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1410 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1411     margin:0;
1412     padding:5px;
1413     font-size:12px;
1414     font-weight: normal;
1415     letter-spacing: 1px;
1416     color:#333333;
1417     text-align: center;
1418     text-shadow: 1px 1px 1px #FFFFFF;
1419     border-radius: 10px 10px 0px 0px;
1420     border-bottom: 1px solid #BBBBBB;
1421     background-color: #CCCCCC;
1422     -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1423     -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1424     background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */
1425     background-image:    -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */
1426     background-image:     -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/
1427     background-image:      -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */
1428     background-image:         linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */
1431 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1432     margin:0;
1433     padding:0;
1434     display:inline;
1435     font-size: 100%;
1436     font-weight: bold;
1438 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1439     padding: 5px;
1441 .moodle-dialogue-base .closebutton {
1442     width:25px;
1443     height:15px;
1444     float:right;
1445     vertical-align:middle;
1446     display:inline-block;
1447     cursor:pointer;
1448     padding:0px;
1449     background-image:url([[pix:theme|sprite]]);
1450     background-repeat:no-repeat;
1451     border-style:none;
1453 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1454     left: 0px;
1455     right: auto;
1458 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1459     padding: 1em;
1460     line-height: 2em;
1461     color: #555;
1462     font-size: 12px;
1465 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1466   padding:0px;
1467   background:#FFF;
1470 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1471     padding: 10px;
1472     font-size: 16px;
1475 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1476     overflow: auto;
1477     position: absolute;
1478     top: 0px;
1479     bottom: 50px;
1480     left: 0px;
1481     right: 0px;
1482     margin: 0px;
1483     border: 0px;
1485 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1486 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1487     border-radius: 0px;
1490 .moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1491 .moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1492 .moodle-dialogue-exception .moodle-exception-message {text-align:center}
1493 .moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1494 .moodle-dialogue-exception .param-stacktrace label {
1495     background-color:#EEE;
1496     border:1px solid #ccc;
1497     border-bottom-width:0;
1500 .moodle-dialogue-exception .param-stacktrace pre {
1501     border:1px solid #ccc;
1502     background-color:#fff;
1505 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1506     color:navy;
1507     font-size:80%;
1509 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1510     color:#AA0000;
1511     font-size:80%;
1513 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1514     color:#333;
1515     font-size:90%;
1516     border-bottom:1px solid #eee;
1519 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1520     padding:0px;
1521     margin: 0.7em 1em;
1522     text-align: right;
1523     background-color: #FFF;
1524     font-size: 12px;
1527 .moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1528 .moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1529 .moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1530 .moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1531 .moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1532 .moodle-dialogue-exception .param-stacktrace label {
1533     display:block;
1534     margin:0;
1535     padding:4px 1em;
1537 .moodle-dialogue-exception .param-stacktrace pre {
1538     display:block;
1539     height:200px;
1540     overflow:auto;
1543 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1544     display:inline-block;
1545     margin:4px 0;
1547 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1548     display:inline-block;
1549     width:50px;
1550     margin:4px 1em;
1552 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1553     padding-left:25px;
1554     margin-bottom:4px;
1555     padding-bottom:4px;
1558 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1559     opacity: .75;
1560     width: 100%;
1561     height: 100%;
1562     top: 0;
1563     left: 0;
1564     background-color: white;
1565     text-align: center;
1566     padding: 10% 0;
1569 /* Apply a default max-height on tooltip text */
1570 .moodle-dialogue .tooltiptext {
1571     max-height: 300px;
1573 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1574     z-index: 3001;
1576 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1577     overflow: auto;
1580 /* Question Bank - Question Chooser "Close" button */
1581 #page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
1583 /**
1584  * Chooser Dialogues (moodle-core-chooserdialogue)
1585  *
1586  * This CSS belong to the chooser dialogue which should work both with, and
1587  * without javascript enabled
1588  */
1589 /* Hide the dialog and it's title */
1590 .chooserdialoguebody,
1591 .choosertitle {
1592     display:none;
1594 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1595     margin: 0;
1598 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1599     padding: 0px;
1600     background: #F2F2F2;
1601     border-bottom-left-radius: 10px;
1602     border-bottom-right-radius: 10px;
1605 /* Center the submit buttons within the area */
1606 .choosercontainer #chooseform .submitbuttons {
1607     padding: 0.7em 0;
1608     text-align: center;
1611 .choosercontainer #chooseform .submitbuttons input {
1612     min-width: 100px;
1613     margin: 0px 0.5em;
1616 /* Various settings for the options area */
1617 .choosercontainer #chooseform .options {
1618     position: relative;
1619     border-bottom: 1px solid #BBBBBB;
1622 /* Only set these options if we're showing the js container */
1623 .jschooser .choosercontainer #chooseform .alloptions {
1624     overflow-x: hidden;
1625     overflow-y: auto;
1626     max-width: 20.3em;
1627     box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1628     -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1629     -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1631 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio],
1632 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
1633     display: inline-block;
1635 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
1636     display: inline-block;
1637     width: 65%;
1639 .dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
1640     max-width: 18.3em;
1643 /* Settings for option rows and option subtypes */
1644 .choosercontainer #chooseform .moduletypetitle,
1645 .choosercontainer #chooseform .option,
1646 .choosercontainer #chooseform .nonoption {
1647     margin-bottom: 0;
1648     padding: 0 1.6em 0 1.6em;
1651 .choosercontainer #chooseform .moduletypetitle {
1652     text-transform: uppercase;
1653     padding-top: 1.2em;
1654     padding-bottom: 0.4em;
1657 .choosercontainer #chooseform .option .typename,
1658 .choosercontainer #chooseform .option span.modicon img.icon,
1659 .choosercontainer #chooseform .nonoption .typename,
1660 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1661     padding: 0 0 0 0.5em;
1663 .dir-rtl .choosercontainer #chooseform .option .typename,
1664 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1665 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1666 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1667     padding: 0 0.5em 0 0;
1670 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1671 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1672     height: 24px; width: 24px;
1675 .choosercontainer #chooseform .option input[type=radio],
1676 .choosercontainer #chooseform .option span.typename,
1677 .choosercontainer #chooseform .option span.modicon {
1678     vertical-align: middle;
1681 .choosercontainer #chooseform .option label {
1682     display: block;
1683     padding: 0.3em 0 0.1em 0;
1684     border-bottom: 1px solid #FFFFFF;
1687 .choosercontainer #chooseform .nonoption {
1688     padding-left: 2.7em;
1689     padding-top: 0.3em;
1690     padding-bottom: 0.1em;
1692 .dir-rtl .choosercontainer #chooseform .nonoption {
1693     padding-right: 2.7em;
1694     padding-left: 0;
1697 .choosercontainer #chooseform .subtype {
1698     margin-bottom: 0;
1699     padding: 0 1.6em 0 3.2em;
1701 .dir-rtl .choosercontainer #chooseform .subtype {
1702     padding: 0 3.2em 0 1.6em;
1705 .choosercontainer #chooseform .subtype .typename {
1706     margin: 0 0 0 0.2em;
1708 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1709     margin: 0 0.2em 0 0;
1712 /* The instruction/help area */
1713 .jschooser .choosercontainer #chooseform .instruction,
1714 .jschooser .choosercontainer #chooseform .typesummary {
1715     display: none;
1716     position: absolute;
1717     top: 0px;
1718     right: 0px;
1719     bottom: 0px;
1720     left: 20.3em;
1721     margin: 0;
1722     padding: 1.6em;
1723     background-color: #FFFFFF;
1724     overflow-x: hidden;
1725     overflow-y: auto;
1726     line-height: 2em;
1729 .dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1730 .dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
1731     left: 0px;
1732     right: 18.5em;
1733     border-right: 1px solid grey;
1736 /* Selected option settings */
1737 .jschooser .choosercontainer #chooseform .instruction,
1738 .choosercontainer #chooseform .selected .typesummary {
1739     display: block;
1742 .choosercontainer #chooseform .selected {
1743     background-color: #FFFFFF;
1744     box-shadow: 0px 0px 10px 0px #CCCCCC;
1745     -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1746     -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
1748 .section-modchooser-link img.smallicon { padding-right: 3px; }
1749 .dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
1751 /* Install Process' text fields Forms, should always be justified to the left */
1752 form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1753 form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1754 form#installform #id_dbpass, form#installform #id_prefix
1755 {direction: ltr;}
1757 html[dir=rtl] .breadcrumb,
1758 html[dir=rtl] .headermain,
1759 html[dir=rtl] #page-header,
1760 html[dir=rtl] #page-content {float: right;}
1762 html[dir=rtl] .formrow label.formlabel { float:right; }
1764 html[dir=rtl] .configphp {direction:ltr;text-align:left;}
1766 table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;}
1767 table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;}
1768 table.flexible .emptyrow {display: none;}
1770 /* Form element: listing */
1771 .formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1772 .formlistinginputradio {float: left;}
1773 .formlistingmain {min-height: 225px;}
1774 .formlistingradiocontent {}
1775 .formlisting {
1776     position: relative;
1777     margin: 15px 0;
1778     padding: 1px 19px 14px;
1779     background-color: white;
1780     border: 1px solid #DDD;
1781     -webkit-border-radius: 4px;
1782     -moz-border-radius: 4px;
1783     border-radius: 4px;
1786 .formlistingmore {
1787     position: absolute;
1788     cursor: pointer;
1789     bottom: -1px;
1790     right: -1px;
1791     padding: 3px 7px;
1792     font-size: 12px;
1793     font-weight: bold;
1794     background-color: whiteSmoke;
1795     border: 1px solid #DDD;
1796     color: #9DA0A4;
1797     -webkit-border-radius: 4px 0 4px 0;
1798     -moz-border-radius: 4px 0 4px 0;
1799     border-radius: 4px 0 4px 0;
1802 .formlistingall {
1803     margin: 15px 0;
1804     padding: 0px 0px 0px;
1805     -webkit-border-radius: 4px;
1806     -moz-border-radius: 4px;
1807     border-radius: 4px;
1810 .formlistingrow {
1811     cursor: pointer;
1812     border-bottom: 1px solid;
1813     border-color: #E1E1E8;
1814     border-left: 1px solid #E1E1E8;
1815     border-right: 1px solid #E1E1E8;
1816     background-color: #F7F7F9;
1817     -webkit-border-radius: 0px 0px 4px 4px;
1818     -moz-border-radius: 0px 0px 4px 4px;
1819     padding: 6px;
1820     top: 50%;
1821     left: 50%;
1822     min-height: 34px;
1823     float:left;
1824     width: 150px;
1827 body.jsenabled .formlistingradio {
1828     display: none;
1831 body.jsenabled .formlisting {
1832     display: block;
1835 /**
1836  * Badges styles
1837  */
1838 #badge-overview h3,
1839 #badge h3 {
1840     clear: both;
1841     text-align: left;
1842     padding-top: 10px;
1844 .dir-rtl #badge h3 {
1845     text-align: right;
1848 #badge-image,
1849 #badge-details {
1850     display: inline-block;
1852 #badge-image {
1853     width: 200px;
1854     vertical-align: top;
1856 #badge-image .singlebutton {
1857     padding-top: 5px;
1858     margin-left: 20px;
1860 #badge-overview dl,
1861 #badge-details dl {
1862     margin: 0;
1864 #badge-overview dt,
1865 #badge-details dt {
1866     font-weight: bold;
1867     clear: both;
1868     float: left;
1869     width: 20%;
1871 #badge-overview dd,
1872 #badge-details dd {
1873     float: left;
1874     width: 75%;
1876 #badge-overview dd,
1877 #badge-details dd,
1878 #badge-overview dt,
1879 #badge-details dt {
1880     padding: 3px 0;
1883 #page-badges-view .collection { width: 90%; margin: 1em auto; }
1884 #page-badges-index .collection { width: 85%; margin: 1em auto; }
1886 table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; }
1887 table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; }
1888 table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; }
1889 table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; }
1890 table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
1891 .dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
1893 #page-badges-view table.collection .badgeimage,
1894 #page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1895 #page-badges-view table.collection .awards,
1896 #page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1897 #page-badges-view table.collection .description { width: 25%; text-align: left; }
1898 #page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
1900 table.collection .name { text-align: left; vertical-align: middle; }
1901 .dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
1902 #page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
1903 #page-badges-view.dir-rtl table.collection .criteria { text-align: right;  }
1904 #page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
1905 #page-badges-index.dir-rtl table.collection .criteria { text-align: right;  }
1906 #page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1908 a.criteria-action { padding: 0px 3px; float: right; }
1909 .dir-rtl a.criteria-action { float: left; }
1911 ul.badges { margin: 0; list-style: none; }
1912 .badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1913 .badges li .badge-name { display: block; padding: 5px; }
1914 .badges li > img { position: absolute; }
1915 .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
1916 .dir-rtl .badges li .badge-image { right: 10px; }
1917 .badges li .badge-actions { position: relative; }
1919 div.badge { position: relative; display: block; }
1920 div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
1921 .expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
1923 .badge-profile { vertical-align: top; }
1924 .connected { color: #006600; }
1925 .notconnected { color: #660000; }
1927 #page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1928 #page-badges-award .recipienttable tr td { vertical-align: top; }
1929 #page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1930 #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1931 #page-badges-award .recipienttable tr td.existing,
1932 #page-badges-award .recipienttable tr td.potential { width: 42%; }
1934 #issued-badge-table .activatebadge {
1935     display: inline-block;
1937 #issued-badge-table div.activatebadge {
1938     margin-left: 3px;
1940 .statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
1941 .statusbox.active { background-color: #D9F991; }
1942 .statusbox.inactive { background-color: #FFEBA8; }
1943 .statusbox .activatebadge {
1944     display: inline-block;
1946 .statusbox .activatebadge input[type=submit]{
1947     margin: 3px;
1949 .dir-rtl .activatebadge { text-align: right; }
1950 .addcourse { float: right; }
1951 .dir-rtl .addcourse { float: left; }
1952 img#persona_signin { cursor: pointer; }
1954 /**
1955  * The date selector popup.
1956  */
1957  div#dateselector-calendar-panel {
1958      z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
1959  }
1961 .path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
1963 /** Action menu component styles **/
1964 .moodle-actionmenu,
1965 .moodle-actionmenu > ul,
1966 .moodle-actionmenu > ul > li {display: inline-block;}
1967 .moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
1968 .section_action_menu .moodle-actionmenu ul.menubar {margin: 0;}
1969 .section_action_menu .moodle-actionmenu ul.menu {margin: 0 10px 10px 0;}
1970 #page .moodle-actionmenu a.hidden {display: none;}
1971 .moodle-actionmenu .toggle-display,
1972 .moodle-actionmenu .menu-action-text {display: none;}
1974 .jsenabled .block .editing_move {display: none;}
1975 .jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1976 .jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1977 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
1979 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1980     display: block;
1981     margin-left: 4px;
1982     padding-left: 4px;
1983     padding-right: 4px;
1986 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1987     margin-right: 4px;
1988     margin-left: initial;
1991 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
1992     margin: 8px 4px 0px 2px;
1995 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1996     margin-top: 4px;
1997     margin-left: 2px;
2000 .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2001     margin-right: 2px;
2002     margin-left: initial;
2005 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
2006 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2007     display: inline;
2010 .moodle-actionmenu[data-enhanced].show {position: relative;}
2011 .moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;}
2012 .moodle-actionmenu[data-enhanced].show .menu a {
2013     display: block;
2014     padding: 2px 1em 2px 28px;
2015     color: #333333;
2017 .moodle-actionmenu[data-enhanced].show .menu a > img {
2018     margin: 4px 4px 4px -24px;
2019     padding: 4px;
2020     width: 12px;
2021     height: 12px;
2023 .moodle-actionmenu[data-enhanced].show .menu a > img,
2024 .moodle-actionmenu[data-enhanced].show .menu a > span {
2025     display: inline-block;
2026     vertical-align: middle;
2028 .moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;}
2029 .moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;}
2030 .moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;}
2031 .moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
2032 .moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
2033 .moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
2034 .block .moodle-actionmenu {text-align: right;}
2036 .dir-rtl .block .moodle-actionmenu {text-align: right;}
2037 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; }
2038 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
2039 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2040 .dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; }
2042 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
2043 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
2044 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
2045 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
2046 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
2047 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2048 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
2049 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
2050 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
2051 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2052 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
2053 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
2054 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
2055 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
2056 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
2057 .jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
2059 .moodle-actionmenu > ul > li[role="menuitem"] {
2060     display: none;
2063 .jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
2064     display: inline-block;
2067 .dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
2068 .dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
2069 .dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
2070 .dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
2071 .dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
2072 .dir-rtl .menu.align-tr-br {right: auto;left: 0;}
2073 .dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
2074 .dir-rtl .menu.align-br-br {right: auto;left: 0;}
2075 .dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
2076 .dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
2077 .dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
2078 .dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
2079 .dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
2080 .dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
2081 .dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
2082 .dir-rtl .menu.align-br-tr {right: auto;left: 0;}
2084 ul.dragdrop-keyboard-drag li { list-style-type: none; }
2085 .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
2087 .block .header h2,
2088 .course-content h3,
2089 .pagelayout-frontpage h2,
2090 .pagelayout-frontpage h3,
2091 .pagelayout-frontpage h4,
2092 .pagelayout-frontpage h5,
2093 .pagelayout-frontpage h6,
2094 .pagelayout-coursecategory h3,
2095 .pagelayout-coursecategory h4,
2096 .pagelayout-coursecategory h5,
2097 .pagelayout-coursecategory h6 {
2098     text-align: inherit;
2100 a.disabled:hover,
2101 a.disabled {
2102     text-decoration: none;
2103     cursor: default;
2104     font-style: italic;
2105     color: #808080;
2108 .caret {
2109     display: inline-block;
2110     width: 0;
2111     height: 0;
2112     vertical-align: top;
2113     border-top: 4px solid #777;
2114     border-right: 4px solid transparent;
2115     border-left: 4px solid transparent;
2116     content: "";
2119 a:focus .caret,
2120 a:hover .caret {
2121     border-top-color: #555;
2124 /**
2125  * Bootstrap 2.3.2 progress bar css.
2126  * Required for none bootstrap theme.
2127  */
2129 @-webkit-keyframes progress-bar-stripes {
2130     from {
2131         background-position: 40px 0;
2132     }
2133     to {
2134         background-position: 0 0;
2135     }
2138 @-moz-keyframes progress-bar-stripes {
2139     from {
2140         background-position: 40px 0;
2141     }
2142     to {
2143         background-position: 0 0;
2144     }
2147 @-o-keyframes progress-bar-stripes {
2148     from {
2149         background-position: 0 0;
2150     }
2151     to {
2152         background-position: 40px 0;
2153     }
2156 @keyframes progress-bar-stripes {
2157     from {
2158         background-position: 40px 0;
2159     }
2160     to {
2161         background-position: 0 0;
2162     }
2165 .progress {
2166     height: 20px;
2167     margin-bottom: 20px;
2168     overflow: hidden;
2169     background-color: #f7f7f7;
2170     background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
2171     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
2172     background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
2173     background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
2174     background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
2175     background-repeat: repeat-x;
2176     -webkit-border-radius: 4px;
2177     -moz-border-radius: 4px;
2178     border-radius: 4px;
2179     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
2180     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2181     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2182     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2185 .progress .bar {
2186     float: left;
2187     width: 0;
2188     height: 100%;
2189     font-size: 12px;
2190     color: #ffffff;
2191     text-align: center;
2192     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2193     background-color: #0e90d2;
2194     background-image: -moz-linear-gradient(top, #149bdf, #0480be);
2195     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
2196     background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
2197     background-image: -o-linear-gradient(top, #149bdf, #0480be);
2198     background-image: linear-gradient(to bottom, #149bdf, #0480be);
2199     background-repeat: repeat-x;
2200     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
2201     -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2202     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2203     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2204     -webkit-box-sizing: border-box;
2205     -moz-box-sizing: border-box;
2206     box-sizing: border-box;
2207     -webkit-transition: width 0.6s ease;
2208     -moz-transition: width 0.6s ease;
2209     -o-transition: width 0.6s ease;
2210     transition: width 0.6s ease;
2213 .progress .bar + .bar {
2214     -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2215     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2216     box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2219 .progress-striped .bar {
2220     background-color: #149bdf;
2221     background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
2222     background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2223     background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2224     background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2225     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2226     -webkit-background-size: 40px 40px;
2227     -moz-background-size: 40px 40px;
2228     -o-background-size: 40px 40px;
2229     background-size: 40px 40px;
2232 .progress.active .bar {
2233     -webkit-animation: progress-bar-stripes 2s linear infinite;
2234     -moz-animation: progress-bar-stripes 2s linear infinite;
2235     -ms-animation: progress-bar-stripes 2s linear infinite;
2236     -o-animation: progress-bar-stripes 2s linear infinite;
2237     animation: progress-bar-stripes 2s linear infinite;
2240 body.lockscroll {
2241   height: 100%;
2242   overflow: hidden;
2245 /* Dropdown Menu styling */
2246 .dropdown-menu {
2247   background-color: #fff;
2248   border: 1px solid #ccc;
2249   border: 1px solid rgba(0, 0, 0, 0.2);
2250   position: absolute;
2251   top: 100%;
2252   left: 0;
2253   z-index: 1000;
2254   display: none;
2255   float: left;
2256   min-width: 160px;
2257   padding: 5px 0;
2258   margin: 2px 0 0;
2259   list-style: none;
2260   *border-right-width: 2px;
2261   *border-bottom-width: 2px;
2262   -webkit-border-radius: 6px;
2263   -moz-border-radius: 6px;
2264   border-radius: 6px;
2265   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2266   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2267   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2268   -webkit-background-clip: padding-box;
2269   -moz-background-clip: padding;
2270   background-clip: padding-box;
2273 .dropdown-menu > li > a {
2274   display: block;
2275   padding: 3px 20px;
2276   clear: both;
2277   font-weight: normal;
2278   line-height: 20px;
2279   white-space: nowrap;
2281 .dropdown-menu > li > a:hover,
2282 .dropdown-menu > li > a:focus {
2283   text-decoration: none;
2284   background-repeat: repeat-x;
2286 .dropdown-menu > .active > a,
2287 .dropdown-menu > .active > a:hover,
2288 .dropdown-menu > .active > a:focus {
2289   text-decoration: none;
2290   outline: 0;
2292 .dropdown-menu > .disabled > a:hover,
2293 .dropdown-menu > .disabled > a:focus {
2294   text-decoration: none;
2295   background-color: transparent;
2296   background-image: none;
2297   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2298   cursor: default;
2300 .open {
2301   *z-index: 1000;
2303 .open > .dropdown-menu {
2304   display: block;
2307 .editor_atto_menu .moodle-dialogue-content {
2308     padding: 0;
2309     border: inherit;
2312 .well {
2313   min-height: 20px;
2314   padding: 19px;
2315   background-color: #f5f5f5;
2316   border: 1px solid #e3e3e3;
2317   border-radius: 4px;
2318   box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2321 .well-small {
2322   padding: 9px;
2325 .progressbar_container {
2326     max-width: 500px;
2327     margin: 0 auto;
2330 /* IE10 only fix for calendar titling */
2331 .ie10 .yui3-calendar-header-label {
2332     display: inline-block;
2335 span.inplaceeditable.inplaceeditingon {
2336     position: relative;
2338 span.inplaceeditable.inplaceeditingon span.editinstructions {
2339     margin-top: -30px;
2340     font-weight: normal;
2341     margin-right: -300px;
2342     margin-left: 0;
2344 .dir-rtl span.inplaceeditable.inplaceeditingon span.editinstructions {
2345     margin-left: -300px;
2346     margin-right: 0;
2348 span.inplaceeditable .quickeditlink img {
2349     opacity: 0.2;
2351 span.inplaceeditable:hover .quickeditlink img,
2352 span.inplaceeditable .quickeditlink:focus img {
2353     opacity: 1;
2355 span.inplaceeditable.inplaceeditingon input {
2356     width: 330px;
2357     height: 16px;
2358     vertical-align: text-bottom;
2359     margin-bottom: 0;