MDL-50919 tags: new UI for managing tags
[moodle.git] / theme / base / style / core.css
CommitLineData
07a14a3b 1/**
42d82870 2 * Required to undo YUI resets that override input size, margin, etc.
07a14a3b
SH
3 */
4input[type=text],input[type=password],textarea{width:auto;}
42d82870 5input[type=checkbox],input[type=radio]{margin-right: 7px;}
07a14a3b 6
4173ef4a
MG
7/* Fix for YUI overriding styles */
8strong{font-style:inherit;}em{font-weight:inherit;}
9
90723839
SH
10/**
11 * General
12 */
13th,
14td,
15a img {border-width:0;}
16acronym,
17abbr {cursor: help;}
18.dir-ltr,
b41fc49c
NK
19.mdl-left,
20.dir-rtl .mdl-right {text-align: left;}
90723839 21.dir-rtl,
b41fc49c
NK
22.mdl-right,
23.dir-rtl .mdl-left {text-align: right;}
90723839
SH
24#add,
25#remove,
26.centerpara,
27.mdl-align {text-align: center;}
28a.dimmed,
1559583c
ME
29a.dimmed:link,
30a.dimmed:visited,
90723839 31a.dimmed_text,
656749c1
PS
32a.dimmed_text:link,
33a.dimmed_text:visited,
58ea084b 34.dimmed_text,
d703f226 35.dimmed_text a,
656749c1
PS
36.dimmed_text a:link,
37.dimmed_text a:visited,
4ad72c28
PS
38.usersuspended,
39.usersuspended a,
40.usersuspended a:link,
41.usersuspended a:visited,
d703f226 42.dimmed_category,
69bbd2a7
MG
43.dimmed_category a,
44.dimmed_category a:link,
45.dimmed_category a:visited {
5e5ebb39 46 color: #AAA;
1fdd48c3 47}
5e5ebb39
ME
48.activity.label .dimmed_text {
49 opacity: 0.5;
50 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
51 filter: alpha(opacity=50);
52}
90723839
SH
53.unlist,
54.unlist li,
55.inline-list,
56.inline-list li,
6605ff8c
SH
57.block .list,
58.block .list li,
231d40d5 59.sitetopic .section li.activity,
87563167 60.course-content .section li.activity,
49aa038b 61.sitetopic .section li.movehere,
fcd90243
ME
62.course-content .section li.movehere {
63 list-style: none;
64 margin: 0;
65 padding: 0;
66}
81bb9010
AD
67.course-content .current {background:#E3E3E3;}
68
ebc583e4 69.inline,
90723839
SH
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;}
79a.autolink.glossary:hover {cursor: help;}
6e8f7688 80/* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */
90723839 81.collapsibleregioncaption {white-space: nowrap;}
20955a30
ME
82.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
83 cursor: pointer;
84}
90723839
SH
85.collapsibleregioncaption img {vertical-align: middle;}
86.jsenabled .hiddenifjs {display: none;}
d4365c03
ARN
87.visibleifjs {display: none;}
88.jsenabled .visibleifjs {display: inline;}
90723839
SH
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,
1d49a5cd 98.pagingbar .thispage,
faf6010b 99#site-news-forum h2,
100#frontpage-course-list h2,
101#frontpage-category-names h2,
102#frontpage-category-combo h2 {font-weight: bold;}
90723839 103img.resize {height: 1em;width: 1em;}
6605ff8c 104.block img.resize,
90723839 105.breadcrumb img.resize {height: 0.9em;width: 0.8em;}
c22fbd38
FM
106
107/* Icon styles */
4460e380 108img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;}
fa9c0aab 109.dir-rtl img.icon {padding-left: 6px; padding-right: 0; }
69a3457f 110img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;}
4460e380 111img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;}
c22fbd38 112.dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; }
bb128107 113img.iconlarge {height: 24px; width: 24px; vertical-align:middle;}
06b7ed0a
FM
114img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;}
115.dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;}
90723839
SH
116img.icontoggle {height:17px;vertical-align:middle;width:50px;}
117img.iconkbhelp {height:17px;width:49px;}
c22fbd38
FM
118img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; }
119img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; }
120
90723839
SH
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;}
90723839
SH
132.headermain {font-weight:bold;}
133#maincontent {display: block;height: 1px;overflow: hidden;}
134img.uihint {cursor: help;}
135#addmembersform table {margin-left: auto;margin-right: auto;}
136.formtable tbody th,
137.generaltable th.header {vertical-align: top;}
90723839 138.cell {vertical-align: top;}
90723839
SH
139img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
140form.popupform,
141form.popupform div {display: inline;}
142.arrow_button input {overflow:hidden;}
362bb961
FM
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;}
4460e380
RW
145h1 img.icon,
146h1 img.iconhelp,
147h2 img.icon,
148h2 img.iconhelp,
149h3 img.icon,
150h3 img.iconhelp,
151h4 img.icon,
152h4 img.iconhelp,
153h5 img.icon,
154h5 img.iconhelp,
155h6 img.icon,
8ef1aa40
AN
156h6 img.iconhelp {
157 vertical-align: middle;
158 padding: 4px;
159}
315d4971 160
3451a51c
JC
161/** Table caption support */
162table caption {
163 font-size: 24px;
164 font-weight: bold;
165 line-height: 42px;
166 text-align: left;
167}
168.dir-rtl table caption {
169 text-align: right;
170}
171
8fb93005
SH
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;}
367a75fa
SH
174.pagelayout-report .no-overflow {overflow:visible;}
175.no-overflow > .generaltable {margin-bottom:0;}
176.ie6 .no-overflow {width:100%;}
177
90723839
SH
178/** IE6 float + background bug solution **/
179.ie6 li.section {line-height:1.2em;width:100%;}
6f0a938b 180
90723839 181/**
78946b9b 182 * Accessibility features
90723839 183 */
78946b9b 184/*Accessibility: text 'seen' by screen readers but not visual users. */
f86037c9 185.accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
f140ee3d 186.dir-rtl .accesshide {top:-30000px;left:auto;}
78946b9b 187span.hide,
c7e3e61c 188div.hide {display:none;}
90723839 189.invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
78946b9b 190/*Accessibility: Skip block link, for keyboard-only users. */
90723839
SH
191a.skip-block,
192a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
193a.skip-block:focus,
194a.skip-block:active,
195a.skip:focus,
196a.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;}
78946b9b 201
90723839 202/**
78946b9b 203 * Header
90723839 204 */
3b38bca6
PM
205.headermain {float:left;margin:15px;font-size:2.3em;}
206.headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
fdd4b9a5 207#course-header {clear:both;}
d730eae9 208
6da0e4cf
JC
209/**
210 * User menu
211 */
212.usermenu {
8ef43cfd 213
6da0e4cf 214}
8ef43cfd
JC
215.usermenu .moodle-actionmenu { }
216.usermenu .moodle-actionmenu .toggle-display {
6da0e4cf 217 display: block;
8ef43cfd
JC
218 opacity: 1;
219 height: 40px;
220 line-height: 40px;
221 padding: 6px;
222 color: inherit;
6da0e4cf 223}
8ef43cfd
JC
224.usermenu .moodle-actionmenu .toggle-display .userbutton {
225 height: 40px;
226 line-height: 40px;
6da0e4cf 227}
8ef43cfd 228.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
6da0e4cf 229 display: inline-block;
8ef43cfd
JC
230 height: 36px;
231 width: 36px;
6da0e4cf 232 vertical-align: middle;
8ef43cfd
JC
233 margin-right: 6px;
234 margin-left: 6px;
235}
236.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
237.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
238 display: block;
6da0e4cf 239}
8ef43cfd 240.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
6da0e4cf
JC
241 display: inline-block;
242 vertical-align: middle;
8ef43cfd
JC
243 font-size: 14px;
244 line-height: 1em;
245 color: #777;
6da0e4cf 246}
8ef43cfd
JC
247.usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext {
248 color: #000;
6da0e4cf 249}
8ef43cfd
JC
250.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
251.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
6da0e4cf
JC
252 display: block;
253 font-size: 12px;
254}
8ef43cfd
JC
255.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
256.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
257 font-weight: bold;
258}
259.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
6da0e4cf
JC
260 font-weight: bold;
261}
8ef43cfd
JC
262/* Hide caret when JS is disabled. */
263.usermenu .moodle-actionmenu .toggle-display .caret {
6da0e4cf
JC
264 display: none;
265}
8ef43cfd
JC
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;
6da0e4cf 271}
8ef43cfd
JC
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);
6da0e4cf 276}
8ef43cfd
JC
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;
6da0e4cf
JC
282}
283.userloggedinas .usermenu .userbutton .avatars .avatar {
6da0e4cf
JC
284 overflow: hidden;
285}
286.userloggedinas .usermenu .userbutton .avatars .avatar img {
287 width: inherit;
288 height: inherit;
289}
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;
8ef43cfd
JC
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);
6da0e4cf 301}
8ef43cfd
JC
302
303.jsenabled .usermenu .moodle-actionmenu .toggle-display {
304 display: block;
6da0e4cf 305}
8ef43cfd
JC
306.jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
307 display: inline-block;
308 position: relative;
309 top: 9px;
6da0e4cf 310}
8ef43cfd
JC
311.jsenabled .usermenu .moodle-actionmenu > .menubar {
312 display: block;
313 margin: 0px 0px 2px 0px;
314}
315.jsenabled .usermenu .moodle-actionmenu > .menu {
316 min-width: 160px;
317 font-size: 14px;
318}
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;
326}
327.jsenabled .usermenu .moodle-actionmenu.show .menu {
328 padding: 5px 0;
329 margin: 2px 0 0;
330 background-clip: padding-box;
331}
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;
341}
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;
350}
351.jsenabled .usermenu .moodle-actionmenu.show .menu li a {
352 white-space: nowrap;
353 border-radius: 0;
354}
355.jsenabled .usermenu .moodle-actionmenu.show .menu a:focus,
356.jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
357 text-decoration: none;
358}
359
360.dir-ltr .usermenu {
361 float: right;
362}
363.dir-ltr .usermenu > .moodle-actionmenu > .menu:before {
364 right: 9px;
365}
366.dir-ltr .usermenu > .moodle-actionmenu > .menu:after {
367 right: 10px;
368}
369.dir-ltr .usermenu > .moodle-actionmenu > .menubar li a {
370 text-align: right;
6da0e4cf
JC
371}
372.dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current {
8ef43cfd
JC
373 left: 16px;
374}
375
376.dir-rtl .usermenu {
377 float: left;
378}
379.dir-rtl .usermenu > .moodle-actionmenu > .menu {
380 margin-right: 0px;
381}
382.dir-rtl .usermenu > .moodle-actionmenu > .menu:before {
383 left: 9px;
384}
385.dir-rtl .usermenu > .moodle-actionmenu > .menu:after {
386 left: 10px;
387}
388.dir-rtl .usermenu > .moodle-actionmenu > .menubar li a {
389 text-align: left;
6da0e4cf
JC
390}
391.dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current {
8ef43cfd 392 left: -14px;
6da0e4cf
JC
393}
394
d730eae9
PM
395/**
396 * Navbar
397 */
398.navbar {clear:both;overflow:hidden;}
399.ie6 .navbar {overflow:hidden;height:100%;}
3b38bca6 400.breadcrumb {float:left;}
1470ded5 401.navbutton {text-align:right;}
3b38bca6 402.breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
bf626bbe 403.navbutton {float: right;}
41dcfbf1 404.navbutton .singlebutton {margin-left: 4px}
3b38bca6 405.breadcrumb li,
3b38bca6
PM
406.navbutton div,
407.navbutton form {display:inline;}
90723839
SH
408
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;}
423
24798e5d
DM
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;}
d6a1f63b 434
fdd4b9a5
MG
435#course-footer {clear:both;}
436
90723839
SH
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;}
445
446/**
447 * Mforms
448 */
449.mform fieldset {border:1px solid;}
9d325e60 450.mform fieldset fieldset {border-width:0;}
0ae903bd 451.mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;}
90723839
SH
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;}
7843d2d6 456.mform fieldset.group {margin-bottom: 0}
90723839 457.mform fieldset.error {border: 1px solid #A00;}
53c1b936
ARN
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]]);}
a4b076d5 465.mform fieldset legend {padding: 0 0.35em;}
9d325e60
FM
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;}
0b8bb3fe 469.jsenabled .mform fieldset.collapsed div.fcontainer {display: none;}
90723839 470.mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
619fe67e
FM
471.jsenabled .mform .containsadvancedelements .advanced {display: none;}
472.mform .containsadvancedelements .advanced.show {display: block;}
1c601a53 473.mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
0ae903bd 474.dir-rtl .mform .fitem .fitemtitle {text-align:left;}
90723839 475.mform .fitem .fitemtitle div {display: inline;}
21d4bdb7 476.mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
612aee17 477.mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
1920eebc 478#adminsettings span.error,
90723839
SH
479.mform .error,
480.mform .required {color:#A00;}
1920eebc 481#adminsettings span.error,
0c99005a 482.mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;}
90723839
SH
483.mform .required .fgroup span label {color:#000;}
484.mform .fdescription.required {color:#A00;text-align:right;}
0ae903bd 485.dir-rtl .mform .fdescription.required {text-align:left;}
90723839
SH
486.mform .fpassword .unmask {display:inline;margin-left:0.5em;}
487.mform .ftextarea #id_alltext {width: 100%;}
bbb07332 488.mform .fstaticlabel {font-weight:bold;}
90723839 489.mform ul.file-list {padding:0;margin:0;list-style:none;}
a3e57854
DW
490.mform label { display: inline-block; }
491.mform .iconhelp { margin-left: 4px; }
492.dir-rtl .mform .iconhelp { margin-right: 4px; }
90723839
SH
493.mform label .req,
494.mform label .adv {cursor: help;}
495.mform .fcheckbox input {margin-left: 0;}
41d020b3
FM
496.mform .fcheckbox label,
497.mform .fduration label,
90723839
SH
498.mform .fitem fieldset.fgroup label,
499.mform .fradio label,
41d020b3 500.mform fieldset.fdate_selector label,
5e558976 501.mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;}
41d020b3
FM
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;}
90723839
SH
508.mform .ftags label.accesshide {display: block;position: static;}
509.mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
c55cd6ac
FM
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]]);}
510ccc55
FM
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; }
982f4bc4 517.urlselect label,
b45fcbe6 518.singleselect label { margin-right: .3em; }
982f4bc4 519.dir-rtl .urlselect label,
b45fcbe6 520.dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; }
43c90b9b 521
9d325e60
FM
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%;}
527
5581c618
FM
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; }
532
7a25d398 533input#id_externalurl {direction:ltr;}
90723839
SH
534#portfolio-add-button {display:inline;}
535
db7092b0 536/**
d8383b24 537 * Show the labels above text editors and file managers except on wide screens.
db7092b0 538 */
df9b573d 539#region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
d8383b24 540 font-weight: bold;
db7092b0 541}
d8383b24 542@media (max-width: 1199px) {
df9b573d 543 #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
d8383b24
DW
544 display: block;
545 margin-top: 4px;
546 margin-bottom: 4px;
547 text-align: left;
548 width: 100%;
549 }
df9b573d 550 #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
e6b1d132
DW
551 display: inline-block;
552 width: auto;
553 margin-right: 8px;
554 }
df9b573d 555 .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
e6b1d132
DW
556 margin-right: 0px;
557 margin-left: 8px;
558 }
df9b573d 559 .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
d8383b24
DW
560 text-align: right;
561 }
db7092b0 562
df9b573d 563 #region-main .mform:not(.unresponsive) .fitem .felement {
d8383b24
DW
564 margin-left: 0;
565 width: 100%;
566 float: left;
567 margin-bottom: 6px;
568 padding-left: 0;
569 padding-right: 0;
570 }
df9b573d 571 #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
e6b1d132
DW
572 display: none;
573 }
df9b573d 574 #region-main .mform:not(.unresponsive) .femptylabel .felement {
e6b1d132
DW
575 display: inline-block;
576 margin-top: 4px;
577 width: auto;
578 }
df9b573d 579 .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement {
d8383b24
DW
580 margin-right: 0;
581 float: right;
582 padding-right: 0;
583 padding-left: 0;
584 }
df9b573d
DW
585 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
586 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
d8383b24
DW
587 display: inline-block;
588 width: auto;
589 }
df9b573d 590 .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
d8383b24
DW
591 float: right;
592 }
df9b573d 593 #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
d8383b24
DW
594 padding: 6px;
595 }
db7092b0
DW
596}
597
90723839
SH
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;}
609
90723839
SH
610/**
611 * Blogs
612 */
613.addbloglink {text-align: center;}
f8133217 614.blog_entry .audience {text-align: right;padding-right: 4px;}
90723839 615.blog_entry .tags {margin-top: 15px;}
362bb961 616.blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; }
f8133217 617.blog_entry .content {margin-left: 43px;}
90723839
SH
618
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%;}
f021743e 631.groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;}
90723839
SH
632.groupmanagementtable #removeselect_wrapper,
633.groupmanagementtable #addselect_wrapper {width: 100%;}
634.groupmanagementtable #removeselect_wrapper label,
635.groupmanagementtable #addselect_wrapper label {font-weight: normal;}
b41fc49c 636.dir-rtl .groupmanagementtable p {text-align: right;}
90723839 637#group-usersummary {width: 14em;}
c544ee92 638.groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;}
90723839
SH
639
640/**
641 * Login
642 */
5c5a30fa 643.loginbox {margin:15px;overflow:visible;}
90723839
SH
644.loginbox.twocolumns {margin:15px;}
645.loginbox h2,
646.loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
29a24edd 647.loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;}
90723839 648.loginbox .signuppanel .subcontent {text-align:left;}
4f4315f5 649.dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
90723839
SH
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;}
e8e15929 657.loginbox .loginform .form-label {float:left;text-align:right;width:49%;white-space:nowrap;}
22f8a349
BB
658.loginbox .loginform .form-input {float:right;width:50%;}
659.dir-rtl .loginbox .loginform .form-input {margin-right: 1%;}
90723839
SH
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;}
2ba3f3d2 664.loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; }
0954819f 665.dir-rtl .loginbox.twocolumns .loginpanel, .dir-rtl.loginbox.twocolumns .signuppanel {float:right;}
90723839
SH
666
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;}
675
676/**
677 * My Moodle
678 */
3b593110
FM
679.path-my .coursebox .overview {margin: 15px 30px 10px 30px;}
680.path-my .coursebox .info {float: none; margin: 0;}
90723839
SH
681
682/**
683 * Logs
684 */
685.logtable th {text-align:left;}
686
687/**
688 * Modules
689 */
690.mod_introbox {border:1px solid;padding:10px;}
691table.mod_index {width:100%;}
692
90723839
SH
693/**
694 * Comments
695 */
1dc28ba6 696.comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
90723839 697.comment-ctrl h5 {margin:0;padding: 5px;}
1dc28ba6 698.comment-area {max-width: 400px;padding: 5px;}
90723839 699.comment-area textarea {width:100%;overflow:auto;}
2ff98fb6 700.comment-area textarea.fullwidth {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
90723839
SH
701.comment-area .fd {text-align:right;}
702.comment-meta span {color:gray;}
b621848c 703.comment-link img { vertical-align: text-bottom; }
90723839 704.comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
b621848c 705.comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;}
034699d2 706.comment-list li.first {display:none}
90723839 707.comment-paging{text-align:center;}
c794595d
DC
708.comment-paging .pageno{padding:2px;}
709.comment-paging .curpage{border:1px solid #CCC;}
a2592fec 710.comment-message .picture {width: 20px;float:left;}
b621848c 711.dir-rtl .comment-message .picture {float:right;}
a2592fec
AD
712.comment-message .text {margin:0;padding:0;}
713.comment-message .text p {padding:0;margin:0 18px 0 0;}
b621848c
FM
714.comment-delete {position: absolute; top: 0; right: 0;margin: .3em;}
715.dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;}
39e19487 716.comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
1dc28ba6 717.comment-container {float:left;margin: 4px;}
34e20eb4 718.comment-report-selectall{display:none}
b667ba00
DC
719.comment-link {display:none}
720.jsenabled .comment-link {display:block}
034699d2 721.jsenabled .showcommentsnonjs{display:none}
34e20eb4 722.jsenabled .comment-report-selectall{display:inline}
90723839
SH
723
724/**
725 * Completion progress report
726 */
727.completion-expired {background:#FFDDDD;}
728.completion-expected {font-size:0.75em;}
24e14bc7 729.completion-sortchoice,
730.completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
90723839
SH
731.completion-progresscell {text-align:right;}
732.completion-expired .completion-expected {font-weight:bold;}
90723839
SH
733
734/**
735 * Tags
736 */
737#page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
738#page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
739#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
740#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
741#page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
742#page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
743#page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
744#page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
745#tag-description,
746#tag-blogs {width:100%;}
747#tag-management-box {margin-bottom:10px;line-height:20px;}
748#tag-user-table {padding:3px;clear: both;width:100%;}
749#tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
750img.user-image {height:100px;width:100px;}
751#small-tag-cloud-box {width:300px;margin:0 auto;}
752#big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
753ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
754ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
755#tag-search-box {text-align:center;margin:10px auto;}
756#tag-search-results-container {padding:0;width:100%;}
757#tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
758#tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
759span.flagged-tag,
8e355853
MG
760tr.flagged-tag,
761span.flagged-tag a,
762tr.flagged-tag a {color:#FF0000;}
763.tag-management-table td,
764.tag-management-table th {vertical-align: middle;padding: 4px;}
765.tag-management-table tr td.tageditingon .displaytagname,
766.tag-management-table td .edittagname {display: none;}
767.tag-management-table tr td.tageditingon .edittagname {display: inherit; position: relative;}
768.tag-management-table tr td.tageditingon .edittagname .editinstructions {margin-right: -300px; margin-left: 0;}
769.tag-management-table tr td .tagnameedit img {opacity: 0.2;}
770.tag-management-table tr:hover td .tagnameedit img,
771.tag-management-table tr td .tagnameedit:focus img {opacity: 1;}
772.tag-management-table tr:hover td.tageditingon .tagnameedit img {opacity: 0.2;}
90723839
SH
773#relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
774#relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
775#relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
776#relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
777#relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
778#relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
779#relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
780#relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
781h2.tag-heading,
782div#tag-description,
783div#tag-blogs,
784body.tag .managelink {padding: 5px;}
785.tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
786.tag_cloud .s19 {font-size: 1.5em;}
787.tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
788.tag_cloud .s17 {font-size: 1.4em;}
789.tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
790.tag_cloud .s15 {font-size: 1.3em;}
791.tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
792.tag_cloud .s13 {font-size: 1.2em;}
793.tag_cloud .s12,
794.tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
795.tag_cloud .s10,
796.tag_cloud .s9 {font-size: 1.1em;}
797.tag_cloud .s8,
798.tag_cloud .s7 {font-size: 1em;font-weight: bold;}
799.tag_cloud .s6,
800.tag_cloud .s5 {font-size: 1em;}
801.tag_cloud .s4,
802.tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
803.tag_cloud .s2,
804.tag_cloud .s1 {font-size: 0.9em;}
805.tag_cloud .s0 {font-size: 0.8em;}
806
1904e9b3
SH
807/*
808 * Backup and Restore CSS
90723839 809 */
1904e9b3
SH
810.path-backup .mform .grouped_settings.section_level {clear:both;}
811.path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
812.path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
7332a439 813.path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
1904e9b3 814.path-backup .mform .grouped_settings .fitem .felement {width:50%;}
88372410 815.path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
7332a439 816.path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
bf6d283e 817.path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
7332a439 818.path-backup.dir-rtl .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
1904e9b3 819.path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
7332a439 820.path-backup.dir-rtl .mform .grouped_settings.section_level .normal_setting {margin:0;}
bf6d283e 821.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
7332a439 822.path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
bf6d283e 823.path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
1904e9b3
SH
824.path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
825.path-backup .backup_progress {text-align:center;}
d2dbd0c0 826.path-backup .backup_progress span.backup_stage {color:#999;}
1904e9b3
SH
827.path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
828.path-backup .backup_progress .backup_stage.backup_stage_next {}
d2dbd0c0 829.path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
7b5f67f7
DM
830#page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
831#page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
d9f95015
FM
832.path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
833.path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
834.path-backup .fitem .smallicon { vertical-align: text-bottom; }
f06abc2a 835.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;}
836.path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
837.path-backup .wibbler .state0 { background: #eee; }
838.path-backup .wibbler .state1 { background: #ddd; }
839.path-backup .wibbler .state2 { background: #ccc; }
840.path-backup .wibbler .state3 { background: #bbb; }
841.path-backup .wibbler .state4 { background: #aaa; }
842.path-backup .wibbler .state5 { background: #999; }
843.path-backup .wibbler .state6 { background: #888; }
844.path-backup .wibbler .state7 { background: #777; }
845.path-backup .wibbler .state8 { background: #666; }
846.path-backup .wibbler .state9 { background: #555; }
847.path-backup .wibbler .state10 { background: #444; }
848.path-backup .wibbler .state11 { background: #333; }
849.path-backup .wibbler .state12 { background: #222; }
77b3d9df 850.path-backup .backup_log { margin-top: 2em; }
851.path-backup .backup_log h2 { font-size: 1em; }
852.path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
90723839 853
00c832d7 854/*
855 * CSS for availability options on module and section. This is taken from the
856 * Bootstrap version and tweaked so it works on base.
857 */
858#fitem_id_availabilityconditionsjson .label {
859 background: #999;
860 padding: 2px 4px;
861 border-radius: 4px;
862 font-size: 0.8em;
863 font-weight: bold;
864 color: #fff;
865}
866#fitem_id_availabilityconditionsjson .label-warning {
867 background: #f89406;
868 position:relative;
869 top: -1px;
870}
871#fitem_id_availabilityconditionsjson .label:empty {
872 display: none;
873}
874#fitem_id_availabilityconditionsjson *[aria-hidden=true] {
875 display: none;
876}
877x#fitem_id_availabilityconditionsjson select,
878x#fitem_id_availabilityconditionsjson input[type=text] {
879 position:relative;
880 top: 4px;
881}
882#fitem_id_availabilityconditionsjson label {
883 display: inline;
884}
885#fitem_id_availabilityconditionsjson .availability-group {
886 margin-right: 8px;
887}
888.dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
889 margin-right: 0;
890 margin-left: 8px;
891}
892#fitem_id_availabilityconditionsjson .availability-item,
893#fitem_id_availabilityconditionsjson .availability-header {
894 margin-bottom: 6px;
895}
896#fitem_id_availabilityconditionsjson .availability-none {
897 margin-left: 20px;
898 margin-bottom: 4px;
899}
900.dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
901 margin-right: 20px;
902 margin-left: 0;
903}
904#fitem_id_availabilityconditionsjson .availability-plugincontrols {
905 padding: 4px 0px 4px 4px;
906 background: none repeat scroll 0% 0% #eee;
907 border: 1px solid #ddd;
908 border-radius: 4px;
909 display: inline-block;
910 margin-right: 8px;
911}
912.dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
913 padding-right: 4px;
914 padding-left: 0px;
915 margin-right: 0;
916 margin-left: 8px;
917}
918#fitem_id_availabilityconditionsjson .availability-eye,
919#fitem_id_availabilityconditionsjson .availability-delete {
920 margin-right: 8px;
921}
922.dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
923.dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
924 margin-left: 8px;
925 margin-right: 0;
926}
927#fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
928 display: inline;
929 visibility: hidden;
930}
931#fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
932 vertical-align: top;
933 margin-top: 12px;
934}
935#fitem_id_availabilityconditionsjson .availability-button {
936 margin-left: 15px;
937}
938.dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
939 margin-right: 15px;
940 margin-left: 0;
941}
942#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
943 display: inline-block;
944 background: #eee;
945 border: 1px solid #ddd;
946 border-radius: 4px;
947 padding: 6px;
948 margin-bottom: 6px;
949}
950#fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
951 background: white;
952}
953#fitem_id_availabilityconditionsjson .availability-connector {
954 margin-left: 20px;
955 margin-bottom: 6px;
956}
957.dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
958 margin-right: 20px;
959 margin-left: 0;
960}
961
962.mform .error .availability-field {
963 color: black;
964}
965
966.availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
967 padding-left: 0;
968 padding-right: 0;
969 padding-bottom: 2px;
970}
971.availability-dialogue ul {
972 display: block;
973 margin: 0;
974}
975.availability-dialogue li {
976 display: block;
977 list-style-type: none;
978 padding: 0 0 4px;
979 clear: both;
980 border-bottom: 1px solid #eee;
981 margin-bottom: 4px;
982}
983.availability-dialogue ul button {
984 float: left;
985 margin-left: 1em;
986 min-width: 140px;
987 margin-top: 4px;
988}
989.dir-rtl .availability-dialogue ul button {
990 float: right;
991 margin-right: 1em;
992 margin-left: 0;
993}
994.availability-dialogue label {
995 margin-left: 170px;
996 margin-right: 1em;
997 margin-bottom: 0;
998 display: block;
999 line-height: 1.5;
1000}
1001.dir-rtl .availability-dialogue label {
1002 margin-right: 170px;
1003 margin-left: 1em;
1004}
1005.availability-dialogue .availability-buttons button {
1006 margin-left: 1em;
1007 margin-right: 1em;
1008 margin-top: 4px;
1009}
1010
90723839
SH
1011/**
1012 * Web Service
1013 */
b1d124d1 1014#webservice-doc-generator td {text-align: left;border: 0px solid black;}
36282d85 1015
d2dbd0c0
SH
1016/**
1017 * Custom menu
1018 */
1019#custommenu {clear:both;}
1ded6e1f 1020#custommenu .yui3-menu .yui3-menu {z-index:500;}
d2dbd0c0
SH
1021#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
1022#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
1023#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
1024#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
6c95e46a 1025#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
d2dbd0c0
SH
1026#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
1027#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
1028#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;}
1029#custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
1030#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
1031#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
1032#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
1033#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
572dd8ec 1034
6c95e46a
SH
1035/**
1036 * Fix for broken YUI images in the menunav component
1037 */
1038#custommenu .yui3-menu-label,
1039#custommenu .yui3-menuitem-content {cursor:pointer;}
1040#custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
1041#custommenu .yui3-menuitem-active,
1042#custommenu .yui3-menuitem-active .yui3-menuitem-content,
1043#custommenu .yui3-menu-horizontal .yui3-menu-label,
1044#custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
8f85249a 1045#custommenu .yui3-menu-label,
27d36445 1046#custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
6c95e46a
SH
1047#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
1048
328ef3df
JC
1049/**
1050 * Dividers.
1051 */
1052.yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
1053 overflow: hidden;
1054 width: 0;
1055 height: 24px;
1056 border-left: 1px solid #ddd;
1057}
1058.yui3-menu .yui3-menu .yui3-menuitem.divider {
1059 width: auto;
1060 height: 0;
1061 margin: 4px 1px;
1062 border-left: 0px none;
1063 border-top: 1px solid #ddd;
1064}
1065.yui3-menu .yui3-menuitem.divider a {
1066 visibility: invisible;
1067}
1068
572dd8ec
SH
1069/**
1070 * Smart Select Element
1071 */
1072.smartselect {position:absolute;}
1073.smartselect .smartselect_mask {background-color:#fff;}
1074.smartselect ul {padding: 0;margin: 0;}
1075.smartselect ul li {list-style: none;}
1076.smartselect .smartselect_menu {margin-right:5px;}
1077.safari .smartselect .smartselect_menu {margin-left:2px;}
1078.smartselect .smartselect_menu,
1079.smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
1080.smartselect .smartselect_menu.visible,
1081.smartselect .smartselect_submenu.visible {display:block;}
1082.smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
1083.smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
1084.smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
43be52d3 1085.smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
572dd8ec
SH
1086/** Spanning mode */
1087.smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
1088.smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
572dd8ec
SH
1089.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
1090/** Compact mode */
43be52d3 1091.smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
572dd8ec
SH
1092.smartselect.compactmenu .smartselect_submenu.visible {display:block;}
1093.smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
1094.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
1095.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
af7c1e29 1096
139978e5 1097/**
1098 * Registration
1099 */
26ffb4b1 1100#page-admin-registration-register .registration_textfield {width: 300px;}
a70eb30f
SH
1101
1102/**
1103 * Enrol
1104 */
1105.userenrolment {width:100%;border-collapse: collapse;}
3d907759
SH
1106.userenrolment tr {vertical-align:top;}
1107.userenrolment td {height:41px;padding:3px;}
1108.userenrolment td > * {margin:3px;}
a70eb30f
SH
1109.userenrolment .subfield {margin-right:5px;}
1110.userenrolment .col_userdetails .subfield_picture {float:left;}
1111.userenrolment .col_lastseen {width:150px;}
1112.userenrolment .col_role {width:262px;}
3d907759 1113.userenrolment .col_role .roles,
a70eb30f 1114.userenrolment .col_group .groups {margin-right:30px;}
3d907759
SH
1115.userenrolment .col_role .role,
1116.userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;}
1117.userenrolment .col_role .role a,
a70eb30f 1118.userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
3d907759
SH
1119.userenrolment .col_role .addrole,
1120.userenrolment .col_group .addgroup {float:right;}
1121.userenrolment .col_role .addrole a img,
a70eb30f 1122.userenrolment .col_group .addgroup a img {vertical-align:bottom;}
3d907759
SH
1123.userenrolment .hasAllRoles .col_role .addrole {display:none;}
1124.dir-rtl .userenrolment .col_role .role {float:right;}
1125
1126.userenrolment .col_enrol .enrolment {float:left;}
43c90b9b 1127.userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
410135aa 1128#page-enrol-users .enrol_user_buttons {float:right;}
71638033 1129#page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
410135aa
SH
1130#page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
1131#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1132#page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
1133#page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
2062be1a 1134#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
71638033 1135#page-enrol-users #filterform div,
1136#page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
1137#page-enrol-users #filterform .fitem {white-space:nowrap;}
1138#page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
1139#page-enrol-users #filterform select,
1140#page-enrol-users #filterform .ftext input {width:8em;}
1141#page-enrol-users #filterform #fitem_id_role,
1142#page-enrol-users #filterform #fitem_id_ifilter,
1143#page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
1144#page-enrol-users .paging { clear: right; }
43c90b9b 1145
3a42ad12 1146/**
315d4971
RW
1147* Overide for RTL layout
1148**/
43c90b9b 1149.dir-rtl .headermain {float:right;}
8ef43cfd 1150.dir-rtl .headermenu {float:left; text-align: left; }
43c90b9b
RW
1151.dir-rtl .breadcrumb {float:right;}
1152.dir-rtl .navbutton {float: left;}
41dcfbf1 1153.dir-rtl .navbutton .singlebutton {margin-right: 4px}
43c90b9b
RW
1154.dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
1155.dir-rtl .mform .fitem .fitemtitle {float:right;}
1156.dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
1157.dir-rtl .loginbox .loginform .form-input {text-align: right;}
2062be1a
ME
1158.dir-rtl .yui3-menu-hidden {left: 0px;}
1159#page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
1160#page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
57e8a936 1161
315d4971
RW
1162/**
1163 * Backup
1164 */
785d6603
SH
1165.backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
1166.backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
71d1751c 1167.backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
785d6603
SH
1168.backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
1169.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;}
1170.backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
1171.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
1172.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
1173.backup-restore .activitytable {width:60%;min-width:500px;}
1174.backup-restore .activitytable .modulename {width:100px;}
1175.backup-restore .activitytable .moduleincluded {width:50px;}
1176.backup-restore .activitytable .userinfoincluded {width:50px;}
1177.backup-restore .detail-pair {}
1178.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;}
1179.backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
1180.backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
c3853702 1181.backup-restore > .singlebutton {text-align:right;}
70e7b634
FM
1182.path-backup .mform .fgroup .proceedbutton,
1183.path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;}
1184.dir-rtl.path-backup .mform .fgroup .proceedbutton,
1185.dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;}
785d6603 1186
3acc9b81
SH
1187.restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1188.restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 1189.restore-course-search .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
1190.restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1191
1192.restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1193.restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 1194.restore-course-category .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
1195.restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1196
57e8a936 1197.corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
bb128107 1198.corelightbox img {position:fixed;top:50%; left: 50%;}
315d4971 1199
4c9e8ea7 1200.mod-indent {display:table-cell;}
41c2a197 1201.label .mod-indent {float:left; padding-top:20px}
4c9e8ea7
AN
1202.mod-indent-1 {width:30px;}
1203.mod-indent-2 {width:60px;}
1204.mod-indent-3 {width:90px;}
1205.mod-indent-4 {width:120px;}
1206.mod-indent-5 {width:150px;}
1207.mod-indent-6 {width:180px;}
1208.mod-indent-7 {width:210px;}
1209.mod-indent-8 {width:240px;}
1210.mod-indent-9 {width:270px;}
1211.mod-indent-10 {width:300px;}
1212.mod-indent-11 {width:330px;}
1213.mod-indent-12 {width:360px;}
1214.mod-indent-13 {width:390px;}
1215.mod-indent-14 {width:420px;}
bd77886b
JC
1216.mod-indent-15 {width:450px;}
1217.mod-indent-16,
1218.mod-indent-huge {width:480px;}
7a25d398 1219
409c12f2 1220.dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
4e0b7ff2 1221.dir-rtl .mform .fitem .felement input[name=email],
24c99b70 1222.dir-rtl .mform .fitem .felement input[name=email2],
4e0b7ff2
NK
1223.dir-rtl .mform .fitem .felement input[name=url],
1224.dir-rtl .mform .fitem .felement input[name=idnumber],
1225.dir-rtl .mform .fitem .felement input[name=phone1],
1226.dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
b41fc49c 1227
daefd6eb 1228/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1229.resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
1230.resourcecontent audio.mediaplugin_html5audio {width: 600px}
1231
6e084e5f
MS
1232/** Large resource images should avoid hidden overflow **/
1233.resourceimage {max-width: 100%;}
1234
daefd6eb 1235/* Audio player size in 'inline' mode (can only change width, as above) */
1236.mediaplugin_mp3 object {height:15px;width:300px}
1237audio.mediaplugin_html5audio {width: 300px}
0235bd87 1238
f4e7ba5e 1239/* TinyMCE moodle media preview frame should not have padding */
a2633964 1240.core_media_preview.pagelayout-embedded #page-content {padding:0;}
f4e7ba5e 1241.core_media_preview.pagelayout-embedded #maincontent {height:0;}
1242.core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
1243
0235bd87 1244/*
1bb48462
ME
1245Fix for SubScript & SuperScript
1246------------------------------*/
b41fc49c
NK
1247sub {vertical-align: sub;}
1248sup {vertical-align: super;}
1249
1250/** Fix YUI 2 Treeview for Right to left languages **/
1251.dir-rtl .ygtvtn,
1252.dir-rtl .ygtvtm,
1253.dir-rtl .ygtvtmh,
1254.dir-rtl .ygtvtmhh,
1255.dir-rtl .ygtvtp,
1256.dir-rtl .ygtvtph,
1257.dir-rtl .ygtvtphh,
1258.dir-rtl .ygtvln,
1259.dir-rtl .ygtvlm,
1260.dir-rtl .ygtvlmh,
1261.dir-rtl .ygtvlmhh,
1262.dir-rtl .ygtvlp,
1263.dir-rtl .ygtvlph,
1264.dir-rtl .ygtvlphh,
1265.dir-rtl .ygtvdepthcell,
1266.dir-rtl .ygtvok,
1267.dir-rtl .ygtvok:hover,
1268.dir-rtl .ygtvcancel,
1269.dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
1270
1271.dir-rtl .ygtvtn {background-position: 0 -5600px;}
1272.dir-rtl .ygtvtm {background-position: 0 -4000px;}
1273.dir-rtl .ygtvtmh,
1274.dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
1275.dir-rtl .ygtvtp {background-position: 0 -6400px;}
1276.dir-rtl .ygtvtph,
1277.dir-rtl .ygtvtphh {background-position: 0 -7200px;}
1278.dir-rtl .ygtvln {background-position: 0 -1600px;}
1279.dir-rtl .ygtvlm {background-position: 0 0;}
1280.dir-rtl .ygtvlmh,
1281.dir-rtl .ygtvlmhh {background-position: 0 -800px;}
1282.dir-rtl .ygtvlp {background-position: 0 -2400px;}
1283.dir-rtl .ygtvlph,
1284.dir-rtl .ygtvlphh {background-position: 0 -3200px}
1285.dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
1286.dir-rtl .ygtvok {background-position: 0 -8800px;}
1287.dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
1288.dir-rtl .ygtvcancel {background-position: 0 -8822px;}
1289.dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
1290
b41fc49c
NK
1291.dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
1292.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
1293
1294/** Fix TinyMCE editor right to left **/
1295.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
3ae75b44
ME
1296.dir-rtl .o2k7Skin table,
1297.dir-rtl .o2k7Skin tbody,
1298.dir-rtl .o2k7Skin a,
1299.dir-rtl .o2k7Skin img,
1300.dir-rtl .o2k7Skin tr,
1301.dir-rtl .o2k7Skin div,
1302.dir-rtl .o2k7Skin td,
1303.dir-rtl .o2k7Skin iframe,
1304.dir-rtl .o2k7Skin span,
1305.dir-rtl .o2k7Skin *,
b41fc49c 1306.dir-rtl .o2k7Skin .mceText,
1559583c 1307.dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
2b04c41c
SH
1308
1309.path-rating .ratingtable {width:100%;margin-bottom:1em;}
1310.path-rating .ratingtable th.rating {width:100%;}
1311.path-rating .ratingtable td.rating,
f6f7a726 1312.path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
3ae75b44 1313
d1c96f66 1314/* Fix for ordered and unordered list in course topic summary & course weekly summary */
486a9ad8 1315
231d40d5
ME
1316.course-content ul.weeks .content .summary ul,
1317.course-content ul.topics .content .summary ul {list-style: disc outside none;}
486a9ad8 1318
231d40d5
ME
1319.course-content ul.weeks .content .summary ol,
1320.course-content ul.topics .content .summary ol {list-style: decimal outside none;}
7a25d398
NK
1321
1322.dir-rtl #adminsettings #id_s__pathtodu,
1323.dir-rtl #adminsettings #id_s__aspellpath,
1324.dir-rtl #adminsettings #id_s__pathtodot,
1325.dir-rtl #adminsettings #id_s__supportemail,
1326.dir-rtl #adminsettings #id_s__supportpage,
1327.dir-rtl #adminsettings #id_s__sessioncookie,
1328.dir-rtl #adminsettings #id_s__sessioncookiepath,
1329.dir-rtl #adminsettings #id_s__sessioncookiedomain,
1330.dir-rtl #adminsettings #id_s__proxyhost,
1331.dir-rtl #adminsettings #id_s__proxyuser,
1332.dir-rtl #adminsettings #id_s__proxypassword,
1333.dir-rtl #adminsettings #id_s__proxybypass,
1334.dir-rtl #adminsettings #id_s__jabberhost,
1335.dir-rtl #adminsettings #id_s__jabberserver,
1336.dir-rtl #adminsettings #id_s__jabberusername,
1337.dir-rtl #adminsettings #id_s__jabberpassword,
1338.dir-rtl #adminsettings #id_s__additionalhtmlhead,
1339.dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
1340.dir-rtl #adminsettings #id_s__additionalhtmlfooter,
1341.dir-rtl #adminsettings #id_s__docroot,
1342.dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
1343.dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
1344.dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
1345.dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
1346.dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
1347.dir-rtl #adminsettings #id_s__blockedip,
1348.dir-rtl #adminsettings #id_s__pathtoclam,
1349.dir-rtl #adminsettings #id_s__quarantinedir,
1350.dir-rtl #adminsettings #id_s__sitepolicy,
1351.dir-rtl #adminsettings #id_s__sitepolicyguest,
1352.dir-rtl #adminsettings #id_s__cronremotepassword,
1353.dir-rtl #adminsettings #id_s__allowedip,
1354.dir-rtl #adminsettings #id_s__blockedip,
1355.dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
1356.dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
1357.dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
1358.dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
1359.dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
1360.dir-rtl #adminsettings #admin-emoticons .form-text,
1361.dir-rtl #adminsettings #admin-role_mapping input[type=text],
1362.dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
1363.dir-rtl #adminsettings #id_s_enrol_flatfile_location,
1364#page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
1365#page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
1366#page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
1367
1368#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
1369
b04ae8ad 1370#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
642b1ca3 1371.initialbar a {padding-right: 2px;}
01e0e704 1372
2324cf04
ARN
1373/* Moodle Dialogue Settings (moodle-core-dialogue) */
1374.moodle-dialogue-base .moodle-dialogue-lightbox {
1375 background-color:#AAA;
01e0e704
ARN
1376}
1377
22c943b3
SH
1378.moodle-dialogue-base .moodle-dialogue {
1379 outline: #000 dotted 0;
1380}
1381
2324cf04
ARN
1382.moodle-dialogue-base .hidden,
1383.moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
89e00e91 1384.moodle-dialogue-base .moodle-dialogue {
2324cf04
ARN
1385 padding: 0;
1386 margin: 0;
1387 background: none;
1388 border: none;
1389 /* Override the z-index set incorrectly by the YUI dialogue */
03bd9e7b 1390 z-index: 600;
89e00e91
BR
1391}
1392
bf7c86cf
DW
1393.no-scrolling { overflow: hidden; }
1394
2a808cef 1395.moodle-dialogue-base .moodle-dialogue-fullscreen {
bf7c86cf
DW
1396 left: 0px;
1397 top: 0px;
2a808cef
DW
1398 right: 0px;
1399 bottom: -50px;
1400 position: fixed;
1401}
ee0a9ce9
AN
1402.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1403 overflow: auto;
1404}
2a808cef
DW
1405.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1406 width: 28px;
1407 height: 16px;
1408 background-size: 100%;
bf7c86cf 1409}
2324cf04 1410
2a808cef 1411
2324cf04
ARN
1412.moodle-dialogue-base .moodle-dialogue-wrap {
1413 margin-top:-3px;
1414 margin-left:-3px;
89e00e91 1415 background-color: #FFFFFF;
2324cf04 1416 border: 1px solid #CCCCCC;
4bbacb86 1417 border-radius: 10px;
8d25aeb7
BR
1418 box-shadow: 5px 5px 20px 0px #666666;
1419 -webkit-box-shadow: 5px 5px 20px 0px #666666;
1420 -moz-box-shadow: 5px 5px 20px 0px #666666;
4bbacb86 1421 overflow: hidden;
89e00e91 1422}
ef56323c
BB
1423.moodle-dialogue-base h3 {
1424 margin: 0;
1425 line-height: 20px;
1426}
4bbacb86 1427.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1428.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
2324cf04
ARN
1429 margin:0;
1430 padding:5px;
1431 font-size:12px;
1432 font-weight: normal;
8d25aeb7 1433 letter-spacing: 1px;
2324cf04
ARN
1434 color:#333333;
1435 text-align: center;
8d25aeb7 1436 text-shadow: 1px 1px 1px #FFFFFF;
8d25aeb7 1437 border-radius: 10px 10px 0px 0px;
2324cf04 1438 border-bottom: 1px solid #BBBBBB;
c8b0cb26
JF
1439 background-color: #CCCCCC;
1440 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1441 -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1442 background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */
1443 background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */
1444 background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/
1445 background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */
1446 background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */
89e00e91 1447}
2324cf04
ARN
1448
1449.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1450 margin:0;
1451 padding:0;
1452 display:inline;
1453 font-size: 100%;
1454 font-weight: bold;
1455}
1456.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1457 padding: 5px;
1458}
1459.moodle-dialogue-base .closebutton {
1460 width:25px;
1461 height:15px;
1462 float:right;
1463 vertical-align:middle;
1464 display:inline-block;
1465 cursor:pointer;
1466 padding:0px;
1467 background-image:url([[pix:theme|sprite]]);
1468 background-repeat:no-repeat;
1469 border-style:none;
1470}
1471.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1472 left: 0px;
1473 right: auto;
1474}
1475
1476.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
2324cf04
ARN
1477 padding: 1em;
1478 line-height: 2em;
1479 color: #555;
1480 font-size: 12px;
1481}
1482
1483.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1484 padding:0px;
1485 background:#FFF;
1486}
1487
d61c96b6
DW
1488.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1489 padding: 10px;
1490 font-size: 16px;
1491}
1492
2a808cef
DW
1493.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1494 overflow: auto;
1495 position: absolute;
1496 top: 0px;
1497 bottom: 50px;
1498 left: 0px;
1499 right: 0px;
d61c96b6
DW
1500 margin: 0px;
1501 border: 0px;
1502}
1503.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1504.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1505 border-radius: 0px;
1506}
1507
2324cf04
ARN
1508.moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1509.moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1510.moodle-dialogue-exception .moodle-exception-message {text-align:center}
1511.moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1512.moodle-dialogue-exception .param-stacktrace label {
1513 background-color:#EEE;
1514 border:1px solid #ccc;
1515 border-bottom-width:0;
1516}
1517
1518.moodle-dialogue-exception .param-stacktrace pre {
1519 border:1px solid #ccc;
1520 background-color:#fff;
1521}
1522
1523.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
2c653f99
ARN
1524 color:navy;
1525 font-size:80%;
2324cf04
ARN
1526}
1527.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
2c653f99
ARN
1528 color:#AA0000;
1529 font-size:80%;
2324cf04
ARN
1530}
1531.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
2c653f99
ARN
1532 color:#333;
1533 font-size:90%;
1534 border-bottom:1px solid #eee;
2324cf04
ARN
1535}
1536
1537.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1538 padding:0px;
1539 margin: 0.7em 1em;
1540 text-align: right;
1541 background-color: #FFF;
1542 font-size: 12px;
1543}
1544
1545.moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1546.moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1547.moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1548.moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1549.moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1550.moodle-dialogue-exception .param-stacktrace label {
1551 display:block;
1552 margin:0;
1553 padding:4px 1em;
1554}
1555.moodle-dialogue-exception .param-stacktrace pre {
1556 display:block;
1557 height:200px;
1558 overflow:auto;
1559}
1560
1561.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
0110cc2d 1562 display:inline-block;
2c653f99 1563 margin:4px 0;
2324cf04
ARN
1564}
1565.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
2c653f99
ARN
1566 display:inline-block;
1567 width:50px;
1568 margin:4px 1em;
2324cf04
ARN
1569}
1570.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
2c653f99
ARN
1571 padding-left:25px;
1572 margin-bottom:4px;
1573 padding-bottom:4px;
2324cf04
ARN
1574}
1575
238b8bc9
ARN
1576.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1577 opacity: .75;
1578 width: 100%;
1579 height: 100%;
1580 top: 0;
1581 left: 0;
1582 background-color: white;
1583 text-align: center;
1584 padding: 10% 0;
1585}
1586
1587/* Apply a default max-height on tooltip text */
1588.moodle-dialogue .tooltiptext {
1589 max-height: 300px;
1590}
1015b24b
ARN
1591.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1592 z-index: 3001;
1593}
9d6d88e1
AN
1594.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1595 overflow: auto;
1596}
2324cf04 1597
4fb73253
NK
1598/* Question Bank - Question Chooser "Close" button */
1599#page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
89e00e91 1600
2324cf04
ARN
1601/**
1602 * Chooser Dialogues (moodle-core-chooserdialogue)
1603 *
1604 * This CSS belong to the chooser dialogue which should work both with, and
1605 * without javascript enabled
1606 */
1607/* Hide the dialog and it's title */
1608.chooserdialoguebody,
1609.choosertitle {
1610 display:none;
1611}
1612.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1613 margin: 0;
1614}
1615
7b67e0c5 1616.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
89e00e91
BR
1617 padding: 0px;
1618 background: #F2F2F2;
1619 border-bottom-left-radius: 10px;
1620 border-bottom-right-radius: 10px;
2d115181
ARN
1621}
1622
01e0e704 1623/* Center the submit buttons within the area */
255dd8d1 1624.choosercontainer #chooseform .submitbuttons {
7d4e3575 1625 padding: 0.7em 0;
01e0e704
ARN
1626 text-align: center;
1627}
1628
255dd8d1 1629.choosercontainer #chooseform .submitbuttons input {
35e1abcd
ARN
1630 min-width: 100px;
1631 margin: 0px 0.5em;
1632}
1633
01e0e704 1634/* Various settings for the options area */
255dd8d1 1635.choosercontainer #chooseform .options {
01e0e704 1636 position: relative;
89e00e91 1637 border-bottom: 1px solid #BBBBBB;
01e0e704
ARN
1638}
1639
1640/* Only set these options if we're showing the js container */
6d402310 1641.jschooser .choosercontainer #chooseform .alloptions {
01e0e704
ARN
1642 overflow-x: hidden;
1643 overflow-y: auto;
64063bdb 1644 max-width: 20.3em;
8d25aeb7
BR
1645 box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1646 -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1647 -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
01e0e704 1648}
6d402310 1649.dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
3b72fe05
NK
1650 max-width: 18.3em;
1651}
01e0e704
ARN
1652
1653/* Settings for option rows and option subtypes */
255dd8d1
ARN
1654.choosercontainer #chooseform .moduletypetitle,
1655.choosercontainer #chooseform .option,
1656.choosercontainer #chooseform .nonoption {
01e0e704 1657 margin-bottom: 0;
89e00e91 1658 padding: 0 1.6em 0 1.6em;
01e0e704
ARN
1659}
1660
255dd8d1 1661.choosercontainer #chooseform .moduletypetitle {
89e00e91 1662 text-transform: uppercase;
8d25aeb7
BR
1663 padding-top: 1.2em;
1664 padding-bottom: 0.4em;
01e0e704
ARN
1665}
1666
255dd8d1 1667.choosercontainer #chooseform .option .typename,
64063bdb
BR
1668.choosercontainer #chooseform .option span.modicon img.icon,
1669.choosercontainer #chooseform .nonoption .typename,
1670.choosercontainer #chooseform .nonoption span.modicon img.icon {
89e00e91 1671 padding: 0 0 0 0.5em;
01e0e704 1672}
bb128107
FM
1673.dir-rtl .choosercontainer #chooseform .option .typename,
1674.dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1675.dir-rtl .choosercontainer #chooseform .nonoption .typename,
1676.dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1677 padding: 0 0.5em 0 0;
1678}
01e0e704 1679
5b932559
AN
1680.chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1681.chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
2df53c3e
BR
1682 height: 24px; width: 24px;
1683}
1684
255dd8d1
ARN
1685.choosercontainer #chooseform .option input[type=radio],
1686.choosercontainer #chooseform .option span.typename,
1687.choosercontainer #chooseform .option span.modicon {
01e0e704
ARN
1688 vertical-align: middle;
1689}
1690
255dd8d1 1691.choosercontainer #chooseform .option label {
01e0e704 1692 display: block;
89e00e91
BR
1693 padding: 0.3em 0 0.1em 0;
1694 border-bottom: 1px solid #FFFFFF;
01e0e704
ARN
1695}
1696
64063bdb
BR
1697.choosercontainer #chooseform .nonoption {
1698 padding-left: 2.7em;
1699 padding-top: 0.3em;
1700 padding-bottom: 0.1em;
1701}
bb128107
FM
1702.dir-rtl .choosercontainer #chooseform .nonoption {
1703 padding-right: 2.7em;
1704 padding-left: 0;
1705}
64063bdb
BR
1706
1707.choosercontainer #chooseform .subtype {
1708 margin-bottom: 0;
1709 padding: 0 1.6em 0 3.2em;
1710}
f17c3dae 1711.dir-rtl .choosercontainer #chooseform .subtype {
bb128107 1712 padding: 0 3.2em 0 1.6em;
f17c3dae 1713}
64063bdb
BR
1714
1715.choosercontainer #chooseform .subtype .typename {
1716 margin: 0 0 0 0.2em;
1717}
bb128107
FM
1718.dir-rtl .choosercontainer #chooseform .subtype .typename {
1719 margin: 0 0.2em 0 0;
1720}
64063bdb 1721
01e0e704 1722/* The instruction/help area */
6d402310
AN
1723.jschooser .choosercontainer #chooseform .instruction,
1724.jschooser .choosercontainer #chooseform .typesummary {
01e0e704
ARN
1725 display: none;
1726 position: absolute;
1727 top: 0px;
1728 right: 0px;
1729 bottom: 0px;
64063bdb 1730 left: 20.3em;
01e0e704 1731 margin: 0;
af9c48cb 1732 padding: 1.6em;
59e807e8 1733 background-color: #FFFFFF;
01e0e704
ARN
1734 overflow-x: hidden;
1735 overflow-y: auto;
89e00e91 1736 line-height: 2em;
01e0e704
ARN
1737}
1738
6d402310
AN
1739.dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1740.dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
8c5bd059
NK
1741 left: 0px;
1742 right: 18.5em;
1743 border-right: 1px solid grey;
1744}
1745
01e0e704 1746/* Selected option settings */
6d402310 1747.jschooser .choosercontainer #chooseform .instruction,
255dd8d1 1748.choosercontainer #chooseform .selected .typesummary {
01e0e704
ARN
1749 display: block;
1750}
255dd8d1
ARN
1751
1752.choosercontainer #chooseform .selected {
89e00e91 1753 background-color: #FFFFFF;
8d25aeb7
BR
1754 box-shadow: 0px 0px 10px 0px #CCCCCC;
1755 -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1756 -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
01e0e704 1757}
651f639e 1758.section-modchooser-link img.smallicon { padding-right: 3px; }
bb128107 1759.dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
cd48b188
NK
1760
1761/* Install Process' text fields Forms, should always be justified to the left */
1762form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1763form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1764form#installform #id_dbpass, form#installform #id_prefix
1765{direction: ltr;}
cbe4d61a
NK
1766
1767html[dir=rtl] .breadcrumb,
1768html[dir=rtl] .headermain,
1e0b920c
JC
1769html[dir=rtl] #page-header,
1770html[dir=rtl] #page-content {float: right;}
cbe4d61a
NK
1771
1772html[dir=rtl] .formrow label.formlabel { float:right; }
1773
1774html[dir=rtl] .configphp {direction:ltr;text-align:left;}
61f3210b 1775
6b216432
AA
1776table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;}
1777table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;}
fdf70473 1778table.flexible .emptyrow {display: none;}
46b229f9
JM
1779
1780/* Form element: listing */
1781.formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1782.formlistinginputradio {float: left;}
1783.formlistingmain {min-height: 225px;}
1784.formlistingradiocontent {}
1785.formlisting {
1786 position: relative;
1787 margin: 15px 0;
1788 padding: 1px 19px 14px;
1789 background-color: white;
1790 border: 1px solid #DDD;
1791 -webkit-border-radius: 4px;
1792 -moz-border-radius: 4px;
1793 border-radius: 4px;
1794}
1795
1796.formlistingmore {
1797 position: absolute;
1798 cursor: pointer;
1799 bottom: -1px;
1800 right: -1px;
1801 padding: 3px 7px;
1802 font-size: 12px;
1803 font-weight: bold;
1804 background-color: whiteSmoke;
1805 border: 1px solid #DDD;
1806 color: #9DA0A4;
1807 -webkit-border-radius: 4px 0 4px 0;
1808 -moz-border-radius: 4px 0 4px 0;
1809 border-radius: 4px 0 4px 0;
1810}
1811
1812.formlistingall {
1813 margin: 15px 0;
1814 padding: 0px 0px 0px;
1815 -webkit-border-radius: 4px;
1816 -moz-border-radius: 4px;
1817 border-radius: 4px;
46b229f9
JM
1818}
1819
1820.formlistingrow {
1821 cursor: pointer;
1822 border-bottom: 1px solid;
1823 border-color: #E1E1E8;
1824 border-left: 1px solid #E1E1E8;
1825 border-right: 1px solid #E1E1E8;
1826 background-color: #F7F7F9;
1827 -webkit-border-radius: 0px 0px 4px 4px;
1828 -moz-border-radius: 0px 0px 4px 4px;
1829 padding: 6px;
1830 top: 50%;
1831 left: 50%;
1832 min-height: 34px;
1833 float:left;
1834 width: 150px;
1835}
1836
1837body.jsenabled .formlistingradio {
1838 display: none;
e62cf630 1839}
b4d24344
JM
1840
1841body.jsenabled .formlisting {
1842 display: block;
1843}
27806552
YB
1844
1845/**
1846 * Badges styles
1847 */
cd243d94
Y
1848#badge-overview h3,
1849#badge h3 {
1850 clear: both;
1851 text-align: left;
1852 padding-top: 10px;
1853}
1854.dir-rtl #badge h3 {
1855 text-align: right;
1856}
1857
1858#badge-image,
1859#badge-details {
1860 display: inline-block;
1861}
1862#badge-image {
1863 width: 200px;
1864 vertical-align: top;
1865}
1866#badge-image .singlebutton {
1867 padding-top: 5px;
9130250b 1868 margin-left: 20px;
cd243d94
Y
1869}
1870#badge-overview dl,
1871#badge-details dl {
1872 margin: 0;
1873}
1874#badge-overview dt,
1875#badge-details dt {
1876 font-weight: bold;
1877 clear: both;
1878 float: left;
1879 width: 20%;
1880}
1881#badge-overview dd,
1882#badge-details dd {
1883 float: left;
1884 width: 75%;
1885}
1886#badge-overview dd,
1887#badge-details dd,
1888#badge-overview dt,
1889#badge-details dt {
1890 padding: 3px 0;
1891}
1892
27806552
YB
1893#page-badges-view .collection { width: 90%; margin: 1em auto; }
1894#page-badges-index .collection { width: 85%; margin: 1em auto; }
1895
03e93aba
DP
1896table.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; }
1897table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; }
6b216432
AA
1898table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; }
1899table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; }
27806552 1900table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
5e558976 1901.dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
27806552
YB
1902
1903#page-badges-view table.collection .badgeimage,
1904#page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1905#page-badges-view table.collection .awards,
1906#page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1907#page-badges-view table.collection .description { width: 25%; text-align: left; }
5e558976 1908#page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
27806552
YB
1909
1910table.collection .name { text-align: left; vertical-align: middle; }
5e558976 1911.dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
27806552 1912#page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
5e558976 1913#page-badges-view.dir-rtl table.collection .criteria { text-align: right; }
27806552 1914#page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
5e558976 1915#page-badges-index.dir-rtl table.collection .criteria { text-align: right; }
27806552
YB
1916#page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1917
1918a.criteria-action { padding: 0px 3px; float: right; }
5e558976 1919.dir-rtl a.criteria-action { float: left; }
27806552
YB
1920
1921ul.badges { margin: 0; list-style: none; }
1922.badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1923.badges li .badge-name { display: block; padding: 5px; }
1924.badges li > img { position: absolute; }
cd243d94 1925.badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
5e558976 1926.dir-rtl .badges li .badge-image { right: 10px; }
27806552
YB
1927.badges li .badge-actions { position: relative; }
1928
1929div.badge { position: relative; display: block; }
cd243d94
Y
1930div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
1931.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;}
27806552 1932
27806552 1933.badge-profile { vertical-align: top; }
e2805314
YB
1934.connected { color: #006600; }
1935.notconnected { color: #660000; }
27806552
YB
1936
1937#page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1938#page-badges-award .recipienttable tr td { vertical-align: top; }
1939#page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1940#page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1941#page-badges-award .recipienttable tr td.existing,
1942#page-badges-award .recipienttable tr td.potential { width: 42%; }
1943
cd243d94
Y
1944#issued-badge-table .activatebadge {
1945 display: inline-block;
1946}
1947#issued-badge-table div.activatebadge {
1948 margin-left: 3px;
1949}
1950.statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
27806552
YB
1951.statusbox.active { background-color: #D9F991; }
1952.statusbox.inactive { background-color: #FFEBA8; }
cd243d94
Y
1953.statusbox .activatebadge {
1954 display: inline-block;
1955}
1956.statusbox .activatebadge input[type=submit]{
1957 margin: 3px;
1958}
5e558976 1959.dir-rtl .activatebadge { text-align: right; }
27806552 1960.addcourse { float: right; }
5e558976 1961.dir-rtl .addcourse { float: left; }
f6ebcd34 1962img#persona_signin { cursor: pointer; }
12cb45f1
MN
1963
1964/**
1965 * The date selector popup.
1966 */
1967 div#dateselector-calendar-panel {
e34b27ba 1968 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
12cb45f1 1969 }
01a96461
RW
1970
1971.path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
b59f2e3b 1972
3665af78 1973/** Action menu component styles **/
e5de4933 1974.moodle-actionmenu,
3665af78
SH
1975.moodle-actionmenu > ul,
1976.moodle-actionmenu > ul > li {display: inline-block;}
1977.moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
3148fdf0 1978#page .moodle-actionmenu a.hidden {display: none;}
e5de4933
SH
1979.moodle-actionmenu .toggle-display,
1980.moodle-actionmenu .menu-action-text {display: none;}
10fc1569 1981
b59f2e3b 1982.jsenabled .block .editing_move {display: none;}
10fc1569
SH
1983.jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1984.jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1985.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
a83d83e4
AN
1986
1987.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1988 display: block;
1989 margin-left: 4px;
1990 padding-left: 4px;
83f91454 1991 padding-right: 4px;
a83d83e4 1992}
83f91454
AN
1993
1994.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1995 margin-right: 4px;
1996 margin-left: initial;
1997}
1998
8ecabb95 1999.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
8d90aec2 2000 margin: 8px 4px 0px 2px;
a83d83e4
AN
2001}
2002
21231f4d
AN
2003.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2004 margin-top: 4px;
2005 margin-left: 2px;
2006}
2007
83f91454
AN
2008.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2009 margin-right: 2px;
2010 margin-left: initial;
2011}
2012
e5de4933 2013.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
a83d83e4
AN
2014.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2015 display: inline;
2016}
10fc1569 2017
e5de4933 2018.moodle-actionmenu[data-enhanced].show {position: relative;}
10fc1569 2019.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;}
a83d83e4
AN
2020.moodle-actionmenu[data-enhanced].show .menu a {
2021 display: block;
62876928 2022 padding: 2px 1em 2px 28px;
a83d83e4
AN
2023 color: #333333;
2024}
2025.moodle-actionmenu[data-enhanced].show .menu a > img {
7f4f7081
AN
2026 margin: 4px 4px 4px -24px;
2027 padding: 4px;
2028 width: 12px;
2029 height: 12px;
a83d83e4 2030}
62876928
JC
2031.moodle-actionmenu[data-enhanced].show .menu a > img,
2032.moodle-actionmenu[data-enhanced].show .menu a > span {
2033 display: inline-block;
2034 vertical-align: middle;
2035}
11dd4dad 2036.moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;}
3665af78
SH
2037.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;}
2038.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;}
2039.moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
2040.moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
3665af78 2041.moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
b59f2e3b 2042.block .moodle-actionmenu {text-align: right;}
b59f2e3b 2043
3665af78 2044.dir-rtl .block .moodle-actionmenu {text-align: right;}
62876928 2045.dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; }
10fc1569 2046.dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
62876928
JC
2047.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2048.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; }
3665af78 2049
3148fdf0
AN
2050.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
2051.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
2052.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
2053.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
2054.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
2055.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2056.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
2057.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
2058.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
2059.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2060.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
2061.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
2062.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
2063.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
2064.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
2065.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
2066
2067.moodle-actionmenu > ul > li[role="menuitem"] {
2068 display: none;
2069}
2070
2071.jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
2072 display: inline-block;
2073}
3665af78
SH
2074
2075.dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
2076.dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
2077.dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
2078.dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
2079.dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
2080.dir-rtl .menu.align-tr-br {right: auto;left: 0;}
2081.dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
2082.dir-rtl .menu.align-br-br {right: auto;left: 0;}
2083.dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
2084.dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
2085.dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
2086.dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
2087.dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
2088.dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
2089.dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
fdf70473 2090.dir-rtl .menu.align-br-tr {right: auto;left: 0;}
dd66b6ab
DW
2091
2092ul.dragdrop-keyboard-drag li { list-style-type: none; }
2093.block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
4460e380
RW
2094
2095.block .header h2,
2096.course-content h3,
2097.pagelayout-frontpage h2,
2098.pagelayout-frontpage h3,
2099.pagelayout-frontpage h4,
2100.pagelayout-frontpage h5,
2101.pagelayout-frontpage h6,
2102.pagelayout-coursecategory h3,
2103.pagelayout-coursecategory h4,
2104.pagelayout-coursecategory h5,
2105.pagelayout-coursecategory h6 {
2106 text-align: inherit;
2107}
53c1b936
ARN
2108a.disabled:hover,
2109a.disabled {
2110 text-decoration: none;
2111 cursor: default;
2112 font-style: italic;
2113 color: #808080;
2114}
21231f4d
AN
2115
2116.caret {
2117 display: inline-block;
2118 width: 0;
2119 height: 0;
2120 vertical-align: top;
29afe143 2121 border-top: 4px solid #777;
21231f4d
AN
2122 border-right: 4px solid transparent;
2123 border-left: 4px solid transparent;
2124 content: "";
2125}
29afe143
AN
2126
2127a:focus .caret,
2128a:hover .caret {
2129 border-top-color: #555;
2130}
bb2f7c3c
JM
2131
2132/**
2133 * Bootstrap 2.3.2 progress bar css.
2134 * Required for none bootstrap theme.
2135 */
2136
2137@-webkit-keyframes progress-bar-stripes {
2138 from {
2139 background-position: 40px 0;
2140 }
2141 to {
2142 background-position: 0 0;
2143 }
2144}
2145
2146@-moz-keyframes progress-bar-stripes {
2147 from {
2148 background-position: 40px 0;
2149 }
2150 to {
2151 background-position: 0 0;
2152 }
2153}
2154
bb2f7c3c
JM
2155@-o-keyframes progress-bar-stripes {
2156 from {
2157 background-position: 0 0;
2158 }
2159 to {
2160 background-position: 40px 0;
2161 }
2162}
2163
2164@keyframes progress-bar-stripes {
2165 from {
2166 background-position: 40px 0;
2167 }
2168 to {
2169 background-position: 0 0;
2170 }
2171}
2172
2173.progress {
2174 height: 20px;
2175 margin-bottom: 20px;
2176 overflow: hidden;
2177 background-color: #f7f7f7;
2178 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
2179 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
2180 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
2181 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
2182 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
2183 background-repeat: repeat-x;
2184 -webkit-border-radius: 4px;
2185 -moz-border-radius: 4px;
2186 border-radius: 4px;
2187 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
2188 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2189 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2190 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2191}
2192
2193.progress .bar {
2194 float: left;
2195 width: 0;
2196 height: 100%;
2197 font-size: 12px;
2198 color: #ffffff;
2199 text-align: center;
2200 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2201 background-color: #0e90d2;
2202 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
2203 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
2204 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
2205 background-image: -o-linear-gradient(top, #149bdf, #0480be);
2206 background-image: linear-gradient(to bottom, #149bdf, #0480be);
2207 background-repeat: repeat-x;
2208 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
2209 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2210 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2211 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2212 -webkit-box-sizing: border-box;
2213 -moz-box-sizing: border-box;
2214 box-sizing: border-box;
2215 -webkit-transition: width 0.6s ease;
2216 -moz-transition: width 0.6s ease;
2217 -o-transition: width 0.6s ease;
2218 transition: width 0.6s ease;
2219}
2220
2221.progress .bar + .bar {
2222 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2223 -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2224 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2225}
2226
2227.progress-striped .bar {
2228 background-color: #149bdf;
2229 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));
2230 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);
2231 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);
2232 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);
2233 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);
2234 -webkit-background-size: 40px 40px;
2235 -moz-background-size: 40px 40px;
2236 -o-background-size: 40px 40px;
2237 background-size: 40px 40px;
2238}
2239
2240.progress.active .bar {
2241 -webkit-animation: progress-bar-stripes 2s linear infinite;
2242 -moz-animation: progress-bar-stripes 2s linear infinite;
2243 -ms-animation: progress-bar-stripes 2s linear infinite;
2244 -o-animation: progress-bar-stripes 2s linear infinite;
2245 animation: progress-bar-stripes 2s linear infinite;
2246}
5ab39a0e
AN
2247
2248body.lockscroll {
2249 height: 100%;
2250 overflow: hidden;
2251}
ee616cff
AN
2252
2253/* Dropdown Menu styling */
2254.dropdown-menu {
2255 background-color: #fff;
2256 border: 1px solid #ccc;
2257 border: 1px solid rgba(0, 0, 0, 0.2);
2258 position: absolute;
2259 top: 100%;
2260 left: 0;
2261 z-index: 1000;
2262 display: none;
2263 float: left;
2264 min-width: 160px;
2265 padding: 5px 0;
2266 margin: 2px 0 0;
2267 list-style: none;
2268 *border-right-width: 2px;
2269 *border-bottom-width: 2px;
2270 -webkit-border-radius: 6px;
2271 -moz-border-radius: 6px;
2272 border-radius: 6px;
2273 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2274 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2275 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2276 -webkit-background-clip: padding-box;
2277 -moz-background-clip: padding;
2278 background-clip: padding-box;
2279}
2280
2281.dropdown-menu > li > a {
2282 display: block;
2283 padding: 3px 20px;
2284 clear: both;
2285 font-weight: normal;
2286 line-height: 20px;
2287 white-space: nowrap;
2288}
2289.dropdown-menu > li > a:hover,
2290.dropdown-menu > li > a:focus {
2291 text-decoration: none;
2292 background-repeat: repeat-x;
2293}
2294.dropdown-menu > .active > a,
2295.dropdown-menu > .active > a:hover,
2296.dropdown-menu > .active > a:focus {
2297 text-decoration: none;
2298 outline: 0;
2299}
2300.dropdown-menu > .disabled > a:hover,
2301.dropdown-menu > .disabled > a:focus {
2302 text-decoration: none;
2303 background-color: transparent;
2304 background-image: none;
2305 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2306 cursor: default;
2307}
2308.open {
2309 *z-index: 1000;
2310}
2311.open > .dropdown-menu {
2312 display: block;
2313}
2314
2315.editor_atto_menu .moodle-dialogue-content {
a36f8b36 2316 padding: 0;
ee616cff 2317 border: inherit;
a36f8b36 2318}
1615cc45
AD
2319
2320.well {
2321 min-height: 20px;
2322 padding: 19px;
2323 background-color: #f5f5f5;
2324 border: 1px solid #e3e3e3;
2325 border-radius: 4px;
2326 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2327}
2328
2329.well-small {
2330 padding: 9px;
ee616cff 2331}
72704adf
AN
2332
2333.progressbar_container {
2334 max-width: 500px;
2335 margin: 0 auto;
2336}
b6c56044
AN
2337
2338/* IE10 only fix for calendar titling */
2339.ie10 .yui3-calendar-header-label {
2340 display: inline-block;
2341}