MDL-52371 theme_base: activity chooser - support long names
[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 */
90723839 737#tag-management-box {margin-bottom:10px;line-height:20px;}
90723839 738img.user-image {height:100px;width:100px;}
90723839 739#tag-search-box {text-align:center;margin:10px auto;}
c026a28d
MG
740.tagarea {clear:both;overflow:hidden;}
741.tagarea .controls {text-align: center;}
742.tagarea .controls .gotopage.nextpage {float: right;}
743.tagarea .controls .gotopage.prevpage {float: left;}
744.tagarea .controls .exclusivemode {display: inline-block;}
745.dir-rtl .tagarea .controls .gotopage.nextpage {float: left;}
746.dir-rtl .tagarea .controls .gotopage.prevpage {float: right;}
747.tagarea .controls.controls-bottom {margin-top: 5px;}
90723839 748span.flagged-tag,
8e355853
MG
749tr.flagged-tag,
750span.flagged-tag a,
751tr.flagged-tag a {color:#FF0000;}
752.tag-management-table td,
753.tag-management-table th {vertical-align: middle;padding: 4px;}
cdc5f978 754.tag-management-table span.inplaceeditable.inplaceeditingon input {width: 150px;}
c026a28d
MG
755.tag_feed .media, .tag_feed .media-body {overflow: hidden;}
756.tag_feed.media-list .media .itemimage {float: left;}
757.dir-rtl .tag_feed.media-list .media .itemimage {float: right;}
758.tag_feed.media-list .media .itemimage img {height: 35px;width: 35px;}
759.tag_feed.media-list .media .media-body {padding-right: 10px;padding-left: 10px;}
760.tag_cloud {text-align: center;}
761.tag_cloud .inline-list li {padding: 0px 0.2em;}
762.tag_cloud .tag_overflow {margin-top: 1em;font-style: italic;}
763.tag_cloud .s20 {font-size: 2.7em;}
764.tag_cloud .s19 {font-size: 2.6em;}
765.tag_cloud .s18 {font-size: 2.5em;}
766.tag_cloud .s17 {font-size: 2.4em;}
767.tag_cloud .s16 {font-size: 2.3em;}
768.tag_cloud .s15 {font-size: 2.2em;}
769.tag_cloud .s14 {font-size: 2.1em;}
770.tag_cloud .s13 {font-size: 2em;}
771.tag_cloud .s12 {font-size: 1.9em;}
772.tag_cloud .s11 {font-size: 1.8em;}
773.tag_cloud .s10 {font-size: 1.7em;}
774.tag_cloud .s9 {font-size: 1.6em;}
775.tag_cloud .s8 {font-size: 1.5em;}
776.tag_cloud .s7 {font-size: 1.4em;}
777.tag_cloud .s6 {font-size: 1.3em;}
778.tag_cloud .s5 {font-size: 1.2em;}
779.tag_cloud .s4 {font-size: 1.1em;}
780.tag_cloud .s3 {font-size: 1em;}
781.tag_cloud .s2 {font-size: 0.9em;}
782.tag_cloud .s1 {font-size: 0.8em;}
783.tag_cloud .s0 {font-size: 0.7em;}
90723839 784
1904e9b3
SH
785/*
786 * Backup and Restore CSS
90723839 787 */
1904e9b3
SH
788.path-backup .mform .grouped_settings.section_level {clear:both;}
789.path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
790.path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
7332a439 791.path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;}
1904e9b3 792.path-backup .mform .grouped_settings .fitem .felement {width:50%;}
88372410 793.path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;}
7332a439 794.path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;}
bf6d283e 795.path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
7332a439 796.path-backup.dir-rtl .mform .grouped_settings.section_level .include_setting {float: right; clear: right;}
1904e9b3 797.path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
7332a439 798.path-backup.dir-rtl .mform .grouped_settings.section_level .normal_setting {margin:0;}
bf6d283e 799.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
7332a439 800.path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;}
bf6d283e 801.path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
1904e9b3
SH
802.path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
803.path-backup .backup_progress {text-align:center;}
d2dbd0c0 804.path-backup .backup_progress span.backup_stage {color:#999;}
1904e9b3
SH
805.path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
806.path-backup .backup_progress .backup_stage.backup_stage_next {}
d2dbd0c0 807.path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
7b5f67f7
DM
808#page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
809#page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
d9f95015
FM
810.path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; }
811.path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; }
812.path-backup .fitem .smallicon { vertical-align: text-bottom; }
f06abc2a 813.path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px;}
814.path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; }
815.path-backup .wibbler .state0 { background: #eee; }
816.path-backup .wibbler .state1 { background: #ddd; }
817.path-backup .wibbler .state2 { background: #ccc; }
818.path-backup .wibbler .state3 { background: #bbb; }
819.path-backup .wibbler .state4 { background: #aaa; }
820.path-backup .wibbler .state5 { background: #999; }
821.path-backup .wibbler .state6 { background: #888; }
822.path-backup .wibbler .state7 { background: #777; }
823.path-backup .wibbler .state8 { background: #666; }
824.path-backup .wibbler .state9 { background: #555; }
825.path-backup .wibbler .state10 { background: #444; }
826.path-backup .wibbler .state11 { background: #333; }
827.path-backup .wibbler .state12 { background: #222; }
77b3d9df 828.path-backup .backup_log { margin-top: 2em; }
829.path-backup .backup_log h2 { font-size: 1em; }
830.path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; }
90723839 831
00c832d7 832/*
833 * CSS for availability options on module and section. This is taken from the
834 * Bootstrap version and tweaked so it works on base.
835 */
836#fitem_id_availabilityconditionsjson .label {
837 background: #999;
838 padding: 2px 4px;
839 border-radius: 4px;
840 font-size: 0.8em;
841 font-weight: bold;
842 color: #fff;
843}
844#fitem_id_availabilityconditionsjson .label-warning {
845 background: #f89406;
846 position:relative;
847 top: -1px;
848}
849#fitem_id_availabilityconditionsjson .label:empty {
850 display: none;
851}
852#fitem_id_availabilityconditionsjson *[aria-hidden=true] {
853 display: none;
854}
855x#fitem_id_availabilityconditionsjson select,
856x#fitem_id_availabilityconditionsjson input[type=text] {
857 position:relative;
858 top: 4px;
859}
860#fitem_id_availabilityconditionsjson label {
861 display: inline;
862}
863#fitem_id_availabilityconditionsjson .availability-group {
864 margin-right: 8px;
865}
866.dir-rtl #fitem_id_availabilityconditionsjson .availability-group {
867 margin-right: 0;
868 margin-left: 8px;
869}
870#fitem_id_availabilityconditionsjson .availability-item,
871#fitem_id_availabilityconditionsjson .availability-header {
872 margin-bottom: 6px;
873}
874#fitem_id_availabilityconditionsjson .availability-none {
875 margin-left: 20px;
876 margin-bottom: 4px;
877}
878.dir-rtl #fitem_id_availabilityconditionsjson .availability-none {
879 margin-right: 20px;
880 margin-left: 0;
881}
882#fitem_id_availabilityconditionsjson .availability-plugincontrols {
883 padding: 4px 0px 4px 4px;
884 background: none repeat scroll 0% 0% #eee;
885 border: 1px solid #ddd;
886 border-radius: 4px;
887 display: inline-block;
888 margin-right: 8px;
889}
890.dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols {
891 padding-right: 4px;
892 padding-left: 0px;
893 margin-right: 0;
894 margin-left: 8px;
895}
896#fitem_id_availabilityconditionsjson .availability-eye,
897#fitem_id_availabilityconditionsjson .availability-delete {
898 margin-right: 8px;
899}
900.dir-rtl #fitem_id_availabilityconditionsjson .availability-eye,
901.dir-rtl #fitem_id_availabilityconditionsjson .availability-delete {
902 margin-left: 8px;
903 margin-right: 0;
904}
905#fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] {
906 display: inline;
907 visibility: hidden;
908}
909#fitem_id_availabilityconditionsjson .availability-list > .availability-eye img {
910 vertical-align: top;
911 margin-top: 12px;
912}
913#fitem_id_availabilityconditionsjson .availability-button {
914 margin-left: 15px;
915}
916.dir-rtl #fitem_id_availabilityconditionsjson .availability-button {
917 margin-right: 15px;
918 margin-left: 0;
919}
920#fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner {
921 display: inline-block;
922 background: #eee;
923 border: 1px solid #ddd;
924 border-radius: 4px;
925 padding: 6px;
926 margin-bottom: 6px;
927}
928#fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner {
929 background: white;
930}
931#fitem_id_availabilityconditionsjson .availability-connector {
932 margin-left: 20px;
933 margin-bottom: 6px;
934}
935.dir-rtl #fitem_id_availabilityconditionsjson .availability-connector {
936 margin-right: 20px;
937 margin-left: 0;
938}
939
940.mform .error .availability-field {
941 color: black;
942}
943
944.availability-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
945 padding-left: 0;
946 padding-right: 0;
947 padding-bottom: 2px;
948}
949.availability-dialogue ul {
950 display: block;
951 margin: 0;
952}
953.availability-dialogue li {
954 display: block;
955 list-style-type: none;
956 padding: 0 0 4px;
957 clear: both;
958 border-bottom: 1px solid #eee;
959 margin-bottom: 4px;
960}
961.availability-dialogue ul button {
962 float: left;
963 margin-left: 1em;
964 min-width: 140px;
965 margin-top: 4px;
966}
967.dir-rtl .availability-dialogue ul button {
968 float: right;
969 margin-right: 1em;
970 margin-left: 0;
971}
972.availability-dialogue label {
973 margin-left: 170px;
974 margin-right: 1em;
975 margin-bottom: 0;
976 display: block;
977 line-height: 1.5;
978}
979.dir-rtl .availability-dialogue label {
980 margin-right: 170px;
981 margin-left: 1em;
982}
983.availability-dialogue .availability-buttons button {
984 margin-left: 1em;
985 margin-right: 1em;
986 margin-top: 4px;
987}
988
90723839
SH
989/**
990 * Web Service
991 */
b1d124d1 992#webservice-doc-generator td {text-align: left;border: 0px solid black;}
36282d85 993
d2dbd0c0
SH
994/**
995 * Custom menu
996 */
997#custommenu {clear:both;}
1ded6e1f 998#custommenu .yui3-menu .yui3-menu {z-index:500;}
d2dbd0c0
SH
999#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
1000#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
1001#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
1002#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
6c95e46a 1003#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
d2dbd0c0
SH
1004#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
1005#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
1006#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;}
1007#custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
1008#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
1009#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
1010#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
1011#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
572dd8ec 1012
6c95e46a
SH
1013/**
1014 * Fix for broken YUI images in the menunav component
1015 */
1016#custommenu .yui3-menu-label,
1017#custommenu .yui3-menuitem-content {cursor:pointer;}
1018#custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
1019#custommenu .yui3-menuitem-active,
1020#custommenu .yui3-menuitem-active .yui3-menuitem-content,
1021#custommenu .yui3-menu-horizontal .yui3-menu-label,
1022#custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
8f85249a 1023#custommenu .yui3-menu-label,
27d36445 1024#custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
6c95e46a
SH
1025#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
1026
328ef3df
JC
1027/**
1028 * Dividers.
1029 */
1030.yui3-menu.yui3-menu-horizontal .yui3-menuitem.divider {
1031 overflow: hidden;
1032 width: 0;
1033 height: 24px;
1034 border-left: 1px solid #ddd;
1035}
1036.yui3-menu .yui3-menu .yui3-menuitem.divider {
1037 width: auto;
1038 height: 0;
1039 margin: 4px 1px;
1040 border-left: 0px none;
1041 border-top: 1px solid #ddd;
1042}
1043.yui3-menu .yui3-menuitem.divider a {
1044 visibility: invisible;
1045}
1046
572dd8ec
SH
1047/**
1048 * Smart Select Element
1049 */
1050.smartselect {position:absolute;}
1051.smartselect .smartselect_mask {background-color:#fff;}
1052.smartselect ul {padding: 0;margin: 0;}
1053.smartselect ul li {list-style: none;}
1054.smartselect .smartselect_menu {margin-right:5px;}
1055.safari .smartselect .smartselect_menu {margin-left:2px;}
1056.smartselect .smartselect_menu,
1057.smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
1058.smartselect .smartselect_menu.visible,
1059.smartselect .smartselect_submenu.visible {display:block;}
1060.smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
1061.smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
1062.smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
43be52d3 1063.smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
572dd8ec
SH
1064/** Spanning mode */
1065.smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
1066.smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
572dd8ec
SH
1067.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
1068/** Compact mode */
43be52d3 1069.smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
572dd8ec
SH
1070.smartselect.compactmenu .smartselect_submenu.visible {display:block;}
1071.smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
1072.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
1073.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
af7c1e29 1074
139978e5 1075/**
1076 * Registration
1077 */
26ffb4b1 1078#page-admin-registration-register .registration_textfield {width: 300px;}
a70eb30f
SH
1079
1080/**
1081 * Enrol
1082 */
1083.userenrolment {width:100%;border-collapse: collapse;}
3d907759
SH
1084.userenrolment tr {vertical-align:top;}
1085.userenrolment td {height:41px;padding:3px;}
1086.userenrolment td > * {margin:3px;}
a70eb30f
SH
1087.userenrolment .subfield {margin-right:5px;}
1088.userenrolment .col_userdetails .subfield_picture {float:left;}
1089.userenrolment .col_lastseen {width:150px;}
1090.userenrolment .col_role {width:262px;}
3d907759 1091.userenrolment .col_role .roles,
a70eb30f 1092.userenrolment .col_group .groups {margin-right:30px;}
3d907759
SH
1093.userenrolment .col_role .role,
1094.userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;}
1095.userenrolment .col_role .role a,
a70eb30f 1096.userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
3d907759
SH
1097.userenrolment .col_role .addrole,
1098.userenrolment .col_group .addgroup {float:right;}
1099.userenrolment .col_role .addrole a img,
a70eb30f 1100.userenrolment .col_group .addgroup a img {vertical-align:bottom;}
3d907759
SH
1101.userenrolment .hasAllRoles .col_role .addrole {display:none;}
1102.dir-rtl .userenrolment .col_role .role {float:right;}
1103
1104.userenrolment .col_enrol .enrolment {float:left;}
43c90b9b 1105.userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
410135aa 1106#page-enrol-users .enrol_user_buttons {float:right;}
71638033 1107#page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;}
410135aa
SH
1108#page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
1109#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1110#page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
1111#page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
2062be1a 1112#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
71638033 1113#page-enrol-users #filterform div,
1114#page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;}
1115#page-enrol-users #filterform .fitem {white-space:nowrap;}
1116#page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;}
1117#page-enrol-users #filterform select,
1118#page-enrol-users #filterform .ftext input {width:8em;}
1119#page-enrol-users #filterform #fitem_id_role,
1120#page-enrol-users #filterform #fitem_id_ifilter,
1121#page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;}
1122#page-enrol-users .paging { clear: right; }
43c90b9b 1123
3a42ad12 1124/**
315d4971
RW
1125* Overide for RTL layout
1126**/
43c90b9b 1127.dir-rtl .headermain {float:right;}
8ef43cfd 1128.dir-rtl .headermenu {float:left; text-align: left; }
43c90b9b
RW
1129.dir-rtl .breadcrumb {float:right;}
1130.dir-rtl .navbutton {float: left;}
41dcfbf1 1131.dir-rtl .navbutton .singlebutton {margin-right: 4px}
43c90b9b
RW
1132.dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
1133.dir-rtl .mform .fitem .fitemtitle {float:right;}
1134.dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
1135.dir-rtl .loginbox .loginform .form-input {text-align: right;}
2062be1a
ME
1136.dir-rtl .yui3-menu-hidden {left: 0px;}
1137#page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
1138#page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
57e8a936 1139
315d4971
RW
1140/**
1141 * Backup
1142 */
785d6603
SH
1143.backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
1144.backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
71d1751c 1145.backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
785d6603
SH
1146.backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
1147.backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;}
1148.backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
1149.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
1150.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
1151.backup-restore .activitytable {width:60%;min-width:500px;}
1152.backup-restore .activitytable .modulename {width:100px;}
1153.backup-restore .activitytable .moduleincluded {width:50px;}
1154.backup-restore .activitytable .userinfoincluded {width:50px;}
1155.backup-restore .detail-pair {}
1156.backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;}
1157.backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
1158.backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
c3853702 1159.backup-restore > .singlebutton {text-align:right;}
70e7b634
FM
1160.path-backup .mform .fgroup .proceedbutton,
1161.path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;}
1162.dir-rtl.path-backup .mform .fgroup .proceedbutton,
1163.dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;}
785d6603 1164
3acc9b81
SH
1165.restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1166.restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 1167.restore-course-search .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
1168.restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1169
1170.restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
1171.restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 1172.restore-course-category .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
1173.restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
1174
57e8a936 1175.corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
bb128107 1176.corelightbox img {position:fixed;top:50%; left: 50%;}
315d4971 1177
4c9e8ea7 1178.mod-indent {display:table-cell;}
41c2a197 1179.label .mod-indent {float:left; padding-top:20px}
4c9e8ea7
AN
1180.mod-indent-1 {width:30px;}
1181.mod-indent-2 {width:60px;}
1182.mod-indent-3 {width:90px;}
1183.mod-indent-4 {width:120px;}
1184.mod-indent-5 {width:150px;}
1185.mod-indent-6 {width:180px;}
1186.mod-indent-7 {width:210px;}
1187.mod-indent-8 {width:240px;}
1188.mod-indent-9 {width:270px;}
1189.mod-indent-10 {width:300px;}
1190.mod-indent-11 {width:330px;}
1191.mod-indent-12 {width:360px;}
1192.mod-indent-13 {width:390px;}
1193.mod-indent-14 {width:420px;}
bd77886b
JC
1194.mod-indent-15 {width:450px;}
1195.mod-indent-16,
1196.mod-indent-huge {width:480px;}
7a25d398 1197
409c12f2 1198.dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
4e0b7ff2 1199.dir-rtl .mform .fitem .felement input[name=email],
24c99b70 1200.dir-rtl .mform .fitem .felement input[name=email2],
4e0b7ff2
NK
1201.dir-rtl .mform .fitem .felement input[name=url],
1202.dir-rtl .mform .fitem .felement input[name=idnumber],
1203.dir-rtl .mform .fitem .felement input[name=phone1],
1204.dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;}
b41fc49c 1205
daefd6eb 1206/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1207.resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
1208.resourcecontent audio.mediaplugin_html5audio {width: 600px}
1209
6e084e5f
MS
1210/** Large resource images should avoid hidden overflow **/
1211.resourceimage {max-width: 100%;}
1212
daefd6eb 1213/* Audio player size in 'inline' mode (can only change width, as above) */
1214.mediaplugin_mp3 object {height:15px;width:300px}
1215audio.mediaplugin_html5audio {width: 300px}
0235bd87 1216
f4e7ba5e 1217/* TinyMCE moodle media preview frame should not have padding */
a2633964 1218.core_media_preview.pagelayout-embedded #page-content {padding:0;}
f4e7ba5e 1219.core_media_preview.pagelayout-embedded #maincontent {height:0;}
1220.core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
1221
0235bd87 1222/*
1bb48462
ME
1223Fix for SubScript & SuperScript
1224------------------------------*/
b41fc49c
NK
1225sub {vertical-align: sub;}
1226sup {vertical-align: super;}
1227
1228/** Fix YUI 2 Treeview for Right to left languages **/
1229.dir-rtl .ygtvtn,
1230.dir-rtl .ygtvtm,
1231.dir-rtl .ygtvtmh,
1232.dir-rtl .ygtvtmhh,
1233.dir-rtl .ygtvtp,
1234.dir-rtl .ygtvtph,
1235.dir-rtl .ygtvtphh,
1236.dir-rtl .ygtvln,
1237.dir-rtl .ygtvlm,
1238.dir-rtl .ygtvlmh,
1239.dir-rtl .ygtvlmhh,
1240.dir-rtl .ygtvlp,
1241.dir-rtl .ygtvlph,
1242.dir-rtl .ygtvlphh,
1243.dir-rtl .ygtvdepthcell,
1244.dir-rtl .ygtvok,
1245.dir-rtl .ygtvok:hover,
1246.dir-rtl .ygtvcancel,
1247.dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
1248
1249.dir-rtl .ygtvtn {background-position: 0 -5600px;}
1250.dir-rtl .ygtvtm {background-position: 0 -4000px;}
1251.dir-rtl .ygtvtmh,
1252.dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
1253.dir-rtl .ygtvtp {background-position: 0 -6400px;}
1254.dir-rtl .ygtvtph,
1255.dir-rtl .ygtvtphh {background-position: 0 -7200px;}
1256.dir-rtl .ygtvln {background-position: 0 -1600px;}
1257.dir-rtl .ygtvlm {background-position: 0 0;}
1258.dir-rtl .ygtvlmh,
1259.dir-rtl .ygtvlmhh {background-position: 0 -800px;}
1260.dir-rtl .ygtvlp {background-position: 0 -2400px;}
1261.dir-rtl .ygtvlph,
1262.dir-rtl .ygtvlphh {background-position: 0 -3200px}
1263.dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
1264.dir-rtl .ygtvok {background-position: 0 -8800px;}
1265.dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
1266.dir-rtl .ygtvcancel {background-position: 0 -8822px;}
1267.dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
1268
b41fc49c
NK
1269.dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
1270.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
1271
1272/** Fix TinyMCE editor right to left **/
1273.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
3ae75b44
ME
1274.dir-rtl .o2k7Skin table,
1275.dir-rtl .o2k7Skin tbody,
1276.dir-rtl .o2k7Skin a,
1277.dir-rtl .o2k7Skin img,
1278.dir-rtl .o2k7Skin tr,
1279.dir-rtl .o2k7Skin div,
1280.dir-rtl .o2k7Skin td,
1281.dir-rtl .o2k7Skin iframe,
1282.dir-rtl .o2k7Skin span,
1283.dir-rtl .o2k7Skin *,
b41fc49c 1284.dir-rtl .o2k7Skin .mceText,
1559583c 1285.dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
2b04c41c
SH
1286
1287.path-rating .ratingtable {width:100%;margin-bottom:1em;}
1288.path-rating .ratingtable th.rating {width:100%;}
1289.path-rating .ratingtable td.rating,
f6f7a726 1290.path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
3ae75b44 1291
d1c96f66 1292/* Fix for ordered and unordered list in course topic summary & course weekly summary */
486a9ad8 1293
231d40d5
ME
1294.course-content ul.weeks .content .summary ul,
1295.course-content ul.topics .content .summary ul {list-style: disc outside none;}
4c607947
AG
1296.course-content ul.weeks .content .summary ul ul,
1297.course-content ul.topics .content .summary ul ul {list-style: circle outside none;}
1298.course-content ul.weeks .content .summary ul ul ul,
1299.course-content ul.topics .content .summary ul ul ul {list-style: square outside none;}
486a9ad8 1300
231d40d5
ME
1301.course-content ul.weeks .content .summary ol,
1302.course-content ul.topics .content .summary ol {list-style: decimal outside none;}
7a25d398
NK
1303
1304.dir-rtl #adminsettings #id_s__pathtodu,
1305.dir-rtl #adminsettings #id_s__aspellpath,
1306.dir-rtl #adminsettings #id_s__pathtodot,
1307.dir-rtl #adminsettings #id_s__supportemail,
1308.dir-rtl #adminsettings #id_s__supportpage,
1309.dir-rtl #adminsettings #id_s__sessioncookie,
1310.dir-rtl #adminsettings #id_s__sessioncookiepath,
1311.dir-rtl #adminsettings #id_s__sessioncookiedomain,
1312.dir-rtl #adminsettings #id_s__proxyhost,
1313.dir-rtl #adminsettings #id_s__proxyuser,
1314.dir-rtl #adminsettings #id_s__proxypassword,
1315.dir-rtl #adminsettings #id_s__proxybypass,
1316.dir-rtl #adminsettings #id_s__jabberhost,
1317.dir-rtl #adminsettings #id_s__jabberserver,
1318.dir-rtl #adminsettings #id_s__jabberusername,
1319.dir-rtl #adminsettings #id_s__jabberpassword,
1320.dir-rtl #adminsettings #id_s__additionalhtmlhead,
1321.dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
1322.dir-rtl #adminsettings #id_s__additionalhtmlfooter,
1323.dir-rtl #adminsettings #id_s__docroot,
1324.dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
1325.dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
1326.dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
1327.dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
1328.dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
1329.dir-rtl #adminsettings #id_s__blockedip,
1330.dir-rtl #adminsettings #id_s__pathtoclam,
1331.dir-rtl #adminsettings #id_s__quarantinedir,
1332.dir-rtl #adminsettings #id_s__sitepolicy,
1333.dir-rtl #adminsettings #id_s__sitepolicyguest,
1334.dir-rtl #adminsettings #id_s__cronremotepassword,
1335.dir-rtl #adminsettings #id_s__allowedip,
1336.dir-rtl #adminsettings #id_s__blockedip,
1337.dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
1338.dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
1339.dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
1340.dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
1341.dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
1342.dir-rtl #adminsettings #admin-emoticons .form-text,
1343.dir-rtl #adminsettings #admin-role_mapping input[type=text],
1344.dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
1345.dir-rtl #adminsettings #id_s_enrol_flatfile_location,
1346#page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
1347#page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
1348#page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
1349
1350#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
1351
b04ae8ad 1352#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
642b1ca3 1353.initialbar a {padding-right: 2px;}
01e0e704 1354
2324cf04
ARN
1355/* Moodle Dialogue Settings (moodle-core-dialogue) */
1356.moodle-dialogue-base .moodle-dialogue-lightbox {
1357 background-color:#AAA;
01e0e704
ARN
1358}
1359
22c943b3
SH
1360.moodle-dialogue-base .moodle-dialogue {
1361 outline: #000 dotted 0;
1362}
1363
2324cf04
ARN
1364.moodle-dialogue-base .hidden,
1365.moodle-dialogue-base .moodle-dialogue-hidden {display:none;}
89e00e91 1366.moodle-dialogue-base .moodle-dialogue {
2324cf04
ARN
1367 padding: 0;
1368 margin: 0;
1369 background: none;
1370 border: none;
1371 /* Override the z-index set incorrectly by the YUI dialogue */
03bd9e7b 1372 z-index: 600;
89e00e91
BR
1373}
1374
bf7c86cf
DW
1375.no-scrolling { overflow: hidden; }
1376
2a808cef 1377.moodle-dialogue-base .moodle-dialogue-fullscreen {
bf7c86cf
DW
1378 left: 0px;
1379 top: 0px;
2a808cef
DW
1380 right: 0px;
1381 bottom: -50px;
1382 position: fixed;
1383}
ee0a9ce9
AN
1384.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1385 overflow: auto;
1386}
2a808cef
DW
1387.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1388 width: 28px;
1389 height: 16px;
1390 background-size: 100%;
bf7c86cf 1391}
2324cf04 1392
2a808cef 1393
2324cf04
ARN
1394.moodle-dialogue-base .moodle-dialogue-wrap {
1395 margin-top:-3px;
1396 margin-left:-3px;
89e00e91 1397 background-color: #FFFFFF;
2324cf04 1398 border: 1px solid #CCCCCC;
4bbacb86 1399 border-radius: 10px;
8d25aeb7
BR
1400 box-shadow: 5px 5px 20px 0px #666666;
1401 -webkit-box-shadow: 5px 5px 20px 0px #666666;
1402 -moz-box-shadow: 5px 5px 20px 0px #666666;
4bbacb86 1403 overflow: hidden;
89e00e91 1404}
ef56323c
BB
1405.moodle-dialogue-base h3 {
1406 margin: 0;
1407 line-height: 20px;
1408}
4bbacb86 1409.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1410.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
2324cf04
ARN
1411 margin:0;
1412 padding:5px;
1413 font-size:12px;
1414 font-weight: normal;
8d25aeb7 1415 letter-spacing: 1px;
2324cf04
ARN
1416 color:#333333;
1417 text-align: center;
8d25aeb7 1418 text-shadow: 1px 1px 1px #FFFFFF;
8d25aeb7 1419 border-radius: 10px 10px 0px 0px;
2324cf04 1420 border-bottom: 1px solid #BBBBBB;
c8b0cb26
JF
1421 background-color: #CCCCCC;
1422 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
1423 -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1424 background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */
1425 background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */
1426 background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/
1427 background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */
1428 background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */
89e00e91 1429}
2324cf04
ARN
1430
1431.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1432 margin:0;
1433 padding:0;
1434 display:inline;
1435 font-size: 100%;
1436 font-weight: bold;
1437}
1438.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1439 padding: 5px;
1440}
1441.moodle-dialogue-base .closebutton {
1442 width:25px;
1443 height:15px;
1444 float:right;
1445 vertical-align:middle;
1446 display:inline-block;
1447 cursor:pointer;
1448 padding:0px;
1449 background-image:url([[pix:theme|sprite]]);
1450 background-repeat:no-repeat;
1451 border-style:none;
1452}
1453.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1454 left: 0px;
1455 right: auto;
1456}
1457
1458.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
2324cf04
ARN
1459 padding: 1em;
1460 line-height: 2em;
1461 color: #555;
1462 font-size: 12px;
1463}
1464
1465.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1466 padding:0px;
1467 background:#FFF;
1468}
1469
d61c96b6
DW
1470.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1471 padding: 10px;
1472 font-size: 16px;
1473}
1474
2a808cef
DW
1475.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1476 overflow: auto;
1477 position: absolute;
1478 top: 0px;
1479 bottom: 50px;
1480 left: 0px;
1481 right: 0px;
d61c96b6
DW
1482 margin: 0px;
1483 border: 0px;
1484}
1485.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1486.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1487 border-radius: 0px;
1488}
1489
2324cf04
ARN
1490.moodle-dialogue-confirm .confirmation-dialogue {text-align:center;}
1491.moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;}
1492.moodle-dialogue-exception .moodle-exception-message {text-align:center}
1493.moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;}
1494.moodle-dialogue-exception .param-stacktrace label {
1495 background-color:#EEE;
1496 border:1px solid #ccc;
1497 border-bottom-width:0;
1498}
1499
1500.moodle-dialogue-exception .param-stacktrace pre {
1501 border:1px solid #ccc;
1502 background-color:#fff;
1503}
1504
1505.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
2c653f99
ARN
1506 color:navy;
1507 font-size:80%;
2324cf04
ARN
1508}
1509.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
2c653f99
ARN
1510 color:#AA0000;
1511 font-size:80%;
2324cf04
ARN
1512}
1513.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
2c653f99
ARN
1514 color:#333;
1515 font-size:90%;
1516 border-bottom:1px solid #eee;
2324cf04
ARN
1517}
1518
1519.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1520 padding:0px;
1521 margin: 0.7em 1em;
1522 text-align: right;
1523 background-color: #FFF;
1524 font-size: 12px;
1525}
1526
1527.moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;}
1528.moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px}
1529.moodle-dialogue-exception .moodle-exception-message {margin:1em;}
1530.moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;}
1531.moodle-dialogue-exception .moodle-exception-param label {width:150px;}
1532.moodle-dialogue-exception .param-stacktrace label {
1533 display:block;
1534 margin:0;
1535 padding:4px 1em;
1536}
1537.moodle-dialogue-exception .param-stacktrace pre {
1538 display:block;
1539 height:200px;
1540 overflow:auto;
1541}
1542
1543.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
0110cc2d 1544 display:inline-block;
2c653f99 1545 margin:4px 0;
2324cf04
ARN
1546}
1547.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
2c653f99
ARN
1548 display:inline-block;
1549 width:50px;
1550 margin:4px 1em;
2324cf04
ARN
1551}
1552.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
2c653f99
ARN
1553 padding-left:25px;
1554 margin-bottom:4px;
1555 padding-bottom:4px;
2324cf04
ARN
1556}
1557
238b8bc9
ARN
1558.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1559 opacity: .75;
1560 width: 100%;
1561 height: 100%;
1562 top: 0;
1563 left: 0;
1564 background-color: white;
1565 text-align: center;
1566 padding: 10% 0;
1567}
1568
1569/* Apply a default max-height on tooltip text */
1570.moodle-dialogue .tooltiptext {
1571 max-height: 300px;
1572}
1015b24b
ARN
1573.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1574 z-index: 3001;
1575}
9d6d88e1
AN
1576.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1577 overflow: auto;
1578}
2324cf04 1579
4fb73253
NK
1580/* Question Bank - Question Chooser "Close" button */
1581#page-question-edit.dir-rtl a.container-close {right:auto;left:6px;}
89e00e91 1582
2324cf04
ARN
1583/**
1584 * Chooser Dialogues (moodle-core-chooserdialogue)
1585 *
1586 * This CSS belong to the chooser dialogue which should work both with, and
1587 * without javascript enabled
1588 */
1589/* Hide the dialog and it's title */
1590.chooserdialoguebody,
1591.choosertitle {
1592 display:none;
1593}
1594.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1595 margin: 0;
1596}
1597
7b67e0c5 1598.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
89e00e91
BR
1599 padding: 0px;
1600 background: #F2F2F2;
1601 border-bottom-left-radius: 10px;
1602 border-bottom-right-radius: 10px;
2d115181
ARN
1603}
1604
01e0e704 1605/* Center the submit buttons within the area */
255dd8d1 1606.choosercontainer #chooseform .submitbuttons {
7d4e3575 1607 padding: 0.7em 0;
01e0e704
ARN
1608 text-align: center;
1609}
1610
255dd8d1 1611.choosercontainer #chooseform .submitbuttons input {
35e1abcd
ARN
1612 min-width: 100px;
1613 margin: 0px 0.5em;
1614}
1615
01e0e704 1616/* Various settings for the options area */
255dd8d1 1617.choosercontainer #chooseform .options {
01e0e704 1618 position: relative;
89e00e91 1619 border-bottom: 1px solid #BBBBBB;
01e0e704
ARN
1620}
1621
1622/* Only set these options if we're showing the js container */
6d402310 1623.jschooser .choosercontainer #chooseform .alloptions {
01e0e704
ARN
1624 overflow-x: hidden;
1625 overflow-y: auto;
64063bdb 1626 max-width: 20.3em;
8d25aeb7
BR
1627 box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1628 -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
1629 -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
01e0e704 1630}
b8645d6d
DS
1631.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio],
1632.jschooser .choosercontainer #chooseform .alloptions .option .modicon {
1633 display: inline-block;
1634}
1635.jschooser .choosercontainer #chooseform .alloptions .option .typename {
1636 display: inline-block;
1637 width: 65%;
1638}
6d402310 1639.dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
3b72fe05
NK
1640 max-width: 18.3em;
1641}
01e0e704
ARN
1642
1643/* Settings for option rows and option subtypes */
255dd8d1
ARN
1644.choosercontainer #chooseform .moduletypetitle,
1645.choosercontainer #chooseform .option,
1646.choosercontainer #chooseform .nonoption {
01e0e704 1647 margin-bottom: 0;
89e00e91 1648 padding: 0 1.6em 0 1.6em;
01e0e704
ARN
1649}
1650
255dd8d1 1651.choosercontainer #chooseform .moduletypetitle {
89e00e91 1652 text-transform: uppercase;
8d25aeb7
BR
1653 padding-top: 1.2em;
1654 padding-bottom: 0.4em;
01e0e704
ARN
1655}
1656
255dd8d1 1657.choosercontainer #chooseform .option .typename,
64063bdb
BR
1658.choosercontainer #chooseform .option span.modicon img.icon,
1659.choosercontainer #chooseform .nonoption .typename,
1660.choosercontainer #chooseform .nonoption span.modicon img.icon {
89e00e91 1661 padding: 0 0 0 0.5em;
01e0e704 1662}
bb128107
FM
1663.dir-rtl .choosercontainer #chooseform .option .typename,
1664.dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1665.dir-rtl .choosercontainer #chooseform .nonoption .typename,
1666.dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1667 padding: 0 0.5em 0 0;
1668}
01e0e704 1669
5b932559
AN
1670.chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1671.chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
2df53c3e
BR
1672 height: 24px; width: 24px;
1673}
1674
255dd8d1
ARN
1675.choosercontainer #chooseform .option input[type=radio],
1676.choosercontainer #chooseform .option span.typename,
1677.choosercontainer #chooseform .option span.modicon {
01e0e704
ARN
1678 vertical-align: middle;
1679}
1680
255dd8d1 1681.choosercontainer #chooseform .option label {
01e0e704 1682 display: block;
89e00e91
BR
1683 padding: 0.3em 0 0.1em 0;
1684 border-bottom: 1px solid #FFFFFF;
01e0e704
ARN
1685}
1686
64063bdb
BR
1687.choosercontainer #chooseform .nonoption {
1688 padding-left: 2.7em;
1689 padding-top: 0.3em;
1690 padding-bottom: 0.1em;
1691}
bb128107
FM
1692.dir-rtl .choosercontainer #chooseform .nonoption {
1693 padding-right: 2.7em;
1694 padding-left: 0;
1695}
64063bdb
BR
1696
1697.choosercontainer #chooseform .subtype {
1698 margin-bottom: 0;
1699 padding: 0 1.6em 0 3.2em;
1700}
f17c3dae 1701.dir-rtl .choosercontainer #chooseform .subtype {
bb128107 1702 padding: 0 3.2em 0 1.6em;
f17c3dae 1703}
64063bdb
BR
1704
1705.choosercontainer #chooseform .subtype .typename {
1706 margin: 0 0 0 0.2em;
1707}
bb128107
FM
1708.dir-rtl .choosercontainer #chooseform .subtype .typename {
1709 margin: 0 0.2em 0 0;
1710}
64063bdb 1711
01e0e704 1712/* The instruction/help area */
6d402310
AN
1713.jschooser .choosercontainer #chooseform .instruction,
1714.jschooser .choosercontainer #chooseform .typesummary {
01e0e704
ARN
1715 display: none;
1716 position: absolute;
1717 top: 0px;
1718 right: 0px;
1719 bottom: 0px;
64063bdb 1720 left: 20.3em;
01e0e704 1721 margin: 0;
af9c48cb 1722 padding: 1.6em;
59e807e8 1723 background-color: #FFFFFF;
01e0e704
ARN
1724 overflow-x: hidden;
1725 overflow-y: auto;
89e00e91 1726 line-height: 2em;
01e0e704
ARN
1727}
1728
6d402310
AN
1729.dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1730.dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
8c5bd059
NK
1731 left: 0px;
1732 right: 18.5em;
1733 border-right: 1px solid grey;
1734}
1735
01e0e704 1736/* Selected option settings */
6d402310 1737.jschooser .choosercontainer #chooseform .instruction,
255dd8d1 1738.choosercontainer #chooseform .selected .typesummary {
01e0e704
ARN
1739 display: block;
1740}
255dd8d1
ARN
1741
1742.choosercontainer #chooseform .selected {
89e00e91 1743 background-color: #FFFFFF;
8d25aeb7
BR
1744 box-shadow: 0px 0px 10px 0px #CCCCCC;
1745 -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
1746 -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
01e0e704 1747}
651f639e 1748.section-modchooser-link img.smallicon { padding-right: 3px; }
bb128107 1749.dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;}
cd48b188
NK
1750
1751/* Install Process' text fields Forms, should always be justified to the left */
1752form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot,
1753form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser,
1754form#installform #id_dbpass, form#installform #id_prefix
1755{direction: ltr;}
cbe4d61a
NK
1756
1757html[dir=rtl] .breadcrumb,
1758html[dir=rtl] .headermain,
1e0b920c
JC
1759html[dir=rtl] #page-header,
1760html[dir=rtl] #page-content {float: right;}
cbe4d61a
NK
1761
1762html[dir=rtl] .formrow label.formlabel { float:right; }
1763
1764html[dir=rtl] .configphp {direction:ltr;text-align:left;}
61f3210b 1765
6b216432
AA
1766table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;}
1767table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;}
fdf70473 1768table.flexible .emptyrow {display: none;}
46b229f9
JM
1769
1770/* Form element: listing */
1771.formlistingradio {padding-bottom: 25px; padding-right: 10px;}
1772.formlistinginputradio {float: left;}
1773.formlistingmain {min-height: 225px;}
1774.formlistingradiocontent {}
1775.formlisting {
1776 position: relative;
1777 margin: 15px 0;
1778 padding: 1px 19px 14px;
1779 background-color: white;
1780 border: 1px solid #DDD;
1781 -webkit-border-radius: 4px;
1782 -moz-border-radius: 4px;
1783 border-radius: 4px;
1784}
1785
1786.formlistingmore {
1787 position: absolute;
1788 cursor: pointer;
1789 bottom: -1px;
1790 right: -1px;
1791 padding: 3px 7px;
1792 font-size: 12px;
1793 font-weight: bold;
1794 background-color: whiteSmoke;
1795 border: 1px solid #DDD;
1796 color: #9DA0A4;
1797 -webkit-border-radius: 4px 0 4px 0;
1798 -moz-border-radius: 4px 0 4px 0;
1799 border-radius: 4px 0 4px 0;
1800}
1801
1802.formlistingall {
1803 margin: 15px 0;
1804 padding: 0px 0px 0px;
1805 -webkit-border-radius: 4px;
1806 -moz-border-radius: 4px;
1807 border-radius: 4px;
46b229f9
JM
1808}
1809
1810.formlistingrow {
1811 cursor: pointer;
1812 border-bottom: 1px solid;
1813 border-color: #E1E1E8;
1814 border-left: 1px solid #E1E1E8;
1815 border-right: 1px solid #E1E1E8;
1816 background-color: #F7F7F9;
1817 -webkit-border-radius: 0px 0px 4px 4px;
1818 -moz-border-radius: 0px 0px 4px 4px;
1819 padding: 6px;
1820 top: 50%;
1821 left: 50%;
1822 min-height: 34px;
1823 float:left;
1824 width: 150px;
1825}
1826
1827body.jsenabled .formlistingradio {
1828 display: none;
e62cf630 1829}
b4d24344
JM
1830
1831body.jsenabled .formlisting {
1832 display: block;
1833}
27806552
YB
1834
1835/**
1836 * Badges styles
1837 */
cd243d94
Y
1838#badge-overview h3,
1839#badge h3 {
1840 clear: both;
1841 text-align: left;
1842 padding-top: 10px;
1843}
1844.dir-rtl #badge h3 {
1845 text-align: right;
1846}
1847
1848#badge-image,
1849#badge-details {
1850 display: inline-block;
1851}
1852#badge-image {
1853 width: 200px;
1854 vertical-align: top;
1855}
1856#badge-image .singlebutton {
1857 padding-top: 5px;
9130250b 1858 margin-left: 20px;
cd243d94
Y
1859}
1860#badge-overview dl,
1861#badge-details dl {
1862 margin: 0;
1863}
1864#badge-overview dt,
1865#badge-details dt {
1866 font-weight: bold;
1867 clear: both;
1868 float: left;
1869 width: 20%;
1870}
1871#badge-overview dd,
1872#badge-details dd {
1873 float: left;
1874 width: 75%;
1875}
1876#badge-overview dd,
1877#badge-details dd,
1878#badge-overview dt,
1879#badge-details dt {
1880 padding: 3px 0;
1881}
1882
27806552
YB
1883#page-badges-view .collection { width: 90%; margin: 1em auto; }
1884#page-badges-index .collection { width: 85%; margin: 1em auto; }
1885
03e93aba
DP
1886table.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; }
1887table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; }
6b216432
AA
1888table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; }
1889table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; }
27806552 1890table.collection ul { margin: 0.5em 0.5em 0.5em 2em; }
5e558976 1891.dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; }
27806552
YB
1892
1893#page-badges-view table.collection .badgeimage,
1894#page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; }
1895#page-badges-view table.collection .awards,
1896#page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; }
1897#page-badges-view table.collection .description { width: 25%; text-align: left; }
5e558976 1898#page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; }
27806552
YB
1899
1900table.collection .name { text-align: left; vertical-align: middle; }
5e558976 1901.dir-rtl table.collection .name { text-align: right; vertical-align: middle; }
27806552 1902#page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; }
5e558976 1903#page-badges-view.dir-rtl table.collection .criteria { text-align: right; }
27806552 1904#page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; }
5e558976 1905#page-badges-index.dir-rtl table.collection .criteria { text-align: right; }
27806552
YB
1906#page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; }
1907
1908a.criteria-action { padding: 0px 3px; float: right; }
5e558976 1909.dir-rtl a.criteria-action { float: left; }
27806552
YB
1910
1911ul.badges { margin: 0; list-style: none; }
1912.badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
1913.badges li .badge-name { display: block; padding: 5px; }
1914.badges li > img { position: absolute; }
cd243d94 1915.badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
5e558976 1916.dir-rtl .badges li .badge-image { right: 10px; }
27806552
YB
1917.badges li .badge-actions { position: relative; }
1918
1919div.badge { position: relative; display: block; }
cd243d94
Y
1920div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
1921.expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
27806552 1922
27806552 1923.badge-profile { vertical-align: top; }
e2805314
YB
1924.connected { color: #006600; }
1925.notconnected { color: #660000; }
27806552
YB
1926
1927#page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; }
1928#page-badges-award .recipienttable tr td { vertical-align: top; }
1929#page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; }
1930#page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; }
1931#page-badges-award .recipienttable tr td.existing,
1932#page-badges-award .recipienttable tr td.potential { width: 42%; }
1933
cd243d94
Y
1934#issued-badge-table .activatebadge {
1935 display: inline-block;
1936}
1937#issued-badge-table div.activatebadge {
1938 margin-left: 3px;
1939}
1940.statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
27806552
YB
1941.statusbox.active { background-color: #D9F991; }
1942.statusbox.inactive { background-color: #FFEBA8; }
cd243d94
Y
1943.statusbox .activatebadge {
1944 display: inline-block;
1945}
1946.statusbox .activatebadge input[type=submit]{
1947 margin: 3px;
1948}
5e558976 1949.dir-rtl .activatebadge { text-align: right; }
27806552 1950.addcourse { float: right; }
5e558976 1951.dir-rtl .addcourse { float: left; }
f6ebcd34 1952img#persona_signin { cursor: pointer; }
12cb45f1
MN
1953
1954/**
1955 * The date selector popup.
1956 */
1957 div#dateselector-calendar-panel {
e34b27ba 1958 z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */
12cb45f1 1959 }
01a96461
RW
1960
1961.path-mod-lesson .centerpadded { padding: 5px; text-align: center; }
b59f2e3b 1962
3665af78 1963/** Action menu component styles **/
e5de4933 1964.moodle-actionmenu,
3665af78
SH
1965.moodle-actionmenu > ul,
1966.moodle-actionmenu > ul > li {display: inline-block;}
1967.moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;}
60cf0742
S
1968.section_action_menu .moodle-actionmenu ul.menubar {margin: 0;}
1969.section_action_menu .moodle-actionmenu ul.menu {margin: 0 10px 10px 0;}
3148fdf0 1970#page .moodle-actionmenu a.hidden {display: none;}
e5de4933
SH
1971.moodle-actionmenu .toggle-display,
1972.moodle-actionmenu .menu-action-text {display: none;}
10fc1569 1973
b59f2e3b 1974.jsenabled .block .editing_move {display: none;}
10fc1569
SH
1975.jsenabled .moodle-actionmenu[data-enhance] {display: block;}
1976.jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;}
1977.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);}
a83d83e4
AN
1978
1979.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1980 display: block;
1981 margin-left: 4px;
1982 padding-left: 4px;
83f91454 1983 padding-right: 4px;
a83d83e4 1984}
83f91454
AN
1985
1986.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
1987 margin-right: 4px;
1988 margin-left: initial;
1989}
1990
8ecabb95 1991.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
8d90aec2 1992 margin: 8px 4px 0px 2px;
a83d83e4
AN
1993}
1994
21231f4d
AN
1995.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
1996 margin-top: 4px;
1997 margin-left: 2px;
1998}
1999
83f91454
AN
2000.jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2001 margin-right: 2px;
2002 margin-left: initial;
2003}
2004
e5de4933 2005.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);}
a83d83e4
AN
2006.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2007 display: inline;
2008}
10fc1569 2009
e5de4933 2010.moodle-actionmenu[data-enhanced].show {position: relative;}
10fc1569 2011.moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;}
a83d83e4
AN
2012.moodle-actionmenu[data-enhanced].show .menu a {
2013 display: block;
62876928 2014 padding: 2px 1em 2px 28px;
a83d83e4
AN
2015 color: #333333;
2016}
2017.moodle-actionmenu[data-enhanced].show .menu a > img {
7f4f7081
AN
2018 margin: 4px 4px 4px -24px;
2019 padding: 4px;
2020 width: 12px;
2021 height: 12px;
a83d83e4 2022}
62876928
JC
2023.moodle-actionmenu[data-enhanced].show .menu a > img,
2024.moodle-actionmenu[data-enhanced].show .menu a > span {
2025 display: inline-block;
2026 vertical-align: middle;
2027}
11dd4dad 2028.moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;}
3665af78
SH
2029.moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;}
2030.moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;}
2031.moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;}
2032.moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;}
3665af78 2033.moodle-actionmenu[data-enhanced].show .menu > li {display: block;}
b59f2e3b 2034.block .moodle-actionmenu {text-align: right;}
b59f2e3b 2035
3665af78 2036.dir-rtl .block .moodle-actionmenu {text-align: right;}
62876928 2037.dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; }
10fc1569 2038.dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;}
62876928
JC
2039.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2040.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; }
3665af78 2041
3148fdf0
AN
2042.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;}
2043.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;}
2044.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;}
2045.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;}
2046.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;}
2047.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2048.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;}
2049.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;}
2050.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;}
2051.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2052.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;}
2053.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;}
2054.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;}
2055.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;}
2056.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;}
2057.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;}
2058
2059.moodle-actionmenu > ul > li[role="menuitem"] {
2060 display: none;
2061}
2062
2063.jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] {
2064 display: inline-block;
2065}
3665af78
SH
2066
2067.dir-rtl .menu.align-tl-bl {right: 0;left: auto;}
2068.dir-rtl .menu.align-tr-bl {right: auto;left: 100%;}
2069.dir-rtl .menu.align-bl-bl {right: 0;left: auto;}
2070.dir-rtl .menu.align-br-bl {right: auto;left: 100%;}
2071.dir-rtl .menu.align-tl-br {right: 100%;left: auto;}
2072.dir-rtl .menu.align-tr-br {right: auto;left: 0;}
2073.dir-rtl .menu.align-bl-br {right: 100%;left: auto;}
2074.dir-rtl .menu.align-br-br {right: auto;left: 0;}
2075.dir-rtl .menu.align-tl-tl {right: 0;left: auto;}
2076.dir-rtl .menu.align-tr-tl {right: auto;left: 100%;}
2077.dir-rtl .menu.align-bl-tl {right: 0;left: auto;}
2078.dir-rtl .menu.align-br-tl {right: auto;left: 100%;}
2079.dir-rtl .menu.align-tl-tr {right: 100%;left: auto;}
2080.dir-rtl .menu.align-tr-tr {right: auto;left: 0;}
2081.dir-rtl .menu.align-bl-tr {right: 100%;left: auto;}
fdf70473 2082.dir-rtl .menu.align-br-tr {right: auto;left: 0;}
dd66b6ab
DW
2083
2084ul.dragdrop-keyboard-drag li { list-style-type: none; }
2085.block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; }
4460e380
RW
2086
2087.block .header h2,
2088.course-content h3,
2089.pagelayout-frontpage h2,
2090.pagelayout-frontpage h3,
2091.pagelayout-frontpage h4,
2092.pagelayout-frontpage h5,
2093.pagelayout-frontpage h6,
2094.pagelayout-coursecategory h3,
2095.pagelayout-coursecategory h4,
2096.pagelayout-coursecategory h5,
2097.pagelayout-coursecategory h6 {
2098 text-align: inherit;
2099}
53c1b936
ARN
2100a.disabled:hover,
2101a.disabled {
2102 text-decoration: none;
2103 cursor: default;
2104 font-style: italic;
2105 color: #808080;
2106}
21231f4d
AN
2107
2108.caret {
2109 display: inline-block;
2110 width: 0;
2111 height: 0;
2112 vertical-align: top;
29afe143 2113 border-top: 4px solid #777;
21231f4d
AN
2114 border-right: 4px solid transparent;
2115 border-left: 4px solid transparent;
2116 content: "";
2117}
29afe143
AN
2118
2119a:focus .caret,
2120a:hover .caret {
2121 border-top-color: #555;
2122}
bb2f7c3c
JM
2123
2124/**
2125 * Bootstrap 2.3.2 progress bar css.
2126 * Required for none bootstrap theme.
2127 */
2128
2129@-webkit-keyframes progress-bar-stripes {
2130 from {
2131 background-position: 40px 0;
2132 }
2133 to {
2134 background-position: 0 0;
2135 }
2136}
2137
2138@-moz-keyframes progress-bar-stripes {
2139 from {
2140 background-position: 40px 0;
2141 }
2142 to {
2143 background-position: 0 0;
2144 }
2145}
2146
bb2f7c3c
JM
2147@-o-keyframes progress-bar-stripes {
2148 from {
2149 background-position: 0 0;
2150 }
2151 to {
2152 background-position: 40px 0;
2153 }
2154}
2155
2156@keyframes progress-bar-stripes {
2157 from {
2158 background-position: 40px 0;
2159 }
2160 to {
2161 background-position: 0 0;
2162 }
2163}
2164
2165.progress {
2166 height: 20px;
2167 margin-bottom: 20px;
2168 overflow: hidden;
2169 background-color: #f7f7f7;
2170 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
2171 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
2172 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
2173 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
2174 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
2175 background-repeat: repeat-x;
2176 -webkit-border-radius: 4px;
2177 -moz-border-radius: 4px;
2178 border-radius: 4px;
2179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
2180 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2181 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2182 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2183}
2184
2185.progress .bar {
2186 float: left;
2187 width: 0;
2188 height: 100%;
2189 font-size: 12px;
2190 color: #ffffff;
2191 text-align: center;
2192 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2193 background-color: #0e90d2;
2194 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
2195 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
2196 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
2197 background-image: -o-linear-gradient(top, #149bdf, #0480be);
2198 background-image: linear-gradient(to bottom, #149bdf, #0480be);
2199 background-repeat: repeat-x;
2200 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
2201 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2202 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2203 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2204 -webkit-box-sizing: border-box;
2205 -moz-box-sizing: border-box;
2206 box-sizing: border-box;
2207 -webkit-transition: width 0.6s ease;
2208 -moz-transition: width 0.6s ease;
2209 -o-transition: width 0.6s ease;
2210 transition: width 0.6s ease;
2211}
2212
2213.progress .bar + .bar {
2214 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2215 -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2216 box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2217}
2218
2219.progress-striped .bar {
2220 background-color: #149bdf;
2221 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
2222 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2223 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2224 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2225 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2226 -webkit-background-size: 40px 40px;
2227 -moz-background-size: 40px 40px;
2228 -o-background-size: 40px 40px;
2229 background-size: 40px 40px;
2230}
2231
2232.progress.active .bar {
2233 -webkit-animation: progress-bar-stripes 2s linear infinite;
2234 -moz-animation: progress-bar-stripes 2s linear infinite;
2235 -ms-animation: progress-bar-stripes 2s linear infinite;
2236 -o-animation: progress-bar-stripes 2s linear infinite;
2237 animation: progress-bar-stripes 2s linear infinite;
2238}
5ab39a0e
AN
2239
2240body.lockscroll {
2241 height: 100%;
2242 overflow: hidden;
2243}
ee616cff
AN
2244
2245/* Dropdown Menu styling */
2246.dropdown-menu {
2247 background-color: #fff;
2248 border: 1px solid #ccc;
2249 border: 1px solid rgba(0, 0, 0, 0.2);
2250 position: absolute;
2251 top: 100%;
2252 left: 0;
2253 z-index: 1000;
2254 display: none;
2255 float: left;
2256 min-width: 160px;
2257 padding: 5px 0;
2258 margin: 2px 0 0;
2259 list-style: none;
2260 *border-right-width: 2px;
2261 *border-bottom-width: 2px;
2262 -webkit-border-radius: 6px;
2263 -moz-border-radius: 6px;
2264 border-radius: 6px;
2265 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2266 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2267 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2268 -webkit-background-clip: padding-box;
2269 -moz-background-clip: padding;
2270 background-clip: padding-box;
2271}
2272
2273.dropdown-menu > li > a {
2274 display: block;
2275 padding: 3px 20px;
2276 clear: both;
2277 font-weight: normal;
2278 line-height: 20px;
2279 white-space: nowrap;
2280}
2281.dropdown-menu > li > a:hover,
2282.dropdown-menu > li > a:focus {
2283 text-decoration: none;
2284 background-repeat: repeat-x;
2285}
2286.dropdown-menu > .active > a,
2287.dropdown-menu > .active > a:hover,
2288.dropdown-menu > .active > a:focus {
2289 text-decoration: none;
2290 outline: 0;
2291}
2292.dropdown-menu > .disabled > a:hover,
2293.dropdown-menu > .disabled > a:focus {
2294 text-decoration: none;
2295 background-color: transparent;
2296 background-image: none;
2297 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2298 cursor: default;
2299}
2300.open {
2301 *z-index: 1000;
2302}
2303.open > .dropdown-menu {
2304 display: block;
2305}
2306
2307.editor_atto_menu .moodle-dialogue-content {
a36f8b36 2308 padding: 0;
ee616cff 2309 border: inherit;
a36f8b36 2310}
1615cc45
AD
2311
2312.well {
2313 min-height: 20px;
2314 padding: 19px;
2315 background-color: #f5f5f5;
2316 border: 1px solid #e3e3e3;
2317 border-radius: 4px;
2318 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2319}
2320
2321.well-small {
2322 padding: 9px;
ee616cff 2323}
72704adf
AN
2324
2325.progressbar_container {
2326 max-width: 500px;
2327 margin: 0 auto;
2328}
b6c56044
AN
2329
2330/* IE10 only fix for calendar titling */
2331.ie10 .yui3-calendar-header-label {
2332 display: inline-block;
2333}
cdc5f978
MG
2334
2335span.inplaceeditable.inplaceeditingon {
2336 position: relative;
2337}
2338span.inplaceeditable.inplaceeditingon span.editinstructions {
2339 margin-top: -30px;
2340 font-weight: normal;
2341 margin-right: -300px;
2342 margin-left: 0;
2343}
2344.dir-rtl span.inplaceeditable.inplaceeditingon span.editinstructions {
2345 margin-left: -300px;
2346 margin-right: 0;
2347}
2348span.inplaceeditable .quickeditlink img {
2349 opacity: 0.2;
2350}
2351span.inplaceeditable:hover .quickeditlink img,
2352span.inplaceeditable .quickeditlink:focus img {
2353 opacity: 1;
2354}
2355span.inplaceeditable.inplaceeditingon input {
2356 width: 330px;
2357 height: 16px;
2358 vertical-align: text-bottom;
2359 margin-bottom: 0;
2360}