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