Merge branch 'w46_MDL-36457_m24_jsmin' of git://github.com/skodak/moodle
[moodle.git] / theme / base / style / course.css
CommitLineData
90723839
SH
1/**
2 * CSS for displaying courses and everything in them
3 */
4.section_add_menus {text-align:right;}
5.section_add_menus .horizontal div,
6.section_add_menus .horizontal form {display:inline;}
7.section_add_menus optgroup {font-weight:normal;font-style: italic;}
8
2df53c3e 9.course-content .section .activity img.activityicon {vertical-align:text-bottom;height:24px;width:24px;margin-right: 3px;}
6598f57e 10.course-content .section .activity .commands img.iconsmall {vertical-align: baseline;}
33d77377 11.course-content .section .activity .commands img {padding: 0 2px;}
c419fb96 12.course-content .section .activity:hover { background-color: #EEE; }
a60cc6e1 13.course-content .section-summary { border: 1px solid #DDD; margin-top: 5px; list-style: none; }
1804b7c1
DP
14.course-content .section-summary .section-title { margin: 2px 5px 2px 5px; }
15.course-content .section-summary .summarytext { margin: 2px 5px 2px 5px; }
77812175 16.course-content .section-summary .section-summary-activities .activity-count {margin-right: 10px;color: #AAA; font-size: 12px; margin-right: 15px;}
76055f5d 17.course-content .section-summary .summary { margin-top: 5px; }
c129f430
RT
18.course-content .single-section { margin-top: 1em; }
19.course-content .single-section .section-navigation { display: block; padding: 0.5em; margin-bottom: -0.5em; }
20.course-content .single-section .section-navigation .title { font-weight: bold; font-size: 108%; }
21.course-content .single-section .section-navigation .mdl-left { font-weight: normal; float: left; margin-right: 1em; }
5e51bd99 22.dir-rtl .course-content .single-section .section-navigation .mdl-left {float:right;}
c129f430
RT
23.course-content .single-section .section-navigation .mdl-left .larrow { margin-right: 0.1em; }
24.course-content .single-section .section-navigation .mdl-right { font-weight: normal; float: right; margin-left: 1em; }
5e51bd99 25.dir-rtl .course-content .single-section .section-navigation .mdl-right {float: left;}
c129f430
RT
26.course-content .single-section .section-navigation .mdl-right .rarrow { margin-left: 0.1em; }
27.course-content .single-section .section-navigation .mdl-bottom { margin-top: 0; }
90723839
SH
28
29#page-site-index .subscribelink {text-align:right;}
30#page-site-index .headingblock {margin-bottom: 9px;}
b9a048f8 31#page-site-index .clearfloat {float: none;clear: both; height:0px;}
90723839 32
3a35a9ff 33.path-course-view a.reduce-sections {padding-left: 0.2em;}
90723839
SH
34.path-course-view .headingblock {margin-bottom: 9px;}
35.path-course-view .subscribelink {text-align:right;}
36.path-course-view .unread {margin-left: 3em;}
6605ff8c 37.path-course-view .block.drag .header {cursor: move;}
90723839
SH
38.path-course-view .completionprogress {float:right;}
39.path-course-view .completionprogress img.iconhelp {vertical-align:top;}
c129f430 40.path-course-view .single-section .completionprogress {margin-right: -3.5em; padding-left: 1.5em; padding-right: 0em;}
0465dd3e 41.path-course-view .section .summary {line-height:normal;}
90723839
SH
42
43.path-course-view li.activity {margin-right:20px; position:relative;}
44.path-course-view li.activity span.autocompletion,
bd3238e6 45.path-course-view li.activity form.togglecompletion {display:inline;position:absolute;right:-20px;top:0;padding:0.2em 0;}
90723839
SH
46.path-course-view li.activity form.togglecompletion div {display:inline;}
47.path-course-view li.activity form.togglecompletion .ajaxworking {position:absolute;top:0; left:20px;width: 20px; height: 20px;background: url([[pix:i/ajaxloader]]) no-repeat;}
409c12f2 48.dir-rtl.path-course-view li.activity {margin-right:20px;margin-left:20px;}
90723839 49.dir-rtl.path-course-view li.activity form.togglecompletion,
d180d19a
NK
50.dir-rtl.path-course-view li.activity span.autocompletion {right:-20px;left:auto;padding:0px;}
51.dir-rtl.path-course-view .completionprogress {float: none;}
90723839
SH
52
53.section img.movetarget {height:16px;width:80px;}
54
55#page-course-enrol .generalbox,
56#page-course-enrol .coursebox {margin-top: 20px;}
57
90723839
SH
58#page-course-pending .singlebutton,
59#page-course-category #renameform,
60#page-course-category #themeform,
61#page-course-category #coursesearch,
62#page-course-category .singlebutton,
63#page-course-editsection .singlebutton {text-align:center;}
64
65#coursesearch,
66#coursesearch2 {margin-top: 1em;text-align:center;}
67
68#page-course-info .generalbox.icons {text-align: center;}
69#page-course-info .generalbox.info {margin-left:auto;margin-right:auto;}
70
71#page-course-pending .pendingcourserequests {margin-bottom: 1em;}
72#page-course-pending .pendingcourserequests .singlebutton {display: inline;}
73#page-course-pending .pendingcourserequests .cell {padding: 0 5px;}
74#page-course-pending .pendingcourserequests .cell.c6 {white-space: nowrap;}
75
90723839
SH
76
77.coursebox {width: 100%;margin-bottom: 15px;}
ab3169cf
PM
78.coursebox .info {float: left;text-align:left;width: 40%;}
79.coursebox .summary {float: right;text-align:left;width: 55%;}
90723839
SH
80.coursebox .summary .category {text-align:right;}
81.coursebox .teachers li {list-style-type:none;padding:0;margin:0;}
82
83.categorylist {width: 100%;}
cb184beb
RW
84.categorylist .category .numberofcourse {font-style: italic; font-size: 0.85em; font-style: normal;}
85.categorylist .category {padding-top: 5px; padding-bottom: 5px; }
2afcfc44
RW
86.categorylist .category .info,
87.categorylist .category .indentation,
88.categorylist .category .name,
89.categorylist .category .image,
90.categorylist .course .name,
91.categorylist .course .info {float:left;text-align: left;}
92.categorylist .course {padding-left:18px;}
93
ea831ceb
RW
94.categorylist .indentation {padding-left: 20px;}
95#page-course-index .category .image {padding-right: 2px;}
90723839 96
90723839
SH
97.course ul.section {margin:5px;padding:0;}
98
99.weeks-format, /* Window-width: 800 pixels.IE doesn't support, see inline IE conditional comment. */
100.topics-format {margin-top: 8px;min-width: 763px;}
24e27ac0
SH
101.categoryboxcontent {border-width:1px;border-style:solid;}
102
103/* Course and category combo list on front page */
104.course_category_tree .controls {visibility: hidden;}
105.course_category_tree .controls div {display:inline;cursor:pointer;}
3ebc548f 106.course_category_tree .category.with_children>.category_label {background-image:url([[pix:moodle|t/expanded]]);background-repeat: no-repeat;}
24e27ac0 107.course_category_tree .category_label {padding-left:13px;}
3ebc548f
SH
108.course_category_tree .category .category {margin:5px;}
109.course_category_tree .category .courses {padding-left:16px;}
24e27ac0
SH
110.course_category_tree .category .courses .course_link {display:block;background-image:url([[pix:moodle|i/course]]);background-repeat: no-repeat;padding-left:18px;}
111.course_category_tree .category .course {position:relative;}
112.course_category_tree .category .course_info {position:absolute;right:0;top:0;}
642b1ca3
ME
113.dir-rtl .course_category_tree .category .course_info { position: static; }
114.dir-rtl .course_category_tree .category .course_info a, .dir-rtl .course_category_tree .category .course_info div {float: right;}
115.dir-rtl .course_category_tree .controls div {padding: 7px;}
24e27ac0
SH
116.course_category_tree .category .course_info a,
117.course_category_tree .category .course_info div {float:left;width:16px;height:16px;}
118.jsenabled .course_category_tree .controls {visibility: visible;}
119.jsenabled .course_category_tree .category.with_children.collapsed .category_label {background-image:url([[pix:moodle|t/collapsed]]);}
120.jsenabled .course_category_tree .category.with_children.collapsed .subcategories,
43c90b9b
RW
121.jsenabled .course_category_tree .category.with_children.collapsed .courses {display:none;}
122
cb184beb
RW
123.path-course .clearfloat {float:none; clear:both;height:0px;}
124
defbd5b0
JS
125
126/*all courses view*/
127#page-course-index .categorylist .course.clearfloat { height: auto; }
128
cf24e82e 129/**
cb184beb
RW
130* Overide for RTL layout
131*/
43c90b9b
RW
132.dir-rtl .coursebox .info {float: right; text-align: right;}
133.dir-rtl .coursebox .summary {text-align:right;}
134.dir-rtl .course_category_tree .category.with_children> .category_label {background-position: center right; padding-right: 18px;}
135.dir-rtl .course_category_tree .category_label, .dir-rtl .course_category_tree .category .course {padding-right:18px;}
21cbbf3f
RW
136.dir-rtl.jsenabled .course_category_tree .category.with_children.collapsed .category_label {background-image:url([[pix:moodle|t/collapsed_rtl]]);}
137.dir-rtl .course_category_tree .category .courses .course_link {background-position:center right; padding-right:18px;}
cb184beb 138.dir-rtl .clearfloat {float:none; clear:both;height:0px;}
2afcfc44
RW
139.dir-rtl .categorylist .category .info,
140.dir-rtl .categorylist .category .indentation,
141.dir-rtl .categorylist .category .name,
142.dir-rtl .categorylist .category .image,
143.dir-rtl .categorylist .course .name,
144.dir-rtl .categorylist .course .indentation,
145.dir-rtl .categorylist .course .info {float:right;text-align: right;}
146.dir-rtl .categorylist .course {padding-right:18px;}
147
148#page-course-index.dir-rtl .category .image {padding-left: 5px; padding-right: 0px;}
149#page-course-index.dir-rtl .indentation {padding-left: 0px;padding-right: 30px;}
f73cea54
SH
150
151table.category_subcategories {margin-bottom:1em;}
0465dd3e 152table.category_subcategories td {white-space: nowrap;}
7a9a07d2
ARN
153
154span.editinstructions {
155 position: relative;
156 top: 5px;
157 left: 19px;
158 width: 329px;
159 padding: 3px;
160 background-color: #dddddd;
161 color: #000000;
162 text-decoration: none;
163 z-index: 100;
164 border: 1px solid black;
165}
166
167input.titleeditor {
168 width: 330px;
169}
7b061512 170
32528f94 171/* Course drag and drop upload styles */
2de13ef2 172#dndupload-status {width:40%;margin:0 30%;padding:6px;border:1px solid #ddd;text-align:center;background:#ffc;position:absolute;z-index:9999;box-shadow:2px 2px 5px 1px #ccc;border-radius:0px 0px 8px 8px;z-index: 0;}
4d40dc92 173.dndupload-preview {color:#909090;border:1px dashed #909090;list-style:none;}
d75e8e3a 174.dndupload-progress-outer {width:70px;border:1px solid black;height:10px;display:inline-block;margin:0;padding:0;overflow:hidden;position:relative;}
32528f94
DS
175.dndupload-progress-inner {width:0%;height:100%;background-color:green;display:inline-block;margin:0;padding:0;float:left;}
176.dndupload-hidden {display:none;}