MDL-35576 - Right padding is missing on Date field/element, when in RTL mode (minor...
[moodle.git] / theme / base / style / core.css
CommitLineData
07a14a3b
SH
1/**
2 * Required to undo YUI resets that override input size
3 */
4input[type=text],input[type=password],textarea{width:auto;}
5
4173ef4a
MG
6/* Fix for YUI overriding styles */
7strong{font-style:inherit;}em{font-weight:inherit;}
8
90723839
SH
9/**
10 * General
11 */
12th,
13td,
14a img {border-width:0;}
15acronym,
16abbr {cursor: help;}
17.dir-ltr,
b41fc49c
NK
18.mdl-left,
19.dir-rtl .mdl-right {text-align: left;}
90723839 20.dir-rtl,
b41fc49c
NK
21.mdl-right,
22.dir-rtl .mdl-left {text-align: right;}
90723839
SH
23#add,
24#remove,
25.centerpara,
26.mdl-align {text-align: center;}
27a.dimmed,
1559583c
ME
28a.dimmed:link,
29a.dimmed:visited,
90723839 30a.dimmed_text,
656749c1
PS
31a.dimmed_text:link,
32a.dimmed_text:visited,
58ea084b 33.dimmed_text,
d703f226 34.dimmed_text a,
656749c1
PS
35.dimmed_text a:link,
36.dimmed_text a:visited,
4ad72c28
PS
37.usersuspended,
38.usersuspended a,
39.usersuspended a:link,
40.usersuspended a:visited,
d703f226 41.dimmed_category,
5e5ebb39
ME
42.dimmed_category a {
43 color: #AAA;
1fdd48c3 44}
5e5ebb39
ME
45.activity.label .dimmed_text {
46 opacity: 0.5;
47 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
48 filter: alpha(opacity=50);
49}
90723839
SH
50.unlist,
51.unlist li,
52.inline-list,
53.inline-list li,
6605ff8c
SH
54.block .list,
55.block .list li,
231d40d5 56.sitetopic .section li.activity,
87563167 57.course-content .section li.activity,
90723839 58.tabtree li {list-style: none;margin:0;padding:0;}
87563167 59
81bb9010
AD
60.course-content .current {background:#E3E3E3;}
61
90723839
SH
62.inline-list li {display: inline;}
63.notifytiny {font-size:0.7em;}
64.notifytiny li,
65.notifytiny td {font-size:100%;}
66.red,
67.notifyproblem {color:#660000;}
68.green,
69.notifysuccess {color:#006600;}
70.reportlink {text-align:right;}
71a.autolink.glossary:hover {cursor: help;}
72/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
73.collapsibleregioncaption {white-space: nowrap;}
74.collapsibleregioncaption img {vertical-align: middle;}
75.jsenabled .hiddenifjs {display: none;}
d4365c03
ARN
76.visibleifjs {display: none;}
77.jsenabled .visibleifjs {display: inline;}
90723839
SH
78.jsenabled .collapsibleregion {overflow:hidden;}
79.jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
80.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;}
81.clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
82.clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
83.bold,
84.warning,
85.errorbox .title,
86.pagingbar .title,
87.pagingbar .thispage,
88.headingblock {font-weight: bold;}
89img.resize {height: 1em;width: 1em;}
6605ff8c 90.block img.resize,
90723839 91.breadcrumb img.resize {height: 0.9em;width: 0.8em;}
b04ae8ad 92img.icon {height:16px;vertical-align:middle;width:16px;padding-right:4px;}
90723839
SH
93img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
94img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
95img.icontoggle {height:17px;vertical-align:middle;width:50px;}
96img.iconkbhelp {height:17px;width:49px;}
97.categorybox .category {font-size:1.2em;font-weight:bold;}
98.generalbox {border:1px solid;}
99.boxaligncenter {margin-left:auto;margin-right:auto;}
100.boxalignright {margin-left:auto;margin-right:0;}
101.boxalignleft {margin-left:0;margin-right:auto;}
102.boxwidthnarrow {width: 30%;}
103.boxwidthnormal {width: 50%;}
104.boxwidthwide {width: 80%;}
105.buttons .singlebutton,
106.buttons .singlebutton form,
107.buttons .singlebutton div {display: inline;}
108.buttons .singlebutton input {margin:20px 5px;}
109.blink {text-decoration: blink;}
110.headermain {font-weight:bold;}
111#maincontent {display: block;height: 1px;overflow: hidden;}
112img.uihint {cursor: help;}
113#addmembersform table {margin-left: auto;margin-right: auto;}
114.formtable tbody th,
115.generaltable th.header {vertical-align: top;}
116.flexible th {white-space: nowrap;}
117.cell {vertical-align: top;}
118.helplink img {height: 17px;vertical-align: middle;width: 17px;}
119img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
120form.popupform,
121form.popupform div {display: inline;}
122.arrow_button input {overflow:hidden;}
315d4971 123
8fb93005
SH
124/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
125.no-overflow {overflow:auto;padding-bottom:1px;}
367a75fa
SH
126.pagelayout-report .no-overflow {overflow:visible;}
127.no-overflow > .generaltable {margin-bottom:0;}
128.ie6 .no-overflow {width:100%;}
129
90723839
SH
130/** IE6 float + background bug solution **/
131.ie6 li.section {line-height:1.2em;width:100%;}
6f0a938b 132
90723839 133/**
78946b9b 134 * Accessibility features
90723839 135 */
78946b9b 136/*Accessibility: text 'seen' by screen readers but not visual users. */
f86037c9 137.accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
f140ee3d 138.dir-rtl .accesshide {top:-30000px;left:auto;}
78946b9b 139span.hide,
c7e3e61c 140div.hide {display:none;}
90723839 141.invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
78946b9b 142/*Accessibility: Skip block link, for keyboard-only users. */
90723839
SH
143a.skip-block,
144a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
145a.skip-block:focus,
146a.skip-block:active,
147a.skip:focus,
148a.skip:active {position: static;display: block;}
149.skip-block-to {display: block;height: 1px;overflow: hidden;}
150/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
151.arrow,
152.arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
78946b9b 153
90723839 154/**
78946b9b 155 * Header
90723839 156 */
3b38bca6
PM
157.headermain {float:left;margin:15px;font-size:2.3em;}
158.headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
d730eae9
PM
159
160/**
161 * Navbar
162 */
163.navbar {clear:both;overflow:hidden;}
164.ie6 .navbar {overflow:hidden;height:100%;}
3b38bca6 165.breadcrumb {float:left;}
1470ded5 166.navbutton {text-align:right;}
3b38bca6 167.breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
bf626bbe 168.navbutton {float: right;}
3b38bca6 169.breadcrumb li,
3b38bca6
PM
170.navbutton div,
171.navbutton form {display:inline;}
90723839
SH
172
173/**
174 * Footer
175 */
176#page-footer {text-align:center;font-size:0.9em;}
177#page-footer .homelink {margin: 1em 0;}
178#page-footer .homelink a {padding-left:1em;padding-right:1em;}
179#page-footer .logininfo,
180#page-footer .sitelink,
181#page-footer .helplink {margin:0px 10px;}
182#page-footer .performanceinfo {text-align:center;margin:10px 20%;}
183#page-footer .performanceinfo span {display:block;}
184#page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
185#page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
186#page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
187
188/**
189 * Tabs
190 */
191.tabtree {position:relative;margin-bottom:3.5em;}
192.tabtree li {display:inline;}
193.tabtree ul {margin:5px;}
194.tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
195.tabtree ul li.here .empty {display:none;}
196
197/**
198 * Mforms
199 */
200.mform fieldset {border:1px solid;}
201.mform fieldset fieldset {border-width:0px;}
202.mform fieldset legend {font-weight:bold;margin-left:0.5em;}
203.mform fieldset div {margin:10px;margin-top:0;}
204.mform fieldset div div {margin:0;}
205.mform fieldset .advancedbutton {text-align:right;}
206.mform fieldset.hidden {border-width:0;}
7843d2d6 207.mform fieldset.group {margin-bottom: 0}
90723839
SH
208.mform fieldset.error {border: 1px solid #A00;}
209.mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
1c601a53 210.mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
90723839 211.mform .fitem .fitemtitle div {display: inline;}
21d4bdb7 212.mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
612aee17 213.mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0}
a2b837e5 214.dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;}
90723839
SH
215.mform .error,
216.mform .required {color:#A00;}
217.mform .required .fgroup span label {color:#000;}
218.mform .fdescription.required {color:#A00;text-align:right;}
219.mform .fpassword .unmask {display:inline;margin-left:0.5em;}
220.mform .ftextarea #id_alltext {width: 100%;}
221.mform ul.file-list {padding:0;margin:0;list-style:none;}
222.mform label .req,
223.mform label .adv {cursor: help;}
224.mform .fcheckbox input {margin-left: 0;}
225.mform .fitem fieldset.fgroup label,
226.mform .fradio label,
227.mform .fcheckbox label,
228.mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
229.mform .ftags label.accesshide {display: block;position: static;}
230.mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
43c90b9b 231
7a25d398
NK
232input#id_externalurl {direction:ltr;}
233
90723839
SH
234/** Browser corrections for mforms **/
235.ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
236/** Fix IE double margin + float bugs **/
237.ie .mform .fitem .fitemtitle {padding-right:1em;}
90723839
SH
238#portfolio-add-button {display:inline;}
239
240/**
241 * phpinfo styles
242 */
243.phpinfo .center {text-align: center;}
244.phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
245.phpinfo .center th {text-align: center;}
246.phpinfo .e,
247.phpinfo .v,
248.phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
249.phpinfo .e {background-color: #ccccff;font-weight: bold;}
250.phpinfo .h {background-color: #9999cc;font-weight: bold;}
251
90723839
SH
252/**
253 * Blogs
254 */
255.addbloglink {text-align: center;}
256.blog_entry .audience {text-align: right;}
257.blog_entry .tags {margin-top: 15px;}
258
259/**
260 * Group
261 */
262#page-group-index #groupeditform {text-align: center;}
263#doc-contents h1 {margin: 1em 0 0 0;}
264#doc-contents ul {margin: 0;padding: 0;width: 90%;}
265#doc-contents ul li {list-style-type: none;}
266.groupmanagementtable td {vertical-align: top;}
267.groupmanagementtable #existingcell,
268.groupmanagementtable #potentialcell {width: 42%;}
269.groupmanagementtable #buttonscell {width: 16%;}
270.groupmanagementtable #buttonscell input {width: 80%;}
271.groupmanagementtable #removeselect_wrapper,
272.groupmanagementtable #addselect_wrapper {width: 100%;}
273.groupmanagementtable #removeselect_wrapper label,
274.groupmanagementtable #addselect_wrapper label {font-weight: normal;}
b41fc49c 275.dir-rtl .groupmanagementtable p {text-align: right;}
90723839 276#group-usersummary {width: 14em;}
c7bbb86f 277.groupselector {margin-top: 3px;margin-bottom: 3px;}
90723839
SH
278
279/**
280 * Login
281 */
5c5a30fa 282.loginbox {margin:15px;overflow:visible;}
90723839
SH
283.loginbox.twocolumns {margin:15px;}
284.loginbox h2,
285.loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
286.loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
287.loginbox .signuppanel .subcontent {text-align:left;}
2bb3259f 288.dir-rtl .loginbox .signuppanel .subcontent {text-align: right;}
90723839
SH
289.loginbox .loginsub {margin-left:0;margin-right:0;}
290.loginbox .guestsub,
291.loginbox .forgotsub,
292.loginbox .potentialidps {margin:5px 12%;}
293.loginbox .potentialidps .potentialidplist {margin-left:40%;}
294.loginbox .potentialidps .potentialidplist div {text-align:left;}
295.loginbox .loginform {margin-top:1em;text-align:left;}
7842fba0 296.loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:rtl; white-space:nowrap;}
5c5a30fa 297.dir-rtl .loginbox .loginform .form-label {float:left;text-align:right;width:44%;direction:ltr; white-space:nowrap;}
5c5a30fa 298.loginbox .loginform .form-input {float:right;width:55%;}
90723839
SH
299.loginbox .loginform .form-input input {width: 6em;}
300.loginbox .signupform {margin-top:1em;text-align:center;}
301.loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
302.loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
303
304/**
305 * Notes
306 */
307.notepost {margin-bottom: 1em;}
308.notepost .userpicture {float: left;margin-right: 5px;}
309.notepost .content,
310.notepost .footer {clear: both;}
311.notesgroup {margin-left:20px;}
312
313/**
314 * My Moodle
315 */
26ffb4b1
MD
316.path-my .coursebox .overview .name {margin-left:20px;}
317.path-my .coursebox .overview .info {margin-left:25px;}
318.path-my .coursebox .overview .details {margin-left:25px;}
319.path-my .coursebox .overview {margin-bottom:10px;}
320.path-my .coursebox .info {float: none;}
90723839
SH
321
322/**
323 * Logs
324 */
325.logtable th {text-align:left;}
326
327/**
328 * Modules
329 */
330.mod_introbox {border:1px solid;padding:10px;}
331table.mod_index {width:100%;}
332
333/**
334 * Help
335 */
336#help_icon_tooltip div.bd {width: 35em;}
337#help hr {border: none;height: 1px;background: #ccc;}
338#help .center {text-align: center;}
339#help .moreinfo {text-align: right;}
340#help .indent {margin-left: 40px;}
341#help .indent-big {margin-left: 160px;margin-right: 160px;}
342#help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
343#help #emoticons ul{list-style-type: none;}
344#help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
345
346/**
347 * Comments
348 */
1dc28ba6 349.comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
90723839 350.comment-ctrl h5 {margin:0;padding: 5px;}
1dc28ba6 351.comment-area {max-width: 400px;padding: 5px;}
90723839
SH
352.comment-area textarea {width:100%;overflow:auto;}
353.comment-area .fd {text-align:right;}
354.comment-meta span {color:gray;}
355.comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
70cb0769 356.comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;}
034699d2 357.comment-list li.first {display:none}
90723839 358.comment-paging{text-align:center;}
c794595d
DC
359.comment-paging .pageno{padding:2px;}
360.comment-paging .curpage{border:1px solid #CCC;}
90723839
SH
361.comment-userpicture {width: 20px;float:left;}
362.comment-content {margin-left: 22px;}
363.comment-content div {margin:0;padding:0;}
364.comment-content p {padding:0;margin:0 18px 0 0;}
365.comment-delete {float:right;text-align:right;}
39e19487 366.comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
1dc28ba6 367.comment-container {float:left;margin: 4px;}
34e20eb4 368.comment-report-selectall{display:none}
b667ba00
DC
369.comment-link {display:none}
370.jsenabled .comment-link {display:block}
034699d2 371.jsenabled .showcommentsnonjs{display:none}
34e20eb4 372.jsenabled .comment-report-selectall{display:inline}
90723839
SH
373
374/**
375 * Completion progress report
376 */
377.completion-expired {background:#FFDDDD;}
378.completion-expected {font-size:0.75em;}
24e14bc7 379.completion-sortchoice,
380.completion-identifyfield {font-size:0.75em;vertical-align:bottom;}
90723839
SH
381.completion-progresscell {text-align:right;}
382.completion-expired .completion-expected {font-weight:bold;}
90723839
SH
383
384/**
385 * Tags
386 */
387#page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
388#page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
389#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
390#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
391#page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
392#page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
393#page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
394#page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
395#tag-description,
396#tag-blogs {width:100%;}
397#tag-management-box {margin-bottom:10px;line-height:20px;}
398#tag-user-table {padding:3px;clear: both;width:100%;}
399#tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
400img.user-image {height:100px;width:100px;}
401#small-tag-cloud-box {width:300px;margin:0 auto;}
402#big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
403ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
404ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
405#tag-search-box {text-align:center;margin:10px auto;}
406#tag-search-results-container {padding:0;width:100%;}
407#tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
408#tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
409span.flagged-tag,
410span.flagged-tag a {color:#FF0000;}
411table#tag-management-list {text-align:left;width:100%;}
412table#tag-management-list td,
413table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
414.tag-management-form {text-align:center;}
415#relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
416#relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
417#relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
418#relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
419#relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
420#relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
421#relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
422#relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
423h2.tag-heading,
424div#tag-description,
425div#tag-blogs,
426body.tag .managelink {padding: 5px;}
427.tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
428.tag_cloud .s19 {font-size: 1.5em;}
429.tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
430.tag_cloud .s17 {font-size: 1.4em;}
431.tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
432.tag_cloud .s15 {font-size: 1.3em;}
433.tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
434.tag_cloud .s13 {font-size: 1.2em;}
435.tag_cloud .s12,
436.tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
437.tag_cloud .s10,
438.tag_cloud .s9 {font-size: 1.1em;}
439.tag_cloud .s8,
440.tag_cloud .s7 {font-size: 1em;font-weight: bold;}
441.tag_cloud .s6,
442.tag_cloud .s5 {font-size: 1em;}
443.tag_cloud .s4,
444.tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
445.tag_cloud .s2,
446.tag_cloud .s1 {font-size: 0.9em;}
447.tag_cloud .s0 {font-size: 0.8em;}
448
1904e9b3
SH
449/*
450 * Backup and Restore CSS
90723839 451 */
1904e9b3
SH
452.path-backup .mform .grouped_settings.section_level {clear:both;}
453.path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
454.path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
455.path-backup .mform .grouped_settings .fitem .felement {width:50%;}
bf6d283e 456.path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
1904e9b3 457.path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
bf6d283e
SH
458.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
459.path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
1904e9b3
SH
460.path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
461.path-backup .backup_progress {text-align:center;}
d2dbd0c0 462.path-backup .backup_progress span.backup_stage {color:#999;}
1904e9b3
SH
463.path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
464.path-backup .backup_progress .backup_stage.backup_stage_next {}
d2dbd0c0 465.path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
7b5f67f7
DM
466#page-backup-restore .filealiasesfailures {background-color:#ffd3d9}
467#page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;}
90723839
SH
468
469/**
470 * Web Service
471 */
b1d124d1 472#webservice-doc-generator td {text-align: left;border: 0px solid black;}
36282d85 473
36282d85
RW
474/**
475 * Help Content (pop-up)
476 */
341be301 477#helppopupbox {background-color: #eee; border: 1px solid #848484;z-index: 10000 !important;}
61ddb953 478#helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
39e19487 479#helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
61ddb953 480#helppopupbox .helpheading {font-size: 1em;}
3a42ad12 481#helppopupbox .spinner {margin:1em;}
d2dbd0c0
SH
482
483/**
484 * Custom menu
485 */
486#custommenu {clear:both;}
1ded6e1f 487#custommenu .yui3-menu .yui3-menu {z-index:500;}
d2dbd0c0
SH
488#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
489#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
490#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
491#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
6c95e46a 492#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
d2dbd0c0
SH
493#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
494#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
495#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;}
496#custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
497#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
498#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
499#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
500#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
572dd8ec 501
6c95e46a
SH
502/**
503 * Fix for broken YUI images in the menunav component
504 */
505#custommenu .yui3-menu-label,
506#custommenu .yui3-menuitem-content {cursor:pointer;}
507#custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
508#custommenu .yui3-menuitem-active,
509#custommenu .yui3-menuitem-active .yui3-menuitem-content,
510#custommenu .yui3-menu-horizontal .yui3-menu-label,
511#custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
8f85249a 512#custommenu .yui3-menu-label,
c74b1ee8 513#custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;}
6c95e46a
SH
514#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
515
572dd8ec
SH
516/**
517 * Smart Select Element
518 */
519.smartselect {position:absolute;}
520.smartselect .smartselect_mask {background-color:#fff;}
521.smartselect ul {padding: 0;margin: 0;}
522.smartselect ul li {list-style: none;}
523.smartselect .smartselect_menu {margin-right:5px;}
524.safari .smartselect .smartselect_menu {margin-left:2px;}
525.smartselect .smartselect_menu,
526.smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
527.smartselect .smartselect_menu.visible,
528.smartselect .smartselect_submenu.visible {display:block;}
529.smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
530.smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
531.smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
43be52d3 532.smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
572dd8ec
SH
533/** Spanning mode */
534.smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
535.smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
572dd8ec
SH
536.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
537/** Compact mode */
43be52d3 538.smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
572dd8ec
SH
539.smartselect.compactmenu .smartselect_submenu.visible {display:block;}
540.smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
541.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
542.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
af7c1e29 543
139978e5 544/**
545 * Registration
546 */
26ffb4b1 547#page-admin-registration-register .registration_textfield {width: 300px;}
a70eb30f
SH
548
549/**
550 * Enrol
551 */
552.userenrolment {width:100%;border-collapse: collapse;}
553.userenrolment td {padding:0;height:41px;}
554.userenrolment .subfield {margin-right:5px;}
555.userenrolment .col_userdetails .subfield_picture {float:left;}
556.userenrolment .col_lastseen {width:150px;}
557.userenrolment .col_role {width:262px;}
558.userenrolment .col_role .roles {margin-right:30px;}
559.userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
560.userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
561.userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
562.userenrolment .col_role .addrole a img {vertical-align:bottom;}
563.userenrolment .hasAllRoles .col_role .addrole {display:none;}
564.userenrolment .col_group .groups {margin-right:30px;}
565.userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
566.userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
567.userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
568.userenrolment .col_group .addgroup a img {vertical-align:bottom;}
569.userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
43c90b9b 570.userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
410135aa
SH
571#page-enrol-users .enrol_user_buttons {float:right;}
572#page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
573#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
574#page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
575#page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
2062be1a 576#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;}
43c90b9b 577
3a42ad12 578/**
315d4971
RW
579* Overide for RTL layout
580**/
43c90b9b
RW
581.dir-rtl .headermain {float:right;}
582.dir-rtl .headermenu {float:left;}
583.dir-rtl .breadcrumb {float:right;}
584.dir-rtl .navbutton {float: left;}
585.dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
586.dir-rtl .mform .fitem .fitemtitle {float:right;}
587.dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
588.dir-rtl .loginbox .loginform .form-input {text-align: right;}
2062be1a
ME
589.dir-rtl .yui3-menu-hidden {left: 0px;}
590#page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;}
591#page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;}
57e8a936 592
315d4971
RW
593/**
594 * Backup
595 */
785d6603
SH
596.backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
597.backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
71d1751c 598.backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;}
785d6603
SH
599.backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
600.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;}
601.backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
602.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
603.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
604.backup-restore .activitytable {width:60%;min-width:500px;}
605.backup-restore .activitytable .modulename {width:100px;}
606.backup-restore .activitytable .moduleincluded {width:50px;}
607.backup-restore .activitytable .userinfoincluded {width:50px;}
608.backup-restore .detail-pair {}
609.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;}
610.backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
611.backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
c3853702 612.backup-restore > .singlebutton {text-align:right;}
bf6d283e 613.path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
785d6603 614
3acc9b81
SH
615.restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
616.restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 617.restore-course-search .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
618.restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
619
620.restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
621.restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 622.restore-course-category .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
623.restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
624
57e8a936 625.corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
785d6603 626.corelightbox img {position:fixed;top:50%;}
315d4971 627
3a42ad12 628/**
315d4971
RW
629 * IE - Overide for RTL layout
630 */
631.ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
3a42ad12 632
060cd0c8
SH
633.mod-indent-1 {margin-left:20px;}
634.mod-indent-2 {margin-left:40px;}
635.mod-indent-3 {margin-left:60px;}
636.mod-indent-4 {margin-left:80px;}
637.mod-indent-5 {margin-left:100px;}
638.mod-indent-6 {margin-left:120px;}
639.mod-indent-7 {margin-left:140px;}
640.mod-indent-8 {margin-left:160px;}
641.mod-indent-9 {margin-left:180px;}
642.mod-indent-10 {margin-left:200px;}
643.mod-indent-11 {margin-left:220px;}
644.mod-indent-12 {margin-left:240px;}
645.mod-indent-13 {margin-left:260px;}
646.mod-indent-14 {margin-left:280px;}
647.mod-indent-15,
70cb0769 648.mod-indent-huge {margin-left:300px;}
fcd2cbaf 649
7a25d398
NK
650.dir-rtl .mod-indent-1 {margin-right:20px;margin-left:0;}
651.dir-rtl .mod-indent-2 {margin-right:40px;margin-left:0;}
652.dir-rtl .mod-indent-3 {margin-right:60px;margin-left:0;}
653.dir-rtl .mod-indent-4 {margin-right:80px;margin-left:0;}
654.dir-rtl .mod-indent-5 {margin-right:100px;margin-left:0;}
655.dir-rtl .mod-indent-6 {margin-right:120px;margin-left:0;}
656.dir-rtl .mod-indent-7 {margin-right:140px;margin-left:0;}
657.dir-rtl .mod-indent-8 {margin-right:160px;margin-left:0;}
658.dir-rtl .mod-indent-9 {margin-right:180px;margin-left:0;}
659.dir-rtl .mod-indent-10 {margin-right:200px;margin-left:0;}
660.dir-rtl .mod-indent-11 {margin-right:220px;margin-left:0;}
661.dir-rtl .mod-indent-12 {margin-right:240px;margin-left:0;}
662.dir-rtl .mod-indent-13 {margin-right:260px;margin-left:0;}
663.dir-rtl .mod-indent-14 {margin-right:280px;margin-left:0;}
664.dir-rtl .mod-indent-15,
665.dir-rtl .mod-indent-huge {margin-right:300px;margin-left:0;}
666
61f85d9e 667.dir-rtl .felement.feditor select {margin-right:18.75%;margin-left:auto;}
409c12f2 668.dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;}
b41fc49c 669
daefd6eb 670/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
671.resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px}
672.resourcecontent audio.mediaplugin_html5audio {width: 600px}
673
815aecf6
MS
674/** Large resource images should avoid hidden overflow **/
675.resourceimage {max-width: 100%;}
676
daefd6eb 677/* Audio player size in 'inline' mode (can only change width, as above) */
678.mediaplugin_mp3 object {height:15px;width:300px}
679audio.mediaplugin_html5audio {width: 300px}
0235bd87 680
f4e7ba5e 681/* TinyMCE moodle media preview frame should not have padding */
682.core_media_preview.pagelayout-embedded #content {padding:0;}
683.core_media_preview.pagelayout-embedded #maincontent {height:0;}
684.core_media_preview.pagelayout-embedded .mediaplugin {margin:0;}
685
0235bd87 686/*
1bb48462
ME
687Fix for SubScript & SuperScript
688------------------------------*/
b41fc49c
NK
689sub {vertical-align: sub;}
690sup {vertical-align: super;}
691
692/** Fix YUI 2 Treeview for Right to left languages **/
693.dir-rtl .ygtvtn,
694.dir-rtl .ygtvtm,
695.dir-rtl .ygtvtmh,
696.dir-rtl .ygtvtmhh,
697.dir-rtl .ygtvtp,
698.dir-rtl .ygtvtph,
699.dir-rtl .ygtvtphh,
700.dir-rtl .ygtvln,
701.dir-rtl .ygtvlm,
702.dir-rtl .ygtvlmh,
703.dir-rtl .ygtvlmhh,
704.dir-rtl .ygtvlp,
705.dir-rtl .ygtvlph,
706.dir-rtl .ygtvlphh,
707.dir-rtl .ygtvdepthcell,
708.dir-rtl .ygtvok,
709.dir-rtl .ygtvok:hover,
710.dir-rtl .ygtvcancel,
711.dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
712
713.dir-rtl .ygtvtn {background-position: 0 -5600px;}
714.dir-rtl .ygtvtm {background-position: 0 -4000px;}
715.dir-rtl .ygtvtmh,
716.dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
717.dir-rtl .ygtvtp {background-position: 0 -6400px;}
718.dir-rtl .ygtvtph,
719.dir-rtl .ygtvtphh {background-position: 0 -7200px;}
720.dir-rtl .ygtvln {background-position: 0 -1600px;}
721.dir-rtl .ygtvlm {background-position: 0 0;}
722.dir-rtl .ygtvlmh,
723.dir-rtl .ygtvlmhh {background-position: 0 -800px;}
724.dir-rtl .ygtvlp {background-position: 0 -2400px;}
725.dir-rtl .ygtvlph,
726.dir-rtl .ygtvlphh {background-position: 0 -3200px}
727.dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
728.dir-rtl .ygtvok {background-position: 0 -8800px;}
729.dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
730.dir-rtl .ygtvcancel {background-position: 0 -8822px;}
731.dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
732
642b1ca3
ME
733.dir-rtl .file-picker .yui-layout-unit-left {left:500px !important;}
734.dir-rtl .file-picker .yui-layout-unit-center {left:0px !important;}
b41fc49c
NK
735.dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
736.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
737
738/** Fix TinyMCE editor right to left **/
739.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
3ae75b44
ME
740.dir-rtl .o2k7Skin table,
741.dir-rtl .o2k7Skin tbody,
742.dir-rtl .o2k7Skin a,
743.dir-rtl .o2k7Skin img,
744.dir-rtl .o2k7Skin tr,
745.dir-rtl .o2k7Skin div,
746.dir-rtl .o2k7Skin td,
747.dir-rtl .o2k7Skin iframe,
748.dir-rtl .o2k7Skin span,
749.dir-rtl .o2k7Skin *,
b41fc49c 750.dir-rtl .o2k7Skin .mceText,
1559583c 751.dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
2b04c41c
SH
752
753.path-rating .ratingtable {width:100%;margin-bottom:1em;}
754.path-rating .ratingtable th.rating {width:100%;}
755.path-rating .ratingtable td.rating,
f6f7a726 756.path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}
3ae75b44 757
d1c96f66 758/* Fix for ordered and unordered list in course topic summary & course weekly summary */
486a9ad8 759
231d40d5
ME
760.course-content ul.weeks .content .summary ul,
761.course-content ul.topics .content .summary ul {list-style: disc outside none;}
486a9ad8 762
231d40d5
ME
763.course-content ul.weeks .content .summary ol,
764.course-content ul.topics .content .summary ol {list-style: decimal outside none;}
7a25d398
NK
765
766.dir-rtl #adminsettings #id_s__pathtodu,
767.dir-rtl #adminsettings #id_s__aspellpath,
768.dir-rtl #adminsettings #id_s__pathtodot,
769.dir-rtl #adminsettings #id_s__supportemail,
770.dir-rtl #adminsettings #id_s__supportpage,
771.dir-rtl #adminsettings #id_s__sessioncookie,
772.dir-rtl #adminsettings #id_s__sessioncookiepath,
773.dir-rtl #adminsettings #id_s__sessioncookiedomain,
774.dir-rtl #adminsettings #id_s__proxyhost,
775.dir-rtl #adminsettings #id_s__proxyuser,
776.dir-rtl #adminsettings #id_s__proxypassword,
777.dir-rtl #adminsettings #id_s__proxybypass,
778.dir-rtl #adminsettings #id_s__jabberhost,
779.dir-rtl #adminsettings #id_s__jabberserver,
780.dir-rtl #adminsettings #id_s__jabberusername,
781.dir-rtl #adminsettings #id_s__jabberpassword,
782.dir-rtl #adminsettings #id_s__additionalhtmlhead,
783.dir-rtl #adminsettings #id_s__additionalhtmltopofbody,
784.dir-rtl #adminsettings #id_s__additionalhtmlfooter,
785.dir-rtl #adminsettings #id_s__docroot,
786.dir-rtl #adminsettings #id_s__filter_tex_latexpreamble,
787.dir-rtl #adminsettings #id_s__filter_tex_latexbackground,
788.dir-rtl #adminsettings #id_s__filter_tex_pathlatex,
789.dir-rtl #adminsettings #id_s__filter_tex_pathdvips,
790.dir-rtl #adminsettings #id_s__filter_tex_pathconvert,
791.dir-rtl #adminsettings #id_s__blockedip,
792.dir-rtl #adminsettings #id_s__pathtoclam,
793.dir-rtl #adminsettings #id_s__quarantinedir,
794.dir-rtl #adminsettings #id_s__sitepolicy,
795.dir-rtl #adminsettings #id_s__sitepolicyguest,
796.dir-rtl #adminsettings #id_s__cronremotepassword,
797.dir-rtl #adminsettings #id_s__allowedip,
798.dir-rtl #adminsettings #id_s__blockedip,
799.dir-rtl #adminsettings #id_s_enrol_meta_nosyncroleids,
800.dir-rtl #adminsettings #id_s_enrol_ldap_host_url,
801.dir-rtl #adminsettings #id_s_enrol_ldap_ldapencoding,
802.dir-rtl #adminsettings #id_s_enrol_ldap_bind_dn,
803.dir-rtl #adminsettings #id_s_enrol_ldap_bind_pw,
804.dir-rtl #adminsettings #admin-emoticons .form-text,
805.dir-rtl #adminsettings #admin-role_mapping input[type=text],
806.dir-rtl #adminsettings #id_s_enrol_paypal_paypalbusiness,
807.dir-rtl #adminsettings #id_s_enrol_flatfile_location,
808#page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text],
809#page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text],
810#page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;}
811
812#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;}
813
b04ae8ad 814#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;}
642b1ca3 815.initialbar a {padding-right: 2px;}
01e0e704
ARN
816
817/**
818 * Chooser Dialogue
819 *
820 * This CSS belong to the chooser dialogue which should work both with, and
821 * without javascript enabled
822 */
823/* Hide the dialog and it's title */
255dd8d1
ARN
824.chooserdialoguebody,
825.choosertitle {
01e0e704
ARN
826 display:none;
827}
828
89e00e91 829.moodle-dialogue-base .moodle-dialogue {
64063bdb
BR
830 background: none!important;
831 border: 0 none!important;
89e00e91
BR
832}
833
255dd8d1 834.chooserdialogue .moodle-dialogue-wrap {
8d25aeb7 835 height: auto;
89e00e91
BR
836 background-color: #FFFFFF;
837 border: 1px solid #CCCCCC!important;
89e00e91 838 border-radius:10px;
8d25aeb7
BR
839 box-shadow: 5px 5px 20px 0px #666666;
840 -webkit-box-shadow: 5px 5px 20px 0px #666666;
841 -moz-box-shadow: 5px 5px 20px 0px #666666;
89e00e91
BR
842}
843
255dd8d1 844.chooserdialogue .moodle-dialogue-hd {
8d25aeb7
BR
845 font-size:12px!important;
846 font-weight: normal!important;
847 letter-spacing: 1px;
848 color:#333333!important;
849 text-align: center!important;
850 text-shadow: 1px 1px 1px #FFFFFF;
851 padding:5px 5px 5px 5px;
852 border-radius: 10px 10px 0px 0px;
853 border-bottom: 1px solid #BBBBBB!important;
59e807e8
BR
854 background: #CCCCCC!important;
855 background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC))!important;
856 background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC)!important;
8d25aeb7
BR
857 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important;
858 filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
89e00e91
BR
859}
860
255dd8d1 861.chooserdialogue .moodle-dialogue-bd {
8d25aeb7
BR
862 font-size: 12px;
863 color: #555555;
89e00e91
BR
864 overflow: auto;
865 padding: 0px;
866 background: #F2F2F2;
867 border-bottom-left-radius: 10px;
868 border-bottom-right-radius: 10px;
2d115181
ARN
869}
870
01e0e704 871/* Center the submit buttons within the area */
255dd8d1 872.choosercontainer #chooseform .submitbuttons {
01e0e704
ARN
873 margin: 0.7em 0;
874 text-align: center;
875}
876
255dd8d1 877.choosercontainer #chooseform .submitbuttons input {
35e1abcd
ARN
878 min-width: 100px;
879 margin: 0px 0.5em;
880}
881
01e0e704 882/* Various settings for the options area */
255dd8d1 883.choosercontainer #chooseform .options {
01e0e704 884 position: relative;
89e00e91 885 border-bottom: 1px solid #BBBBBB;
01e0e704
ARN
886}
887
888/* Only set these options if we're showing the js container */
255dd8d1 889.jsenabled .choosercontainer #chooseform .alloptions {
89e00e91 890 max-height: 550px;
01e0e704
ARN
891 overflow-x: hidden;
892 overflow-y: auto;
64063bdb 893 max-width: 20.3em;
8d25aeb7
BR
894 box-shadow: inset 0px 0px 30px 0px #CCCCCC;
895 -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
896 -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC;
01e0e704
ARN
897}
898
899/* Settings for option rows and option subtypes */
255dd8d1
ARN
900.choosercontainer #chooseform .moduletypetitle,
901.choosercontainer #chooseform .option,
902.choosercontainer #chooseform .nonoption {
01e0e704 903 margin-bottom: 0;
89e00e91 904 padding: 0 1.6em 0 1.6em;
01e0e704
ARN
905}
906
255dd8d1 907.choosercontainer #chooseform .moduletypetitle {
89e00e91 908 text-transform: uppercase;
8d25aeb7
BR
909 padding-top: 1.2em;
910 padding-bottom: 0.4em;
01e0e704
ARN
911}
912
255dd8d1 913.choosercontainer #chooseform .option .typename,
64063bdb
BR
914.choosercontainer #chooseform .option span.modicon img.icon,
915.choosercontainer #chooseform .nonoption .typename,
916.choosercontainer #chooseform .nonoption span.modicon img.icon {
89e00e91 917 padding: 0 0 0 0.5em;
01e0e704
ARN
918}
919
255dd8d1
ARN
920.choosercontainer #chooseform .option input[type=radio],
921.choosercontainer #chooseform .option span.typename,
922.choosercontainer #chooseform .option span.modicon {
01e0e704
ARN
923 vertical-align: middle;
924}
925
255dd8d1 926.choosercontainer #chooseform .option label {
01e0e704 927 display: block;
89e00e91
BR
928 padding: 0.3em 0 0.1em 0;
929 border-bottom: 1px solid #FFFFFF;
01e0e704
ARN
930}
931
64063bdb
BR
932.choosercontainer #chooseform .nonoption {
933 padding-left: 2.7em;
934 padding-top: 0.3em;
935 padding-bottom: 0.1em;
936}
937
938.choosercontainer #chooseform .subtype {
939 margin-bottom: 0;
940 padding: 0 1.6em 0 3.2em;
941}
942
943.choosercontainer #chooseform .subtype .typename {
944 margin: 0 0 0 0.2em;
945}
946
01e0e704 947/* The instruction/help area */
61eadb51 948.jsenabled .choosercontainer #chooseform .instruction,
255dd8d1 949.jsenabled .choosercontainer #chooseform .typesummary {
01e0e704
ARN
950 display: none;
951 position: absolute;
952 top: 0px;
953 right: 0px;
954 bottom: 0px;
64063bdb 955 left: 20.3em;
01e0e704 956 margin: 0;
af9c48cb 957 padding: 1.6em;
59e807e8 958 background-color: #FFFFFF;
01e0e704
ARN
959 overflow-x: hidden;
960 overflow-y: auto;
961 max-height: 550px;
89e00e91 962 line-height: 2em;
01e0e704
ARN
963}
964
61eadb51
ARN
965.dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
966.dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
8c5bd059
NK
967 left: 0px;
968 right: 18.5em;
969 border-right: 1px solid grey;
970}
971
01e0e704 972/* Selected option settings */
255dd8d1
ARN
973.jsenabled .choosercontainer #chooseform .instruction,
974.choosercontainer #chooseform .selected .typesummary {
01e0e704
ARN
975 display: block;
976}
255dd8d1
ARN
977
978.choosercontainer #chooseform .selected {
89e00e91 979 background-color: #FFFFFF;
8d25aeb7
BR
980 box-shadow: 0px 0px 10px 0px #CCCCCC;
981 -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
982 -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
01e0e704 983}