weekly release 2.6dev
[moodle.git] / theme / bootstrapbase / less / moodle / course.less
CommitLineData
8903b17b 1/* course.less */
73fe7470 2/* COURSE CONTENT */
8903b17b
BB
3.section_add_menus {
4 text-align: right;
5}
6.dir-rtl .section_add_menus {
7 text-align: left;
8}
9.section_add_menus .horizontal div,
10.section_add_menus .horizontal form {
11 display: inline;
12}
13.section_add_menus optgroup {
14 font-weight: normal;
15 font-style: italic;
16}
17.section_add_menus .urlselect {
18 margin-left: .4em;
19}
20.dir-rtl .section_add_menus .urlselect {
21 margin-right: .4em;
22 margin-left: 0;
23}
24.section_add_menus .urlselect select {
25 margin-left: .2em;
26}
27.dir-rtl .section_add_menus .urlselect select {
28 margin-right: .2em;
29 margin-left: 0;
30}
31.section_add_menus .urlselect img.iconhelp {
32 padding: 0;
33 margin: 0;
4460e380 34 vertical-align: text-bottom;
8903b17b
BB
35}
36
37.site-topic ul.section,
38.course-content ul.section {
39 margin: 1em;
40}
41.section .activity img.activityicon {
8903b17b
BB
42 margin-right: 6px;
43}
44.dir-rtl .section .activity img.activityicon {
45 margin-left: 6px;
46 margin-right: 0;
47}
48.section .activity .activityinstance,
49.section .activity .activityinstance div {
50 display: inline-block;
51}
52.editing .section .activity .activityinstance {
53 min-width: 40%;
54}
55.section .activity .activityinstance > a {
56 display: block;
57}
58.editing_show + .editing_assign,
59.editing_hide + .editing_assign {
60 // if roles icon missing, add space
61 margin-left: 20px;
62}
63.section .activity .commands {
64 white-space: nowrap;
65 display: inline;
66}
67.section .activity.modtype_label .commands {
68 margin-left: 40%;
77063326 69 padding-left: .2em;
8903b17b 70}
c604e01c
JF
71.section .activity.modtype_label.label {
72 font-weight: normal;
77063326 73 padding: .2em;
c604e01c 74}
8903b17b
BB
75.section li.activity {
76 padding: .2em;
77 clear: both;
78}
79.section .activity .activityinstance .groupinglabel {
c604e01c
JF
80 padding-left: 30px;
81}
82.dir-rtl .section .activity .activityinstance .groupinglabel {
83 padding-right: 30px;
8903b17b
BB
84}
85.section .activity .availabilityinfo,
86.section .activity .contentafterlink {
87 margin-top: 0.5em;
88 margin-left: 30px;
89}
90.dir-rtl .section .activity .availabilityinfo,
91.dir-rtl .section .activity .contentafterlink {
92 margin-left: 0;
93 margin-right: 30px;
94}
95.section .activity .contentafterlink p {
96 margin: .5em 0;
97}
b59f2e3b
SH
98.editing .section .activity:hover,
99.editing .section .activity.action-menu-shown {
8903b17b
BB
100 background-color: @grayLighter;
101}
13cb4ee0
DS
102.course-content .current {
103 background-color: @infoBackground;
104}
8903b17b
BB
105.course-content .section-summary {
106 border: 1px solid #DDD;
107 margin-top: 5px;
108 list-style: none;
109}
110.course-content .section-summary .section-title {
111 margin: 2px 5px 10px 5px;
112}
113.course-content .section-summary .summarytext {
114 margin: 2px 5px 2px 5px;
115}
116.course-content .section-summary .section-summary-activities .activity-count {
117 .muted;
118 font-size: @fontSizeSmall;
119 margin: 3px;
120 white-space: nowrap;
121 display: inline-block;
122}
123.course-content .section-summary .summary {
124 margin-top: 5px;
125}
126.course-content .single-section {
127 margin-top: 1em;
128}
129.course-content .single-section .section-navigation {
130 display: block;
131 padding: 0.5em;
132 margin-bottom: -0.5em;
133}
134.course-content .single-section .section-navigation .title {
135 font-weight: bold;
136 font-size: 108%;
137 clear: both;
138}
139.course-content .single-section .section-navigation .mdl-left {
140 font-weight: normal;
141 float: left;
142 margin-right: 1em;
143}
144.dir-rtl .course-content .single-section .section-navigation .mdl-left {
145 float: right;
146}
147.course-content .single-section .section-navigation .mdl-left .larrow {
148 margin-right: 0.1em;
149}
150.course-content .single-section .section-navigation .mdl-right {
151 font-weight: normal;
152 float: right;
153 margin-left: 1em;
154}
155.dir-rtl .course-content .single-section .section-navigation .mdl-right {
156 float: left;
157}
158.course-content .single-section .section-navigation .mdl-right .rarrow {
159 margin-left: 0.1em;
160}
161.course-content .single-section .section-navigation .mdl-bottom {
162 margin-top: 0;
163}
164.course-content ul li.section.main {
165 border-bottom: 2px solid #eee;
166 margin-top: 0;
167}
168.course-content ul li.section.hidden {
169 opacity: 0.5;
170}
171.course-content ul.topics li.section .content,
172.course-content ul.weeks li.section .content {
173 margin-right: 20px;
174 margin-left: 20px;
175 padding: 0;
176}
177
178.course-content {
179 margin-top: 0;
180}
181
182.course-content ul.topics li.section {
183 padding-bottom: 20px;
184}
185
186.course-content ul.topics li.section .summary {
187 margin-left: 25px;
188}
189
190.path-course-view .completionprogress {
191 margin-left: 25px
192}
193
194.path-course-view .completionprogress {
195 display: block;
196 float: right;
197 height: 20px;
198 position: relative;
199 z-index: 1000;
200}
201
202#page-site-index .subscribelink {
203 text-align: right;
204}
faf6010b 205#site-news-forum h2,
206#frontpage-course-list h2,
207#frontpage-category-names h2,
208#frontpage-category-combo h2 {
1d49a5cd
DP
209 margin-bottom: 9px;
210}
8903b17b
BB
211.path-course-view a.reduce-sections {
212 padding-left: 0.2em;
213}
8903b17b
BB
214.path-course-view .subscribelink {
215 text-align: right;
216}
217.path-course-view .unread {
c604e01c
JF
218 margin-left: 30px;
219}
220.dir-rtl.path-course-view .unread {
221 margin-right: 30px;
8903b17b
BB
222}
223.path-course-view .block.drag .header {
224 cursor: move;
225}
226.path-course-view .completionprogress {
227 text-align: right;
228}
229.dir-rtl.path-course-view .completionprogress {
230 text-align: left;
231}
232.path-course-view .single-section .completionprogress {
233 margin-right: 5px;
234}
235.path-course-view .section .summary {
236 line-height: normal;
237}
238
239.path-site li.activity > div,
240.path-course-view li.activity > div {
241 position: relative;
242}
243.path-course-view li.activity span.autocompletion,
244.path-course-view li.activity form.togglecompletion {
245 float: right;
246}
247.path-course-view li.activity form.togglecompletion .ajaxworking {
248 width: 16px;
249 height: 16px;
250 background: url([[pix:i/ajaxloader]]) no-repeat;
251}
252.dir-rtl.path-course-view li.activity form.togglecompletion,
253.dir-rtl.path-course-view li.activity span.autocompletion {
254 float: left;
255}
256.dir-rtl.path-course-view .completionprogress {
257 float: none;
258}
259.dir-rtl.path-course-view li.activity form.togglecompletion .ajaxworking {
260 right: -22px;
261}
262
263li.section.hidden span.commands a.editing_hide,
264li.section.hidden span.commands a.editing_show {
265 cursor: default;
266}
267ul.weeks h3.sectionname {
268 white-space: nowrap;
269}
270.editing ul.weeks h3.sectionname {
271 white-space: normal;
272}
273
fe3a7466
JF
274.single-section h3.sectionname {
275 text-align: center;
3eb439e2 276 clear: both;
fe3a7466
JF
277}
278
8903b17b
BB
279.section img.movetarget {
280 height: 16px;
281 width: 80px;
282}
283
73fe7470
MG
284input.titleeditor {
285 width: 330px;
286 vertical-align: text-bottom;
287}
288
289span.editinstructions {
290 position: absolute;
291 top: 0;
292 left: 0;
293 margin-top: -22px;
294 margin-left: 30px;
295 line-height: 16px;
296 font-size: @fontSizeSmall;
297 padding: .1em .4em;
298 background-color: @infoBackground;
299 color: @infoText;
300 text-decoration: none;
301 z-index: 9999;
302 .box-shadow(2px 2px 5px 1px #ccc);
303 border: 1px solid @infoBorder;
304}
305.dir-rtl span.editinstructions {
306 left: auto;
307 right: 32px;
308}
309
310/* Course drag and drop upload styles */
311#dndupload-status {
312 width: 40%;
313 margin: 0 30%;
314 padding: 6px;
315 border: 1px solid @infoBorder;
316 text-align: center;
317 background: @infoBackground;
318 color: @infoText;
319 position: absolute;
320 z-index: 9999;
321 .box-shadow(2px 2px 5px 1px #ccc);
322 .border-bottom-radius(8px);
323 z-index: 0;
324}
325.dndupload-preview {
326 color: #909090;
327 border: 1px dashed #909090;
328 list-style: none;
329 margin-top: .2em;
330 padding: .3em;
331}
332.dndupload-preview img.icon {
4460e380 333 vertical-align: text-bottom;
73fe7470
MG
334 padding: 0;
335}
336.dndupload-progress-outer {
337 .progress;
338}
339.dndupload-progress-inner {
340 .progress .bar;
341}
342.dndupload-hidden {
343 display: none;
344}
345
346/* COURSES LISTINGS AND COURSE SUMMARY */
8903b17b 347#page-course-pending .singlebutton,
a610d873 348#page-course-index .singlebutton,
69bbd2a7 349#page-course-index-category .singlebutton,
8903b17b
BB
350#page-course-editsection .singlebutton {
351 text-align: center;
352}
a610d873 353#page-admin-course-manage #movecourses td img {
8903b17b
BB
354 margin: 0 .22em;
355 vertical-align: text-bottom;
356}
a610d873 357#page-admin-course-manage #movecourses td img.icon {
8903b17b
BB
358 padding: 0;
359}
360
a610d873 361#coursesearch {
8903b17b
BB
362 margin-top: 1em;
363 text-align: center;
364}
365
8903b17b
BB
366#page-course-pending .pendingcourserequests {
367 margin-bottom: 1em;
368}
369#page-course-pending .pendingcourserequests .singlebutton {
370 display: inline;
371}
372#page-course-pending .pendingcourserequests .cell {
373 padding: 0 5px;
374}
375#page-course-pending .pendingcourserequests .cell.c6 {
376 white-space: nowrap;
377}
378
379.coursebox {
380 margin-bottom: 15px;
a610d873
MG
381 border: 1px dotted #ddd;
382 .border-radius(4px);
383 padding: 5px;
8903b17b 384}
a610d873 385
983c46a8 386.coursebox > .info > .coursename a {
a610d873
MG
387 display:block;
388 background-image:url([[pix:moodle|i/course]]);
389 background-repeat: no-repeat;
390 padding-left:21px;
8c288b26 391 background-position: center left;
8903b17b 392}
faf6010b 393.coursebox.remotehost > .info > .categoryname a {
a610d873 394 background-image:url([[pix:moodle|i/mnethost]]);
8903b17b 395}
983c46a8 396.coursebox > .info > .coursename,
69bbd2a7 397.coursebox .content .teachers,
a610d873
MG
398.coursebox .content .courseimage,
399.coursebox .content .coursefile {
400 float:left;
401 width:40%;
402 clear:left;
403}
983c46a8 404.coursebox > .info > h3.coursename {
69bbd2a7 405 margin: 5px;
a610d873 406}
983c46a8 407.coursebox > .info > .coursename {
69bbd2a7
MG
408 margin: 5px;
409 padding: 0;
a610d873 410}
69bbd2a7 411.coursebox .content .teachers li {
a610d873
MG
412 list-style-type:none;
413 padding:0;
414 margin:0;
8903b17b
BB
415}
416.coursebox .enrolmenticons {
a610d873
MG
417 padding:3px 0;
418 float:right;
8903b17b 419}
a610d873
MG
420.coursebox .moreinfo {
421 padding:3px 0;
422 float:right;
8903b17b 423}
a610d873
MG
424.coursebox .enrolmenticons img,
425.coursebox .moreinfo img {
426 margin:0 .2em;
427}
428.coursebox .content {
429 clear:both;
430}
69bbd2a7
MG
431.coursebox .content .summary,
432.coursebox .content .coursecat {
a610d873
MG
433 float:right;
434 width: 55%;
435}
69bbd2a7 436.coursebox .content .coursecat {
a610d873
MG
437 text-align:right;
438 clear:right;
439}
440.coursebox.remotecoursebox .remotecourseinfo {
441 float:left;
442 width: 40%;
443}
444.coursebox .content .courseimage img {
445 max-width:100px;
446 max-height:100px;
447}
69bbd2a7
MG
448.coursebox .content .coursecat,
449.coursebox .content .summary,
450.coursebox .content .courseimage,
451.coursebox .content .coursefile,
452.coursebox .content .teachers,
a610d873 453.coursebox.remotecoursebox .remotecourseinfo {
69bbd2a7
MG
454 margin:3px 5px;
455 padding:0;
8903b17b
BB
456}
457
faf6010b 458.dir-rtl .coursebox > .info > .categoryname a {
a610d873
MG
459 padding-left:0;
460 padding-right:21px;
8c288b26 461 background-position: center right;
a610d873 462}
faf6010b 463.dir-rtl .coursebox > .info > .categoryname,
a610d873
MG
464.dir-rtl .coursebox .teachers,
465.dir-rtl .coursebox .content .courseimage,
466.dir-rtl .coursebox .content .coursefile {
467 float:right;
468 clear:right;
469}
470.dir-rtl .coursebox .enrolmenticons,
471.dir-rtl .coursebox .moreinfo {
472 float:left;
473}
474.dir-rtl .coursebox .summary,
475.dir-rtl .coursebox .coursecat {
476 float:left;
477}
478.dir-rtl .coursebox .coursecat {
479 text-align:left;
480 clear:left;
8903b17b
BB
481}
482
a610d873
MG
483.coursebox.collapsed {
484 margin-bottom:0;
8903b17b 485}
a610d873
MG
486.coursebox.collapsed > .content {
487 display:none;
8903b17b 488}
a610d873
MG
489.courses .coursebox.collapsed {
490 border:1px solid #eeeeee;
983c46a8 491 padding:5px;
8903b17b 492}
a610d873
MG
493
494.courses .coursebox.even {
495 background-color:#f6f6f6;
8903b17b 496}
a610d873 497.courses .coursebox:hover,
d891aaba 498.course_category_tree .courses > .paging.paging-morelink:hover {
a610d873 499 background-color:#eeeeee;
8903b17b
BB
500}
501
a610d873 502.course_category_tree .category .numberofcourse {
8c288b26 503 font-size: @fontSizeSmall;
8903b17b
BB
504}
505
faf6010b 506.course_category_tree .controls {
507 visibility: hidden;
508}
509.course_category_tree .controls div {
510 display:inline;
511 cursor:pointer;
512}
513.jsenabled .course_category_tree .controls {
514 visibility: visible;
515}
516.course_category_tree .controls {
517 margin-bottom:5px;
518 text-align:right;
519 float:right;
520}
521.course_category_tree .controls div {
522 padding-right:2em;
523 font-size:75%;
524}
525
526.course_category_tree .category > .info > .categoryname{
a610d873 527 background-image:url([[pix:moodle|t/collapsed_empty]]);
8903b17b 528 background-repeat: no-repeat;
69bbd2a7
MG
529 padding:2px 18px;
530 margin:3px;
a610d873 531 background-position:center left;
8903b17b 532}
faf6010b 533.dir-rtl .course_category_tree .category > .info > .categoryname {
a610d873
MG
534 background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
535 background-position:center right;
8903b17b 536}
faf6010b 537.course_category_tree .category.with_children > .info > .categoryname {
a610d873 538 background-image:url([[pix:moodle|t/expanded]]);
3df632fb 539 cursor: pointer;
8903b17b 540}
faf6010b 541.course_category_tree .category.with_children.collapsed >.info > .categoryname {
a610d873 542 background-image:url([[pix:moodle|t/collapsed]]);
8903b17b 543}
faf6010b 544.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname {
a610d873 545 background-image:url([[pix:moodle|t/collapsed_rtl]]);
8903b17b 546}
a610d873
MG
547.course_category_tree .category.collapsed>.content {
548 display:none;
8903b17b 549}
a610d873
MG
550
551.course_category_tree .category >.info {
552 .well;
553 min-height:0;
554 padding:0;
555 margin:3px 0;
556 margin-bottom:3px;
53c1b936 557 clear: both;
8903b17b 558}
a610d873
MG
559.course_category_tree.frontpage-category-names .category >.info {
560 background:none;
561 border:none;
562 margin:0;
8903b17b 563}
a610d873
MG
564.course_category_tree .category > .content {
565 padding-left:16px;
8903b17b
BB
566}
567
a610d873
MG
568.dir-rtl .course_category_tree .category > .content {
569 padding-left:0;
570 padding-right:16px;
8903b17b 571}
a610d873
MG
572
573.course_category_tree .subcategories > .paging,
574.courses > .paging {
575 margin:0;
576 padding:5px;
577 text-align:center;
8903b17b 578}
a610d873
MG
579
580.courses > .paging.paging-morelink,
581.course_category_tree .subcategories > .paging.paging-morelink {
582 text-align:left;
8903b17b 583}
a610d873
MG
584
585.course_category_tree .paging.paging-morelink a {
8c288b26 586 font-size: @fontSizeSmall;
8903b17b 587}
69bbd2a7 588.dir-rtl .courses > .paging.paging-morelink,
a610d873
MG
589.dir-rtl .course_category_tree .paging.paging-morelink {
590 text-align:right;
8903b17b
BB
591}
592
69bbd2a7 593#page-course-index-category .generalbox.info {
a610d873
MG
594 margin-bottom: 15px;
595 border: 1px dotted #ddd;
596 .border-radius(4px);
597 padding: 5px;
8903b17b 598}
a610d873 599
69bbd2a7 600#page-course-index-category .categorypicker {
a610d873
MG
601 text-align: center;
602 margin: 10px 0 20px;
8903b17b 603}
202fcfa1 604
e5de4933 605.section .activity .moodle-actionmenu .iconsmall {
ea5a01fb 606 max-width: none !important; /** reset sets 100% !important which breaks on IE8 without this !important */
202fcfa1
SH
607 width:16px;
608 height:16px;
609 width:1rem;
610 height:1rem;
611 padding:0.3em;
612}