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