c1550975e5d544165bb47e780ffce3ded4f7f611
[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 /**
7  * General
8  */
9 th,
10 td,
11 a img {border-width:0;}
12 acronym,
13 abbr {cursor: help;}
14 .dir-ltr,
15 .mdl-left {text-align: left;}
16 .dir-rtl,
17 .mdl-right {text-align: right;}
18 #add,
19 #remove,
20 .centerpara,
21 .mdl-align {text-align: center;}
22 a.dimmed,
23 a.dimmed_text,
24 .dimmed_text,
25 .dimmed_text a {color:#AAAAAA;}
27 .unlist,
28 .unlist li,
29 .inline-list,
30 .inline-list li,
31 .block .list,
32 .block .list li,
33 .sitetopic .section li,
34 .course-content .section li.activity,
35 .tabtree li {list-style: none;margin:0;padding:0;}
37 .inline-list li {display: inline;}
38 .notifytiny {font-size:0.7em;}
39 .notifytiny li,
40 .notifytiny td {font-size:100%;}
41 .red,
42 .notifyproblem {color:#660000;}
43 .green,
44 .notifysuccess {color:#006600;}
45 .reportlink {text-align:right;}
46 a.autolink.glossary:hover {cursor: help;}
47 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
48 .collapsibleregioncaption {white-space: nowrap;}
49 .collapsibleregioncaption img {vertical-align: middle;}
50 .jsenabled .hiddenifjs {display: none;}
51 .jsenabled .collapsibleregion {overflow:hidden;}
52 .jsenabled .collapsed .collapsibleregioninner {visibility: hidden;}
53 .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;}
54 .clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;}
55 .clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;}
56 .bold,
57 .warning,
58 .errorbox .title,
59 .pagingbar .title,
60 .pagingbar .thispage,
61 .headingblock {font-weight: bold;}
62 img.resize {height: 1em;width: 1em;}
63 .block img.resize,
64 .breadcrumb img.resize {height: 0.9em;width: 0.8em;}
65 img.icon {height:16px;vertical-align:middle;width:16px;}
66 img.iconsmall {height:11px;margin-right:1px;vertical-align:middle;width:11px;}
67 img.iconhelp {height:17px;margin-right:4px;vertical-align:middle;width:17px;}
68 img.icontoggle {height:17px;vertical-align:middle;width:50px;}
69 img.iconkbhelp {height:17px;width:49px;}
70 .categorybox .category {font-size:1.2em;font-weight:bold;}
71 .generalbox {border:1px solid;}
72 .boxaligncenter {margin-left:auto;margin-right:auto;}
73 .boxalignright {margin-left:auto;margin-right:0;}
74 .boxalignleft {margin-left:0;margin-right:auto;}
75 .boxwidthnarrow {width: 30%;}
76 .boxwidthnormal {width: 50%;}
77 .boxwidthwide {width: 80%;}
78 .buttons .singlebutton,
79 .buttons .singlebutton form,
80 .buttons .singlebutton div {display: inline;}
81 .buttons .singlebutton input {margin:20px 5px;}
82 .blink {text-decoration: blink;}
83 .headermain {font-weight:bold;}
84 #maincontent {display: block;height: 1px;overflow: hidden;}
85 img.uihint {cursor: help;}
86 #addmembersform table {margin-left: auto;margin-right: auto;}
87 .formtable tbody th,
88 .generaltable th.header {vertical-align: top;}
89 .flexible th {white-space: nowrap;}
90 .cell {vertical-align: top;}
91 .helplink img {height: 17px;vertical-align: middle;width: 17px;}
92 img.emoticon {vertical-align: middle;width: 15px;height: 15px;}
93 form.popupform,
94 form.popupform div {display: inline;}
95 .arrow_button input {overflow:hidden;}
97 /** IE6 float + background bug solution **/
98 .ie6 li.section {line-height:1.2em;width:100%;}
100 /**
101  * Accessibility features
102  */
103 /*Accessibility: text 'seen' by screen readers but not visual users. */
104 .accesshide {position:absolute;top:-100000px;left:10px;font-weight:normal;font-size:1em;}
105 span.hide,
106 div.hide,
107 .jsenabled .advancedbutton .showadvancedbtn {display:none;}
108 .invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;}
109 /*Accessibility: Skip block link, for keyboard-only users. */
110 a.skip-block,
111 a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;}
112 a.skip-block:focus,
113 a.skip-block:active,
114 a.skip:focus,
115 a.skip:active {position: static;display: block;}
116 .skip-block-to {display: block;height: 1px;overflow: hidden;}
117 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
118 .arrow,
119 .arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;}
121 /**
122  * Header
123  */
124 .headermain {float:left;margin:15px;font-size:2.3em;}
125 .headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;}
127 /**
128  * Navbar
129  */
130 .navbar {clear:both;overflow:hidden;}
131 .ie6 .navbar {overflow:hidden;height:100%;}
132 .breadcrumb {float:left;}
133 .navbutton {text-align:right;}
134 .breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;}
135 .navbutton {float: right;}
136 .breadcrumb li,
137 .navbutton div,
138 .navbutton form {display:inline;}
140 /**
141  * Footer
142  */
143 #page-footer {text-align:center;font-size:0.9em;}
144 #page-footer .homelink {margin: 1em 0;}
145 #page-footer .homelink a {padding-left:1em;padding-right:1em;}
146 #page-footer .logininfo,
147 #page-footer .sitelink,
148 #page-footer .helplink {margin:0px 10px;}
149 #page-footer .performanceinfo {text-align:center;margin:10px 20%;}
150 #page-footer .performanceinfo span {display:block;}
151 #page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;}
152 #page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;}
153 #page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;}
155 /**
156  * Tabs
157  */
158 .tabtree {position:relative;margin-bottom:3.5em;}
159 .tabtree li {display:inline;}
160 .tabtree ul {margin:5px;}
161 .tabtree ul li.here ul {position:absolute;top:100%;width:100%;}
162 .tabtree ul li.here .empty {display:none;}
164 /**
165  * Mforms
166  */
167 .mform fieldset {border:1px solid;}
168 .mform fieldset fieldset {border-width:0px;}
169 .mform fieldset legend {font-weight:bold;margin-left:0.5em;}
170 .mform fieldset div {margin:10px;margin-top:0;}
171 .mform fieldset div div {margin:0;}
172 .mform fieldset .advancedbutton {text-align:right;}
173 .mform fieldset.hidden {border-width:0;}
174 .mform fieldset.error {border: 1px solid #A00;}
175 .mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;}
176 .mform .fitem .fitemtitle {width:15%;text-align:right;float:left;}
177 .mform .fitem .fitemtitle div {display: inline;}
178 .mform .fitem .felement {border-width: 0;width:60%;margin-left:16%;}
179 .mform .fitem fieldset.felement {margin-left:0;padding-left:1%;}
180 .mform .error,
181 .mform .required {color:#A00;}
182 .mform .required .fgroup span label {color:#000;}
183 .mform .fdescription.required {color:#A00;text-align:right;}
184 .mform .fpassword .unmask {display:inline;margin-left:0.5em;}
185 .mform .ftextarea #id_alltext {width: 100%;}
186 .mform ul.file-list {padding:0;margin:0;list-style:none;}
187 .mform label .req,
188 .mform label .adv {cursor: help;}
189 .mform .fcheckbox input {margin-left: 0;}
190 .mform .fitem fieldset.fgroup label,
191 .mform .fradio label,
192 .mform .fcheckbox label,
193 .mform fieldset.fdate_selector label {display:inline;float: none;width: auto;}
194 .mform .ftags label.accesshide {display: block;position: static;}
195 .mform .ftags select {margin-bottom: 0.7em;min-width: 22em;}
196 .mform .fitem .felement {margin-right:16%;}
198 /** Browser corrections for mforms **/
199 .ie .mform .fitem .felement {margin-left:0;text-align:left;float:left;}
200 /** Fix IE double margin + float bugs **/
201 .ie .mform .fitem .fitemtitle {padding-right:1em;}
202 #date_selector_calendar_panel .bd {padding: 0;}
203 #date_selector_calendar_panel .yui-calcontainer {border: none;float: none;}
204 /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
205 #date_selector_calendar_panel.yui-overlay-hidden table {*display:none;}
206 #date_selector_calendar_panel th.calhead {padding-right: 2em;}
207 #date_selector_calendar_panel a.container-close {top: 10px;}
208 #portfolio-add-button {display:inline;}
210 /**
211  * phpinfo styles
212  */
213 .phpinfo .center {text-align: center;}
214 .phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;}
215 .phpinfo .center th {text-align: center;}
216 .phpinfo .e,
217 .phpinfo .v,
218 .phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;}
219 .phpinfo .e {background-color: #ccccff;font-weight: bold;}
220 .phpinfo .h {background-color: #9999cc;font-weight: bold;}
222 /**
223  * Blogs
224  */
225 .addbloglink {text-align: center;}
226 .blog_entry .audience {text-align: right;}
227 .blog_entry .tags {margin-top: 15px;}
229 /**
230  * Group
231  */
232 #page-group-index #groupeditform {text-align: center;}
233 #doc-contents h1 {margin: 1em 0 0 0;}
234 #doc-contents ul {margin: 0;padding: 0;width: 90%;}
235 #doc-contents ul li {list-style-type: none;}
236 .groupmanagementtable td {vertical-align: top;}
237 .groupmanagementtable #existingcell,
238 .groupmanagementtable #potentialcell {width: 42%;}
239 .groupmanagementtable #buttonscell {width: 16%;}
240 .groupmanagementtable #buttonscell input {width: 80%;}
241 .groupmanagementtable #removeselect_wrapper,
242 .groupmanagementtable #addselect_wrapper {width: 100%;}
243 .groupmanagementtable #removeselect_wrapper label,
244 .groupmanagementtable #addselect_wrapper label {font-weight: normal;}
245 #group-usersummary {width: 14em;}
246 .groupselector {margin-top: 3px;margin-bottom: 3px;}
248 /**
249  * Login
250  */
251 .loginbox {margin:15px;overflow:hidden;}
252 .loginbox.twocolumns {margin:15px;}
253 .loginbox h2,
254 .loginbox .subcontent {margin:5px;padding:10px;text-align:center;}
255 .loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;}
256 .loginbox .signuppanel .subcontent {text-align:left;}
257 .loginbox .loginsub {margin-left:0;margin-right:0;}
258 .loginbox .guestsub,
259 .loginbox .forgotsub,
260 .loginbox .potentialidps {margin:5px 12%;}
261 .loginbox .potentialidps .potentialidplist {margin-left:40%;}
262 .loginbox .potentialidps .potentialidplist div {text-align:left;}
263 .loginbox .loginform {margin-top:1em;text-align:left;}
264 .loginbox .loginform .form-label {float:left;text-align:right;width:40%;}
265 .loginbox .loginform .form-input {float:right;width:59%;}
266 .loginbox .loginform .form-input input {width: 6em;}
267 .loginbox .signupform {margin-top:1em;text-align:center;}
268 .loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;}
269 .loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;}
271 /**
272  * Notes
273  */
274 .notepost {margin-bottom: 1em;}
275 .notepost .userpicture {float: left;margin-right: 5px;}
276 .notepost .content,
277 .notepost .footer {clear: both;}
278 .notesgroup {margin-left:20px;}
280 /**
281  * My Moodle
282  */
283 .path-my .coursebox .overview .name {margin-left:20px;}
284 .path-my .coursebox .overview .info {margin-left:25px;}
285 .path-my .coursebox .overview .details {margin-left:25px;}
286 .path-my .coursebox .overview {margin-bottom:10px;}
287 .path-my .coursebox .info {float: none;}
289 /**
290  * Logs
291  */
292 .logtable th {text-align:left;}
294 /**
295  * Modules
296  */
297 .mod_introbox {border:1px solid;padding:10px;}
298 table.mod_index {width:100%;}
300 /**
301  * Help
302  */
303 #help_icon_tooltip div.bd {width: 35em;}
304 #help hr {border: none;height: 1px;background: #ccc;}
305 #help .center {text-align: center;}
306 #help .moreinfo {text-align: right;}
307 #help .indent {margin-left: 40px;}
308 #help .indent-big {margin-left: 160px;margin-right: 160px;}
309 #help #emoticons{text-align: center;clear:both;width: 300px;margin-right: auto;margin-left:auto;}
310 #help #emoticons ul{list-style-type: none;}
311 #help #emoticons li{margin-bottom: 3px;width: 120px;border-left: 3px solid gray;padding-left: 7px;float: left;}
313 /**
314  * Comments
315  */
316 .comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;}
317 .comment-ctrl h5 {margin:0;padding: 5px;}
318 .comment-area {max-width: 400px;padding: 5px;}
319 .comment-area textarea {width:100%;overflow:auto;}
320 .comment-area .fd {text-align:right;}
321 .comment-meta span {color:gray;}
322 .comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;}
323 .comment-list li {margin: 2px;margin-bottom:5px;clear:both;}
324 .comment-paging{text-align:center;}
325 .comment-paging .pageno{padding:2px;}
326 .comment-paging .curpage{border:1px solid #CCC;}
327 .comment-userpicture {width: 20px;float:left;}
328 .comment-content {margin-left: 22px;}
329 .comment-content div {margin:0;padding:0;}
330 .comment-content p {padding:0;margin:0 18px 0 0;}
331 .comment-delete {float:right;text-align:right;}
332 .comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;}
333 .comment-container {float:left;margin: 4px;}
334 .comment-report-selectall{display:none}
335 .comment-link {display:none}
336 .jsenabled .comment-link {display:block}
337 .jsenabled .comment-report-selectall{display:inline}
339 /**
340  * Completion progress report
341  */
342 .completion-expired {background:#FFDDDD;}
343 .completion-expected {font-size:0.75em;}
344 .completion-sortchoice {font-size:0.75em;vertical-align:bottom;}
345 .completion-progresscell {text-align:right;}
346 .completion-expired .completion-expected {font-weight:bold;}
347 #page-course-report-progress-index th,
348 #page-course-report-progress-index td {padding:2px 4px;font-weight:normal;border-right: 1px solid #EEE;}
349 #page-course-report-progress-index .progress-actions {text-align:center;}
350 #page-course-report-progress-index .completion_pagingbar {margin:1em 0;text-align:center;}
351 #page-course-report-progress-index .completion_prev {display:inline;margin-right:2em;}
352 #page-course-report-progress-index .completion_pagingbar p {display:inline;margin:0;}
353 #page-course-report-progress-index .completion_next {display:inline;margin-left:2em;}
355 /**
356  * Tags
357  */
358 #page-tag-coursetags_edit .coursetag_edit_centered {position: relative;width: 600px;margin: 20px auto;}
359 #page-tag-coursetags_edit .coursetag_edit_row {clear:both;}
360 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {float:left;width:50%;text-align:right;}
361 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {margin-left:50%;}
362 #page-tag-coursetags_edit .coursetag_edit_input3 {display: none;}
363 #page-tag-coursetags_more .coursetag_more_large {font-size: 120%;}
364 #page-tag-coursetags_more .coursetag_more_small {font-size: 80%;}
365 #page-tag-coursetags_more .coursetag_more_link {font-size: 80%;}
366 #tag-description,
367 #tag-blogs {width:100%;}
368 #tag-management-box {margin-bottom:10px;line-height:20px;}
369 #tag-user-table {padding:3px;clear: both;width:100%;}
370 #tag-user-table:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
371 img.user-image {height:100px;width:100px;}
372 #small-tag-cloud-box {width:300px;margin:0 auto;}
373 #big-tag-cloud-box {width:600px;margin:0 auto;float:none;}
374 ul#tag-cloud-list {list-style:none;padding:5px;margin:0;}
375 ul#tag-cloud-list li {margin:0;display:inline;list-style-type:none;}
376 #tag-search-box {text-align:center;margin:10px auto;}
377 #tag-search-results-container {padding:0;width:100%;}
378 #tag-search-results {padding:0;margin: 15px 20% 0 20%;float:left;width:60%;display:block;}
379 #tag-search-results li {width:30%;float:left;padding-left:1%;text-align:left;line-height:20px;padding-right:1%;list-style:none;}
380 span.flagged-tag,
381 span.flagged-tag a {color:#FF0000;}
382 table#tag-management-list {text-align:left;width:100%;}
383 table#tag-management-list td,
384 table#tag-management-list th {vertical-align: middle;text-align: left;padding: 4px;}
385 .tag-management-form {text-align:center;}
386 #relatedtags-autocomplete-container {margin-left:auto;margin-right:auto;min-height:4.6em;width:100%;}
387 #relatedtags-autocomplete {position:relative;display:block;width:60%;margin-left:auto;margin-right:auto;}
388 #relatedtags-autocomplete .yui-ac-content {position:absolute;width:420px;left:20%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
389 #relatedtags-autocomplete .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}
390 #relatedtags-autocomplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
391 #relatedtags-autocomplete ul {padding:0;width:100%;margin:0;list-style-type:none;}
392 #relatedtags-autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;}
393 #relatedtags-autocomplete li.yui-ac-highlight{background:#FFFFCC;}
394 h2.tag-heading,
395 div#tag-description,
396 div#tag-blogs,
397 body.tag .managelink {padding: 5px;}
398 .tag_cloud .s20 {font-size: 1.5em;font-weight: bold;}
399 .tag_cloud .s19 {font-size: 1.5em;}
400 .tag_cloud .s18 {font-size: 1.4em;font-weight: bold;}
401 .tag_cloud .s17 {font-size: 1.4em;}
402 .tag_cloud .s16 {font-size: 1.3em;font-weight: bold;}
403 .tag_cloud .s15 {font-size: 1.3em;}
404 .tag_cloud .s14 {font-size: 1.2em;font-weight: bold;}
405 .tag_cloud .s13 {font-size: 1.2em;}
406 .tag_cloud .s12,
407 .tag_cloud .s11 {font-size: 1.1em;font-weight: bold;}
408 .tag_cloud .s10,
409 .tag_cloud .s9 {font-size: 1.1em;}
410 .tag_cloud .s8,
411 .tag_cloud .s7 {font-size: 1em;font-weight: bold;}
412 .tag_cloud .s6,
413 .tag_cloud .s5 {font-size: 1em;}
414 .tag_cloud .s4,
415 .tag_cloud .s3 {font-size: 0.9em;font-weight: bold;}
416 .tag_cloud .s2,
417 .tag_cloud .s1 {font-size: 0.9em;}
418 .tag_cloud .s0 {font-size: 0.8em;}
420 /**
421  * File picker
422  * Copyright (c) 2006 Yahoo! Inc. All rights reserved.
423  * copy from yui/examples/treeview/assets/css/folders/tree.css
424  * first or middle sibling, no children
425  */
426 /* first or middle sibling, no children */
427 .file-picker .ygtvtn {background: url(../pix/y/tn.gif) 0 0 no-repeat;width:17px;height:22px;}
428 /* first or middle sibling, collapsable */
429 .file-picker .ygtvtm {background: url(../pix/y/tm.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
430 /* first or middle sibling, collapsable, hover */
431 .file-picker .ygtvtmh {background: url(../pix/y/tmh.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
432 /* first or middle sibling, expandable */
433 .file-picker .ygtvtp {background: url(../pix/y/tp.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
434 /* first or middle sibling, expandable, hover */
435 .file-picker .ygtvtph {background: url(../pix/y/tph.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
436 /* last sibling, no children */
437 .file-picker .ygtvln {background: url(../pix/y/ln.gif) 0 0 no-repeat;width:17px;height:22px;}
438 /* Last sibling, collapsable */
439 .file-picker .ygtvlm {background: url(../pix/y/lm.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
440 /* Last sibling, collapsable, hover */
441 .file-picker .ygtvlmh {background: url(../pix/y/lmh.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
442 /* Last sibling, expandable */
443 .file-picker .ygtvlp {background: url(../pix/y/lp.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
444 /* Last sibling, expandable, hover */
445 .file-picker .ygtvlph {background: url(../pix/y/lph.gif) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
446 /* Loading icon */
447 .file-picker .ygtvloading {background: url(../pix/y/loading.gif) 0 0 no-repeat;width:16px;height:22px;}
448 /* the style for the empty cells that are used for rendering the depth* of the node */
449 .file-picker .ygtvdepthcell {background: url(../pix/y/vline.gif) 0 0 no-repeat;width:17px;height:22px;}
450 .file-picker .ygtvblankdepthcell {width:17px;height:22px;}
451 /* the style of the div around each node */
452 .file-picker .ygtvitem  table{margin-bottom:0;}
453 .file-picker .ygtvitem  td {border:none;padding:0;}
454 /* the style of the div around each node's collection of children */
455 * html .file-picker .ygtvchildren {height:1%;}
456 /* the style of the text label in ygTextNode */
457 .file-picker .ygtvlabel,
458 .file-picker .ygtvlabel:link,
459 .file-picker .ygtvlabel:visited,
460 .file-picker .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
461 .file-picker {font-size:12px;}
462 .file-picker strong {background:#FFFFCC;}
463 .file-picker .fp-panel {padding:0;margin:0;text-align:left;}
464 .file-picker .fp-login-form {text-align:center;}
465 .file-picker .fp-searchbar {float:right;}
466 .file-picker .fp-viewbar {width:300px;float:left;}
467 .file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
468 .file-picker .fp-toolbar a {padding: 0 .5em;}
469 .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
470 .file-picker .fp-list li {border-bottom:1px dotted gray;margin-bottom: 1em;}
471 .file-picker .fp-repo-name {display:block;padding: .5em;margin-bottom: .5em;}
472 .file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
473 .file-picker .fp-pathbar a {padding: .4em;}
474 .file-picker .fp-rename-form {text-align:center;}
475 .file-picker .fp-rename-form p {margin: 1em;}
476 .file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
477 .file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
478 .file-picker .fp-paging {margin:1em .5em;clear:both;text-align:center;line-height: 2.5em;}
479 .file-picker .fp-paging a {padding: .5em;border: 1px solid #CCC;}
480 .file-picker .fp-paging a.cur_page {border: 1px solid blue;}
481 .file-picker .fp-popup {text-align:center;}
482 .file-picker .fp-grid-panel{}
483 .file-picker .fp-grid {float:left;text-align:center;}
484 .file-picker .fp-grid div {overflow: hidden;}
485 .file-picker .fp-grid p {margin:0;padding:0;background: #FFFFCC;}
486 .file-picker .fp-grid .label {height:48px;text-align:center;}
487 .file-picker .fp-grid span {color:gray;}
488 .file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
489 .file-picker .fp-emptylist, .file-picker .fp-msg {padding: 2em 0;margin: 1em;text-align:center;background: green;}
490 .filepicker-filelist {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
491 /* file picker search dialog */
492 .file-picker div.bd {text-align:left;}
494 /**
495  * File Manager
496  */
497 .filemanager-toolbar {margin: 5px 0;}
498 .filemanager-toolbar a:link,
499 .filemanager-toolbar a:visited {border: 1px solid gray;background: #ccc;color: black;padding: 3px;}
500 .filemanager-toolbar a:hover {background: white;text-decoration: none;}
501 .fm-breadcrumb {margin:0;}
502 .filemanager-container {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
503 .filemanager-container ul{margin:0;padding:0;}
504 .filemanager-container ul li{white-space:nowrap;list-style-type:none;}
505 .filemanager-container ul li a{padding:0}
506 .filemanager-loading{display:none}
507 .jsenabled .filemanager-loading{display:block}
508 .fm-menuicon{cursor: pointer;}
509 #fm-move-div {margin: 6px;}
510 #fm-move-div strong{color:red;}
511 .fm-file-entry{border: 1px solid red;}
512 .fm-operation {font-weight: bold;}
514 /*
515  * Backup and Restore CSS
516  */
517 .path-backup .mform .grouped_settings.section_level {clear:both;}
518 .path-backup .mform .grouped_settings {clear:both;overflow:hidden;}
519 .path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;}
520 .path-backup .mform .grouped_settings .fitem .felement {width:50%;}
521 .path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;}
522 .path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;}
523 .path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;}
524 .path-backup .backup_progress {text-align:center;}
525 .path-backup .backup_progress span.backup_stage {color:#999;}
526 .path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;}
527 .path-backup .backup_progress .backup_stage.backup_stage_next {}
528 .path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;}
530 /**
531  * Web Service
532  */
533 #webservice-doc-generator td {text-align: left;border: 0px solid black;}
535 /**
536  * Help Content (pop-up)
537  */
538 #helppopupbox {background-color: #eee; border: 1px solid #848484;}
539 #helppopupbox .yui3-widget-hd {float:right;margin:3px 3px 0 0;}
540 #helppopupbox .yui3-widget-bd {margin:0 1em 1em 1em;border-top:1px solid #eee;}
541 #helppopupbox .helpheading {font-size: 1em;}
542 #helppopupbox .spinner {margin:1em;} 
544 /**
545  * Custom menu
546  */
547 #custommenu {clear:both;}
548 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
549 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
550 #custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
551 #custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
552 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
553 #custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
554 #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;}
555 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;}
556 #custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;}
557 #custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;}
558 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;}
559 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
561 /**
562  * Smart Select Element
563  */
564 .smartselect {position:absolute;}
565 .smartselect .smartselect_mask {background-color:#fff;}
566 .smartselect ul  {padding: 0;margin: 0;}
567 .smartselect ul li {list-style: none;}
568 .smartselect .smartselect_menu {margin-right:5px;}
569 .safari .smartselect .smartselect_menu {margin-left:2px;}
570 .smartselect .smartselect_menu,
571 .smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;}
572 .smartselect .smartselect_menu.visible,
573 .smartselect .smartselect_submenu.visible {display:block;}
574 .smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;}
575 .smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;}
576 .smartselect .smartselect_menu_content ul li a.selectable {color:inherit;}
577 .smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;}
578 /** Spanning mode */
579 .smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;}
580 .smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;}
581 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;}
582 /** Compact mode */
583 .smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;}
584 .smartselect.compactmenu .smartselect_submenu.visible {display:block;}
585 .smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;}
586 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;}
587 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;}
589 .image_gallery.oneimageonly a.imagelink {display:none;}
590 .image_gallery.oneimageonly a#imagelink1 {display:inline;}
591 .mform .image_gallery.oneimageonly a.imagelink {float:left;}
593 /**
594  * Registration
595  */
596 #page-admin-registration-register .registration_textfield {width: 300px;}
598 /**
599  * Enrol
600  */
601 .userenrolment {width:100%;border-collapse: collapse;}
602 .userenrolment td {padding:0;height:41px;}
603 .userenrolment .subfield {margin-right:5px;}
604 .userenrolment .col_userdetails .subfield_picture {float:left;}
605 .userenrolment .col_lastseen {width:150px;}
606 .userenrolment .col_role {width:262px;}
607 .userenrolment .col_role .roles {margin-right:30px;}
608 .userenrolment .col_role .role {float:left;padding:3px;margin:3px;}
609 .userenrolment .col_role .role a {margin-left:3px;cursor:pointer;}
610 .userenrolment .col_role .addrole {float:right;width:18px;margin:3px;height:18px;text-align:center;}
611 .userenrolment .col_role .addrole a img {vertical-align:bottom;}
612 .userenrolment .hasAllRoles .col_role .addrole {display:none;}
613 .userenrolment .col_group .groups {margin-right:30px;}
614 .userenrolment .col_group .group {float:left;padding:3px;margin:3px;white-space:nowrap;}
615 .userenrolment .col_group .group a {margin-left:3px;cursor:pointer;}
616 .userenrolment .col_group .addgroup {float:right;width:18px;margin:3px;height:18px;text-align:center;}
617 .userenrolment .col_group .addgroup a img {vertical-align:bottom;}
618 .userenrolment .col_enrol .enrolment {float:left;padding:3px;margin:3px;}
619 .userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;}
621 /** 
622 * Overide for RTL layout
623 **/
624 .dir-rtl .headermain {float:right;}
625 .dir-rtl .headermenu {float:left;}
626 .dir-rtl .breadcrumb {float:right;}
627 .dir-rtl .navbutton {float: left;}
628 .dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;}
629 .dir-rtl .mform .fitem .fitemtitle {float:right;}
630 .dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;}
631 .dir-rtl .loginbox .loginform .form-input {text-align: right;}
633 /**
634  * Backup
635  */
636 .backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;}
637 .backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;}
638 .backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;}
639 .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;}
640 .backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;}
641 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;}
642 .backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;}
643 .backup-restore .activitytable {width:60%;min-width:500px;}
644 .backup-restore .activitytable .modulename {width:100px;}
645 .backup-restore .activitytable .moduleincluded {width:50px;}
646 .backup-restore .activitytable .userinfoincluded {width:50px;}
647 .backup-restore .detail-pair {}
648 .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;}
649 .backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;}
650 .backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;}
652 .restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
653 .restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;}
654 .restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
656 .restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;}
657 .restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;}
658 .restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;}
660 .corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
661 .corelightbox img {position:fixed;top:50%;}
663 /** 
664  * IE - Overide for RTL layout
665  */
666 .ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
668 /**
669  * Choice
670  */
671 .path-mod-choice .results .option,
672 .path-mod-choice .results .numberofuser,
673 .path-mod-choice .results .percentage {font-weight: bold; font-size: 108%;}