weekly release 2.1dev
[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
90723839
SH
6/**
7 * General
8 */
9th,
10td,
11a img {border-width:0;}
12acronym,
13abbr {cursor: help;}
14.dir-ltr,
b41fc49c
NK
15.mdl-left,
16.dir-rtl .mdl-right {text-align: left;}
90723839 17.dir-rtl,
b41fc49c
NK
18.mdl-right,
19.dir-rtl .mdl-left {text-align: right;}
90723839
SH
20#add,
21#remove,
22.centerpara,
23.mdl-align {text-align: center;}
24a.dimmed,
1559583c
ME
25a.dimmed:link,
26a.dimmed:visited,
90723839 27a.dimmed_text,
58ea084b 28.dimmed_text,
d703f226
SH
29.dimmed_text a,
30.dimmed_category,
31.dimmed_category a {color:#AAAAAA;}
87563167 32
90723839
SH
33.unlist,
34.unlist li,
35.inline-list,
36.inline-list li,
6605ff8c
SH
37.block .list,
38.block .list li,
90723839 39.sitetopic .section li,
87563167 40.course-content .section li.activity,
90723839 41.tabtree li {list-style: none;margin:0;padding:0;}
87563167 42
81bb9010
AD
43.course-content .current {background:#E3E3E3;}
44
90723839
SH
45.inline-list li {display: inline;}
46.notifytiny {font-size:0.7em;}
47.notifytiny li,
48.notifytiny td {font-size:100%;}
49.red,
50.notifyproblem {color:#660000;}
51.green,
52.notifysuccess {color:#006600;}
53.reportlink {text-align:right;}
54a.autolink.glossary:hover {cursor: help;}
55/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
56.collapsibleregioncaption {white-space: nowrap;}
57.collapsibleregioncaption img {vertical-align: middle;}
58.jsenabled .hiddenifjs {display: none;}
59.jsenabled .collapsibleregion {overflow:hidden;}
60.jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
61.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;}
62.clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
63.clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
64.bold,
65.warning,
66.errorbox .title,
67.pagingbar .title,
68.pagingbar .thispage,
69.headingblock {font-weight: bold;}
70img.resize {height: 1em;width: 1em;}
6605ff8c 71.block img.resize,
90723839
SH
72.breadcrumb img.resize {height: 0.9em;width: 0.8em;}
73img.icon {height:16px;vertical-align:middle;width:16px;}
74img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
75img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
76img.icontoggle {height:17px;vertical-align:middle;width:50px;}
77img.iconkbhelp {height:17px;width:49px;}
78.categorybox .category {font-size:1.2em;font-weight:bold;}
79.generalbox {border:1px solid;}
80.boxaligncenter {margin-left:auto;margin-right:auto;}
81.boxalignright {margin-left:auto;margin-right:0;}
82.boxalignleft {margin-left:0;margin-right:auto;}
83.boxwidthnarrow {width: 30%;}
84.boxwidthnormal {width: 50%;}
85.boxwidthwide {width: 80%;}
86.buttons .singlebutton,
87.buttons .singlebutton form,
88.buttons .singlebutton div {display: inline;}
89.buttons .singlebutton input {margin:20px 5px;}
90.blink {text-decoration: blink;}
91.headermain {font-weight:bold;}
92#maincontent {display: block;height: 1px;overflow: hidden;}
93img.uihint {cursor: help;}
94#addmembersform table {margin-left: auto;margin-right: auto;}
95.formtable tbody th,
96.generaltable th.header {vertical-align: top;}
97.flexible th {white-space: nowrap;}
98.cell {vertical-align: top;}
99.helplink img {height: 17px;vertical-align: middle;width: 17px;}
100img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
101form.popupform,
102form.popupform div {display: inline;}
103.arrow_button input {overflow:hidden;}
315d4971 104
8fb93005
SH
105/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
106.no-overflow {overflow:auto;padding-bottom:1px;}
367a75fa
SH
107.pagelayout-report .no-overflow {overflow:visible;}
108.no-overflow > .generaltable {margin-bottom:0;}
109.ie6 .no-overflow {width:100%;}
110
90723839
SH
111/** IE6 float + background bug solution **/
112.ie6 li.section {line-height:1.2em;width:100%;}
6f0a938b 113
90723839 114/**
78946b9b 115 * Accessibility features
90723839 116 */
78946b9b 117/*Accessibility: text 'seen' by screen readers but not visual users. */
f86037c9 118.accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;}
f140ee3d 119.dir-rtl .accesshide {top:-30000px;left:auto;}
78946b9b 120span.hide,
c7e3e61c 121div.hide {display:none;}
90723839 122.invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
78946b9b 123/*Accessibility: Skip block link, for keyboard-only users. */
90723839
SH
124a.skip-block,
125a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
126a.skip-block:focus,
127a.skip-block:active,
128a.skip:focus,
129a.skip:active {position: static;display: block;}
130.skip-block-to {display: block;height: 1px;overflow: hidden;}
131/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
132.arrow,
133.arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
78946b9b 134
d067fc47
SH
135#yui-module-debug {display:none;}
136
90723839 137/**
78946b9b 138 * Header
90723839 139 */
3b38bca6
PM
140.headermain {float:left;margin:15px;font-size:2.3em;}
141.headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
d730eae9
PM
142
143/**
144 * Navbar
145 */
146.navbar {clear:both;overflow:hidden;}
147.ie6 .navbar {overflow:hidden;height:100%;}
3b38bca6 148.breadcrumb {float:left;}
1470ded5 149.navbutton {text-align:right;}
3b38bca6 150.breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
bf626bbe 151.navbutton {float: right;}
3b38bca6 152.breadcrumb li,
3b38bca6
PM
153.navbutton div,
154.navbutton form {display:inline;}
90723839
SH
155
156/**
157 * Footer
158 */
159#page-footer {text-align:center;font-size:0.9em;}
160#page-footer .homelink {margin: 1em 0;}
161#page-footer .homelink a {padding-left:1em;padding-right:1em;}
162#page-footer .logininfo,
163#page-footer .sitelink,
164#page-footer .helplink {margin:0px 10px;}
165#page-footer .performanceinfo {text-align:center;margin:10px 20%;}
166#page-footer .performanceinfo span {display:block;}
167#page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
168#page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
169#page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
170
171/**
172 * Tabs
173 */
174.tabtree {position:relative;margin-bottom:3.5em;}
175.tabtree li {display:inline;}
176.tabtree ul {margin:5px;}
177.tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
178.tabtree ul li.here .empty {display:none;}
179
180/**
181 * Mforms
182 */
183.mform fieldset {border:1px solid;}
184.mform fieldset fieldset {border-width:0px;}
185.mform fieldset legend {font-weight:bold;margin-left:0.5em;}
186.mform fieldset div {margin:10px;margin-top:0;}
187.mform fieldset div div {margin:0;}
188.mform fieldset .advancedbutton {text-align:right;}
189.mform fieldset.hidden {border-width:0;}
190.mform fieldset.error {border: 1px solid #A00;}
191.mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
1c601a53 192.mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
90723839 193.mform .fitem .fitemtitle div {display: inline;}
21d4bdb7 194.mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;}
90723839
SH
195.mform .fitem fieldset.felement {margin-left:0;padding-left:1%;}
196.mform .error,
197.mform .required {color:#A00;}
198.mform .required .fgroup span label {color:#000;}
199.mform .fdescription.required {color:#A00;text-align:right;}
200.mform .fpassword .unmask {display:inline;margin-left:0.5em;}
201.mform .ftextarea #id_alltext {width: 100%;}
202.mform ul.file-list {padding:0;margin:0;list-style:none;}
203.mform label .req,
204.mform label .adv {cursor: help;}
205.mform .fcheckbox input {margin-left: 0;}
206.mform .fitem fieldset.fgroup label,
207.mform .fradio label,
208.mform .fcheckbox label,
209.mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
210.mform .ftags label.accesshide {display: block;position: static;}
211.mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
43c90b9b 212
90723839
SH
213/** Browser corrections for mforms **/
214.ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
215/** Fix IE double margin + float bugs **/
216.ie .mform .fitem .fitemtitle {padding-right:1em;}
90723839
SH
217#portfolio-add-button {display:inline;}
218
219/**
220 * phpinfo styles
221 */
222.phpinfo .center {text-align: center;}
223.phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
224.phpinfo .center th {text-align: center;}
225.phpinfo .e,
226.phpinfo .v,
227.phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
228.phpinfo .e {background-color: #ccccff;font-weight: bold;}
229.phpinfo .h {background-color: #9999cc;font-weight: bold;}
230
90723839
SH
231/**
232 * Blogs
233 */
234.addbloglink {text-align: center;}
235.blog_entry .audience {text-align: right;}
236.blog_entry .tags {margin-top: 15px;}
237
238/**
239 * Group
240 */
241#page-group-index #groupeditform {text-align: center;}
242#doc-contents h1 {margin: 1em 0 0 0;}
243#doc-contents ul {margin: 0;padding: 0;width: 90%;}
244#doc-contents ul li {list-style-type: none;}
245.groupmanagementtable td {vertical-align: top;}
246.groupmanagementtable #existingcell,
247.groupmanagementtable #potentialcell {width: 42%;}
248.groupmanagementtable #buttonscell {width: 16%;}
249.groupmanagementtable #buttonscell input {width: 80%;}
250.groupmanagementtable #removeselect_wrapper,
251.groupmanagementtable #addselect_wrapper {width: 100%;}
252.groupmanagementtable #removeselect_wrapper label,
253.groupmanagementtable #addselect_wrapper label {font-weight: normal;}
b41fc49c 254.dir-rtl .groupmanagementtable p {text-align: right;}
90723839 255#group-usersummary {width: 14em;}
c7bbb86f 256.groupselector {margin-top: 3px;margin-bottom: 3px;}
90723839
SH
257
258/**
259 * Login
260 */
261.loginbox {margin:15px;overflow:hidden;}
262.loginbox.twocolumns {margin:15px;}
263.loginbox h2,
264.loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
265.loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
266.loginbox .signuppanel .subcontent {text-align:left;}
267.loginbox .loginsub {margin-left:0;margin-right:0;}
268.loginbox .guestsub,
269.loginbox .forgotsub,
270.loginbox .potentialidps {margin:5px 12%;}
271.loginbox .potentialidps .potentialidplist {margin-left:40%;}
272.loginbox .potentialidps .potentialidplist div {text-align:left;}
273.loginbox .loginform {margin-top:1em;text-align:left;}
274.loginbox .loginform .form-label {float:left;text-align:right;width:40%;}
275.loginbox .loginform .form-input {float:right;width:59%;}
276.loginbox .loginform .form-input input {width: 6em;}
277.loginbox .signupform {margin-top:1em;text-align:center;}
278.loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
279.loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
280
281/**
282 * Notes
283 */
284.notepost {margin-bottom: 1em;}
285.notepost .userpicture {float: left;margin-right: 5px;}
286.notepost .content,
287.notepost .footer {clear: both;}
288.notesgroup {margin-left:20px;}
289
290/**
291 * My Moodle
292 */
26ffb4b1
MD
293.path-my .coursebox .overview .name {margin-left:20px;}
294.path-my .coursebox .overview .info {margin-left:25px;}
295.path-my .coursebox .overview .details {margin-left:25px;}
296.path-my .coursebox .overview {margin-bottom:10px;}
297.path-my .coursebox .info {float: none;}
90723839
SH
298
299/**
300 * Logs
301 */
302.logtable th {text-align:left;}
303
304/**
305 * Modules
306 */
307.mod_introbox {border:1px solid;padding:10px;}
308table.mod_index {width:100%;}
309
310/**
311 * Help
312 */
313#help_icon_tooltip div.bd {width: 35em;}
314#help hr {border: none;height: 1px;background: #ccc;}
315#help .center {text-align: center;}
316#help .moreinfo {text-align: right;}
317#help .indent {margin-left: 40px;}
318#help .indent-big {margin-left: 160px;margin-right: 160px;}
319#help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
320#help #emoticons ul{list-style-type: none;}
321#help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
322
323/**
324 * Comments
325 */
1dc28ba6 326.comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
90723839 327.comment-ctrl h5 {margin:0;padding: 5px;}
1dc28ba6 328.comment-area {max-width: 400px;padding: 5px;}
90723839
SH
329.comment-area textarea {width:100%;overflow:auto;}
330.comment-area .fd {text-align:right;}
331.comment-meta span {color:gray;}
332.comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
70cb0769 333.comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;}
034699d2 334.comment-list li.first {display:none}
90723839 335.comment-paging{text-align:center;}
c794595d
DC
336.comment-paging .pageno{padding:2px;}
337.comment-paging .curpage{border:1px solid #CCC;}
90723839
SH
338.comment-userpicture {width: 20px;float:left;}
339.comment-content {margin-left: 22px;}
340.comment-content div {margin:0;padding:0;}
341.comment-content p {padding:0;margin:0 18px 0 0;}
342.comment-delete {float:right;text-align:right;}
39e19487 343.comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
1dc28ba6 344.comment-container {float:left;margin: 4px;}
34e20eb4 345.comment-report-selectall{display:none}
b667ba00
DC
346.comment-link {display:none}
347.jsenabled .comment-link {display:block}
034699d2 348.jsenabled .showcommentsnonjs{display:none}
34e20eb4 349.jsenabled .comment-report-selectall{display:inline}
90723839
SH
350
351/**
352 * Completion progress report
353 */
354.completion-expired {background:#FFDDDD;}
355.completion-expected {font-size:0.75em;}
356.completion-sortchoice {font-size:0.75em;vertical-align:bottom;}
357.completion-progresscell {text-align:right;}
358.completion-expired .completion-expected {font-weight:bold;}
359#page-course-report-progress-index th,
360#page-course-report-progress-index td {padding:2px 4px;font-weight:normal;border-right: 1px solid #EEE;}
361#page-course-report-progress-index .progress-actions {text-align:center;}
362#page-course-report-progress-index .completion_pagingbar {margin:1em 0;text-align:center;}
363#page-course-report-progress-index .completion_prev {display:inline;margin-right:2em;}
364#page-course-report-progress-index .completion_pagingbar p {display:inline;margin:0;}
365#page-course-report-progress-index .completion_next {display:inline;margin-left:2em;}
366
367/**
368 * Tags
369 */
370#page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
371#page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
372#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
373#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
374#page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
375#page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
376#page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
377#page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
378#tag-description,
379#tag-blogs {width:100%;}
380#tag-management-box {margin-bottom:10px;line-height:20px;}
381#tag-user-table {padding:3px;clear: both;width:100%;}
382#tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
383img.user-image {height:100px;width:100px;}
384#small-tag-cloud-box {width:300px;margin:0 auto;}
385#big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
386ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
387ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
388#tag-search-box {text-align:center;margin:10px auto;}
389#tag-search-results-container {padding:0;width:100%;}
390#tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
391#tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
392span.flagged-tag,
393span.flagged-tag a {color:#FF0000;}
394table#tag-management-list {text-align:left;width:100%;}
395table#tag-management-list td,
396table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
397.tag-management-form {text-align:center;}
398#relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
399#relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
400#relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
401#relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
402#relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
403#relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
404#relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
405#relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
406h2.tag-heading,
407div#tag-description,
408div#tag-blogs,
409body.tag .managelink {padding: 5px;}
410.tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
411.tag_cloud .s19 {font-size: 1.5em;}
412.tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
413.tag_cloud .s17 {font-size: 1.4em;}
414.tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
415.tag_cloud .s15 {font-size: 1.3em;}
416.tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
417.tag_cloud .s13 {font-size: 1.2em;}
418.tag_cloud .s12,
419.tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
420.tag_cloud .s10,
421.tag_cloud .s9 {font-size: 1.1em;}
422.tag_cloud .s8,
423.tag_cloud .s7 {font-size: 1em;font-weight: bold;}
424.tag_cloud .s6,
425.tag_cloud .s5 {font-size: 1em;}
426.tag_cloud .s4,
427.tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
428.tag_cloud .s2,
429.tag_cloud .s1 {font-size: 0.9em;}
430.tag_cloud .s0 {font-size: 0.8em;}
431
432/**
433 * File picker
434 * Copyright (c) 2006 Yahoo! Inc. All rights reserved.
435 * copy from yui/examples/treeview/assets/css/folders/tree.css
436 * first or middle sibling, no children
437 */
438/* first or middle sibling, no children */
3002e7fd 439.file-picker .ygtvtn {background: url([[pix:moodle|y/tn]]) 0 0 no-repeat;width:17px;height:22px;}
90723839 440/* first or middle sibling, collapsable */
3002e7fd 441.file-picker .ygtvtm {background: url([[pix:moodle|y/tm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 442/* first or middle sibling, collapsable, hover */
3002e7fd 443.file-picker .ygtvtmh {background: url([[pix:moodle|y/tmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 444/* first or middle sibling, expandable */
3002e7fd 445.file-picker .ygtvtp {background: url([[pix:moodle|y/tp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 446/* first or middle sibling, expandable, hover */
3002e7fd 447.file-picker .ygtvtph {background: url([[pix:moodle|y/tph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 448/* last sibling, no children */
3002e7fd 449.file-picker .ygtvln {background: url([[pix:moodle|y/ln]]) 0 0 no-repeat;width:17px;height:22px;}
90723839 450/* Last sibling, collapsable */
3002e7fd 451.file-picker .ygtvlm {background: url([[pix:moodle|y/lm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 452/* Last sibling, collapsable, hover */
3002e7fd 453.file-picker .ygtvlmh {background: url([[pix:moodle|y/lmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 454/* Last sibling, expandable */
3002e7fd 455.file-picker .ygtvlp {background: url([[pix:moodle|y/lp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 456/* Last sibling, expandable, hover */
3002e7fd 457.file-picker .ygtvlph {background: url([[pix:moodle|y/lph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
90723839 458/* Loading icon */
3002e7fd 459.file-picker .ygtvloading {background: url([[pix:moodle|y/loading]]) 0 0 no-repeat;width:16px;height:22px;}
90723839 460/* the style for the empty cells that are used for rendering the depth* of the node */
3002e7fd 461.file-picker .ygtvdepthcell {background: url([[pix:moodle|y/vline]]) 0 0 no-repeat;width:17px;height:22px;}
90723839
SH
462.file-picker .ygtvblankdepthcell {width:17px;height:22px;}
463/* the style of the div around each node */
464.file-picker .ygtvitem table{margin-bottom:0;}
465.file-picker .ygtvitem td {border:none;padding:0;}
466/* the style of the div around each node's collection of children */
467* html .file-picker .ygtvchildren {height:1%;}
468/* the style of the text label in ygTextNode */
469.file-picker .ygtvlabel,
470.file-picker .ygtvlabel:link,
471.file-picker .ygtvlabel:visited,
472.file-picker .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
473.file-picker {font-size:12px;}
474.file-picker strong {background:#FFFFCC;}
90723839
SH
475.file-picker .fp-panel {padding:0;margin:0;text-align:left;}
476.file-picker .fp-login-form {text-align:center;}
477.file-picker .fp-searchbar {float:right;}
478.file-picker .fp-viewbar {width:300px;float:left;}
479.file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
480.file-picker .fp-toolbar a {padding: 0 .5em;}
481.file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
b41fc49c 482.dir-rtl .file-picker .fp-list {text-align:right;}
90723839
SH
483.file-picker .fp-list li {border-bottom:1px dotted gray;margin-bottom: 1em;}
484.file-picker .fp-repo-name {display:block;padding: .5em;margin-bottom: .5em;}
485.file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
486.file-picker .fp-pathbar a {padding: .4em;}
487.file-picker .fp-rename-form {text-align:center;}
488.file-picker .fp-rename-form p {margin: 1em;}
489.file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
490.file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
90723839
SH
491.file-picker .fp-paging {margin:1em .5em;clear:both;text-align:center;line-height: 2.5em;}
492.file-picker .fp-paging a {padding: .5em;border: 1px solid #CCC;}
493.file-picker .fp-paging a.cur_page {border: 1px solid blue;}
494.file-picker .fp-popup {text-align:center;}
879b4f9a 495.file-picker .fp-grid-panel{}
90723839
SH
496.file-picker .fp-grid {float:left;text-align:center;}
497.file-picker .fp-grid div {overflow: hidden;}
498.file-picker .fp-grid p {margin:0;padding:0;background: #FFFFCC;}
499.file-picker .fp-grid .label {height:48px;text-align:center;}
500.file-picker .fp-grid span {color:gray;}
501.file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
f312e878 502.file-picker .fp-emptylist, .file-picker .fp-msg {text-align:center;}
bb496de7 503.filepicker-filelist {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
90723839
SH
504/* file picker search dialog */
505.file-picker div.bd {text-align:left;}
506
507/**
508 * File Manager
509 */
510.filemanager-toolbar {margin: 5px 0;}
563d0417
DC
511.filemanager-toolbar a {border: 1px solid #AACCEE;background: #F4FAFF;color: black;padding: 3px;}
512.filemanager-toolbar a:hover {background: #FFFFFF;}
90723839 513.fm-breadcrumb {margin:0;}
d8f31703 514.filemanager-container {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
1345cc53 515.filemanager-container ul{margin:0;padding:0;}
d8f31703 516.filemanager-container ul li{white-space:nowrap;list-style-type:none;}
713e08cf 517.filemanager-container ul li a{padding:0}
d8f31703
DC
518.filemanager-loading{display:none}
519.jsenabled .filemanager-loading{display:block}
da794241 520.fm-menuicon{cursor: pointer;}
90723839
SH
521#fm-move-div {margin: 6px;}
522#fm-move-div strong{color:red;}
90723839
SH
523.fm-file-entry{border: 1px solid red;}
524.fm-operation {font-weight: bold;}
525
1904e9b3
SH
526/*
527 * Backup and Restore CSS
90723839 528 */
1904e9b3
SH
529.path-backup .mform .grouped_settings.section_level {clear:both;}
530.path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
531.path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
532.path-backup .mform .grouped_settings .fitem .felement {width:50%;}
bf6d283e 533.path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;}
1904e9b3 534.path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
bf6d283e
SH
535.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
536.path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;}
1904e9b3
SH
537.path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
538.path-backup .backup_progress {text-align:center;}
d2dbd0c0 539.path-backup .backup_progress span.backup_stage {color:#999;}
1904e9b3
SH
540.path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
541.path-backup .backup_progress .backup_stage.backup_stage_next {}
d2dbd0c0 542.path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
90723839
SH
543
544/**
545 * Web Service
546 */
b1d124d1 547#webservice-doc-generator td {text-align: left;border: 0px solid black;}
36282d85 548
36282d85
RW
549/**
550 * Help Content (pop-up)
551 */
341be301 552#helppopupbox {background-color: #eee; border: 1px solid #848484;z-index: 10000 !important;}
61ddb953 553#helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
39e19487 554#helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
61ddb953 555#helppopupbox .helpheading {font-size: 1em;}
3a42ad12 556#helppopupbox .spinner {margin:1em;}
d2dbd0c0
SH
557
558/**
559 * Custom menu
560 */
561#custommenu {clear:both;}
1ded6e1f 562#custommenu .yui3-menu .yui3-menu {z-index:500;}
d2dbd0c0
SH
563#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
564#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
565#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
566#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
567#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
568#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
569#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;}
570#custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
571#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
572#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
573#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
574#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
572dd8ec
SH
575
576/**
577 * Smart Select Element
578 */
579.smartselect {position:absolute;}
580.smartselect .smartselect_mask {background-color:#fff;}
581.smartselect ul {padding: 0;margin: 0;}
582.smartselect ul li {list-style: none;}
583.smartselect .smartselect_menu {margin-right:5px;}
584.safari .smartselect .smartselect_menu {margin-left:2px;}
585.smartselect .smartselect_menu,
586.smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
587.smartselect .smartselect_menu.visible,
588.smartselect .smartselect_submenu.visible {display:block;}
589.smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
590.smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
591.smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
43be52d3 592.smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
572dd8ec
SH
593/** Spanning mode */
594.smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
595.smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
572dd8ec
SH
596.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
597/** Compact mode */
43be52d3 598.smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
572dd8ec
SH
599.smartselect.compactmenu .smartselect_submenu.visible {display:block;}
600.smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
601.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
602.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
af7c1e29 603
139978e5 604/**
605 * Registration
606 */
26ffb4b1 607#page-admin-registration-register .registration_textfield {width: 300px;}
a70eb30f
SH
608
609/**
610 * Enrol
611 */
612.userenrolment {width:100%;border-collapse: collapse;}
613.userenrolment td {padding:0;height:41px;}
614.userenrolment .subfield {margin-right:5px;}
615.userenrolment .col_userdetails .subfield_picture {float:left;}
616.userenrolment .col_lastseen {width:150px;}
617.userenrolment .col_role {width:262px;}
618.userenrolment .col_role .roles {margin-right:30px;}
619.userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
620.userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
621.userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
622.userenrolment .col_role .addrole a img {vertical-align:bottom;}
623.userenrolment .hasAllRoles .col_role .addrole {display:none;}
624.userenrolment .col_group .groups {margin-right:30px;}
625.userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
626.userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
627.userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
628.userenrolment .col_group .addgroup a img {vertical-align:bottom;}
629.userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
43c90b9b 630.userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
410135aa
SH
631#page-enrol-users .enrol_user_buttons {float:right;}
632#page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;}
633#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
634#page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;}
635#page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;}
43c90b9b 636
3a42ad12 637/**
315d4971
RW
638* Overide for RTL layout
639**/
43c90b9b
RW
640.dir-rtl .headermain {float:right;}
641.dir-rtl .headermenu {float:left;}
642.dir-rtl .breadcrumb {float:right;}
643.dir-rtl .navbutton {float: left;}
644.dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
645.dir-rtl .mform .fitem .fitemtitle {float:right;}
646.dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
647.dir-rtl .loginbox .loginform .form-input {text-align: right;}
57e8a936 648
315d4971
RW
649/**
650 * Backup
651 */
785d6603
SH
652.backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
653.backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
654.backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
655.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;}
656.backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
657.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
658.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
659.backup-restore .activitytable {width:60%;min-width:500px;}
660.backup-restore .activitytable .modulename {width:100px;}
661.backup-restore .activitytable .moduleincluded {width:50px;}
662.backup-restore .activitytable .userinfoincluded {width:50px;}
663.backup-restore .detail-pair {}
664.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;}
665.backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
666.backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
c3853702 667.backup-restore > .singlebutton {text-align:right;}
bf6d283e 668.path-backup .mform .fgroup .proceedbutton {float:right;margin-right:1%;}
785d6603 669
3acc9b81
SH
670.restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
671.restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 672.restore-course-search .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
673.restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
674
675.restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
676.restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
367a75fa 677.restore-course-category .rcs-results table .no-overflow {max-width:600px;}
3acc9b81
SH
678.restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
679
57e8a936 680.corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
785d6603 681.corelightbox img {position:fixed;top:50%;}
315d4971 682
3a42ad12 683/**
315d4971
RW
684 * IE - Overide for RTL layout
685 */
686.ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
3a42ad12 687
39374439
SH
688/**
689 * Fix for broken YUI images in the menunav component
690 */
691.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
034699d2 692.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {background-image:none;}
060cd0c8
SH
693
694.mod-indent-1 {margin-left:20px;}
695.mod-indent-2 {margin-left:40px;}
696.mod-indent-3 {margin-left:60px;}
697.mod-indent-4 {margin-left:80px;}
698.mod-indent-5 {margin-left:100px;}
699.mod-indent-6 {margin-left:120px;}
700.mod-indent-7 {margin-left:140px;}
701.mod-indent-8 {margin-left:160px;}
702.mod-indent-9 {margin-left:180px;}
703.mod-indent-10 {margin-left:200px;}
704.mod-indent-11 {margin-left:220px;}
705.mod-indent-12 {margin-left:240px;}
706.mod-indent-13 {margin-left:260px;}
707.mod-indent-14 {margin-left:280px;}
708.mod-indent-15,
70cb0769 709.mod-indent-huge {margin-left:300px;}
fcd2cbaf 710
b41fc49c
NK
711.dir-rtl .felement.feditor select {margin-right:18.75%;}
712
fcd2cbaf 713/* Resourcelib mp3 player size: only width could be changed here, height hardcoded in JS */
0235bd87
SH
714.resourcecontent .resourcemediaplugin_mp3 object {height:25px; width: 600px}
715
716/*
1bb48462
ME
717Fix for SubScript & SuperScript
718------------------------------*/
b41fc49c
NK
719sub {vertical-align: sub;}
720sup {vertical-align: super;}
721
722/** Fix YUI 2 Treeview for Right to left languages **/
723.dir-rtl .ygtvtn,
724.dir-rtl .ygtvtm,
725.dir-rtl .ygtvtmh,
726.dir-rtl .ygtvtmhh,
727.dir-rtl .ygtvtp,
728.dir-rtl .ygtvtph,
729.dir-rtl .ygtvtphh,
730.dir-rtl .ygtvln,
731.dir-rtl .ygtvlm,
732.dir-rtl .ygtvlmh,
733.dir-rtl .ygtvlmhh,
734.dir-rtl .ygtvlp,
735.dir-rtl .ygtvlph,
736.dir-rtl .ygtvlphh,
737.dir-rtl .ygtvdepthcell,
738.dir-rtl .ygtvok,
739.dir-rtl .ygtvok:hover,
740.dir-rtl .ygtvcancel,
741.dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;}
742
743.dir-rtl .ygtvtn {background-position: 0 -5600px;}
744.dir-rtl .ygtvtm {background-position: 0 -4000px;}
745.dir-rtl .ygtvtmh,
746.dir-rtl .ygtvtmhh {background-position: 0 -4800px;}
747.dir-rtl .ygtvtp {background-position: 0 -6400px;}
748.dir-rtl .ygtvtph,
749.dir-rtl .ygtvtphh {background-position: 0 -7200px;}
750.dir-rtl .ygtvln {background-position: 0 -1600px;}
751.dir-rtl .ygtvlm {background-position: 0 0;}
752.dir-rtl .ygtvlmh,
753.dir-rtl .ygtvlmhh {background-position: 0 -800px;}
754.dir-rtl .ygtvlp {background-position: 0 -2400px;}
755.dir-rtl .ygtvlph,
756.dir-rtl .ygtvlphh {background-position: 0 -3200px}
757.dir-rtl .ygtvdepthcell {background-position: 0 -8000px;}
758.dir-rtl .ygtvok {background-position: 0 -8800px;}
759.dir-rtl .ygtvok:hover {background-position: 0 -8844px;}
760.dir-rtl .ygtvcancel {background-position: 0 -8822px;}
761.dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;}
762
763.dir-rtl #yui-gen4.yui-layout-unit-left {left:500px !important;}
764.dir-rtl #yui-gen6.yui-layout-unit-center {left:0px !important;}
765.dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;}
766.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;}
767
768/** Fix TinyMCE editor right to left **/
769.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;}
770.dir-rtl .o2k7Skin table,
771.dir-rtl .o2k7Skin tbody,
772.dir-rtl .o2k7Skin a,
773.dir-rtl .o2k7Skin img,
774.dir-rtl .o2k7Skin tr,
775.dir-rtl .o2k7Skin div,
776.dir-rtl .o2k7Skin td,
777.dir-rtl .o2k7Skin iframe,
778.dir-rtl .o2k7Skin span,
779.dir-rtl .o2k7Skin *,
780.dir-rtl .o2k7Skin .mceText,
1559583c 781.dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;}
2b04c41c
SH
782
783.path-rating .ratingtable {width:100%;margin-bottom:1em;}
784.path-rating .ratingtable th.rating {width:100%;}
785.path-rating .ratingtable td.rating,
786.path-rating .ratingtable td.time {white-space:nowrap; text-align:center;}