MDL-36837 theme: Help icons aligned on the left are well positioned
[moodle.git] / theme / standard / style / core.css
CommitLineData
90723839
SH
1html, body#tinymce {background-color:#FAFAFA;}
2body {font-family:Arial, Verdana, Helvetica, sans-serif;padding: 4px;}
3a915b06 3body.lang-vi {font-family:Arial, Verdana, Helvetica, sans-serif !important;}
90723839 4
fcd2cbaf 5/**
90723839
SH
6 * Links
7 */
8a {text-decoration:none;color:#0000FF;}
9a.autolink {color:#000000;background: #DDDDDD;}
10a:hover {text-decoration:underline;color:#FF0000;}
11
12.img-text a:hover {text-decoration: none;}
13.img-text a:hover span {text-decoration: underline;}
14
15.homelink a {color: #000;text-decoration: none;border-top: 1px solid #cecece;border-bottom: 2px solid #4a4a4a;border-left: 1px solid #cecece;border-right: 2px solid #4a4a4a;}
16.homelink a:hover {text-decoration: none;border-bottom: 1px solid #cecece;border-top: 2px solid #4a4a4a;border-right: 1px solid #cecece;border-left: 2px solid #4a4a4a;}
17
fcd2cbaf 18/**
90723839
SH
19 * Headings
20 */
21h1.main,
22h2.main,
23h3.main,
24h4.main,
25h5.main,
26h6.main {text-align:center;font-weight:bold;}
27
28th.header,
29td.header,
30div.header,
31.navbar {border-color:#DDDDDD;}
32
33/**
34 * Boxes
35 */
36.generalbox,
37.informationbox,
38.noticebox,
39.tabledivider {border-color:#DDD;}
40.headingblock {border:1px solid #DDD;padding:5px;margin-top:0;}
41h2.headingblock {font-size:1.1em;}
42.headingblock .outline {border-color:#DDDDDD;}
43.header,
44.navbar {background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;background-color:#e1e1df;}
45
46.sitetopic {margin-bottom:1em;}
47.sitetopiccontent {border-color:#DDDDDD;background-color:#FFFFFF;}
48
49.notifytiny {padding:10px;color:#000044;text-align:center;}
50
51.warning {font-style: italic;}
52.error {color:#ff0000;}
53.errorbox {color:#ffffff;border-color:#660000;background-color:#990000;font-style: italic;}
54.errorbox .title {font-size: 1.2em;text-align: center;background-color:#FFBBBB;}
55.errorboxcontent {text-align: center;}
56.errorcode {font-size: 0.7em;}
57
58.generaltable {border:1px solid #DDD;border-collapse: collapse;background-color:#FFF;border-color:#EEEEEE;}
41a42c1d 59.generaltable.mdl-align {margin:0 auto;}
90723839
SH
60.generaltable td {border:1px solid #DDD;vertical-align:top;}
61.generaltable .cell {background-color:#FFFFFF;border-color:#EEEEEE;}
62
63#page-site-index .subscribelink,
64.path-course-view .subscribelink {font-size: 0.8em;}
65
66.files .file,
67.files .folder {font-size: 0.9em;}
68.files .folder .size {font-weight: bold;}
0b259d91 69.coursefilesbreadcrumb {margin: .5em 0; padding: .5em 0;}
90723839
SH
70
71a.useredit,
72a:hover.useredit,
73.blink {color: black;cursor: help;}
74
75.navigation button {font-size: 80%;}
76
77img.userpicture,
78img.grouppicture {border:0px solid #000}
79
80table.formtable tbody th {background-color: transparent;background-image: none;}
81
82.highlight {background-color:#AAFFAA;}
83
84.unread {background: #FFD991;}
85
86.censoredtext {color:#000000;background:#000000;}
b7ff4643 87.censoredtexthighlight {color:#000000;background:#B0B0B0;}
90723839
SH
88
89.navigation select {background-color:#FFFFFF;}
90.navigation optgroup {background-color:#EEEEEE;}
91.navigation optgroup option {background-color:#FFFFFF;}
92
93.mod_introbox {border-color:#DDDDDD;}
94
e40bd746
FM
95.block_navigation .dimmed img,
96.block_site_main_menu .dimmed img,
97.sitetopic .dimmed img.activityicon,
98.path-course-view .dimmed img.activityicon {opacity:0.5;filter: alpha(opacity=50);}
99
fcd2cbaf 100/**
90723839
SH
101 * Docs
102 */
103#doc-contents h1 {font-size: 0.9em;}
104#doc-contents ul {font-size: 0.8em;}
105
fcd2cbaf 106/**
90723839
SH
107 * Login
108 */
109#page-login-index #content {font-size: 0.85em;}
80f58e8f
SH
110.loginbox {margin:15px 25%;width:50%;border:1px solid;}
111.loginbox.twocolumns {width:90%;margin:15px 5%;}
90723839
SH
112.loginbox,
113.loginbox.twocolumns .loginpanel,
114.loginbox .subcontent {border-color:#DDDDDD;}
80f58e8f
SH
115.loginbox .guestsub,
116.loginbox .forgotsub,
117.loginbox .potentialidps {border-top:1px solid;}
90723839
SH
118
119/**
120 * Logs
121 */
122.logtable {margin-left:auto;margin-right:auto;}
123.logtable td {font-size: 0.8em;}
124.logtable th {font-size: 0.9em;}
125.logtable .r1 {background-color:#EEEEEE;}
126
127/**
128 * Blog
129 */
130.blog_entry .audience,
131.blog_entry .tags {font-size: 0.85em;}
132.blog_entry.blogdraft .content {background-color:#EEEEEE;}
133
134/**
135 * My Moodle
136 */
137.my .courseboxcontent .overview .info {font-size:0.7em;}
138
139/**
3ab2e357 140 * Tiny MCE
90723839
SH
141 */
142.mceContentBody {background-color:#FAFAFA;color:#000;}
143
144/**
145 * General
146 */
147#layout-table {margin-top: 8px;}
148#layout-table #content {padding-left:12px;padding-right:12px;}
3ab2e357 149.redirectmessage {text-align: center;margin-top:10%;}
90723839
SH
150.continuebutton {text-align: center;}
151#grouppicture {text-align: center;}
152.notifyproblem {text-align: center;padding: 10px;}
153.notifysuccess {text-align:center;padding: 10px;}
154.notifytiny {text-align:left;padding: 0;}
155.collapsibleregion .collapsibleregioncaption a {color: inherit;text-decoration: none;}
156.noticebox {border-width:1px;border-style:solid;padding:10px;}
157#notice.generalbox {width: 60%;margin-left:auto;margin-right:auto;}
158#notice .buttons {text-align:center}
159#notice .buttons div,
160#notice .buttons form {display:inline;}
161#notice .singlebutton {text-align:center;padding: 5px;margin: 0px;}
162.generalbox {border-width:1px;border-style:solid;margin-bottom: 15px;padding:10px;}
163.generalbox#intro {width:70%;margin-left:auto;margin-right:auto;padding-bottom:15px;}
164.errorbox {border-width:1px;border-style:solid;margin: 1em 15%;width: 70%;padding:10px;}
165.errorbox .title {padding: 5px;}
166.informationbox {border-width:1px;border-style:solid;padding: 10px;}
167.feedbackbox {border-width:1px;border-style:solid;}
168.rsslink {padding: 0 0 0 0.3em;}
169.printicon {padding: 0 0 0 0.3em;}
170.generaltable {border-width: 1px;border-style: solid;}
171.generaltable .cell {border-width: 1px;border-style: solid;}
172.paging {text-align: center;margin: 10px 0 10px 0;}
173.pagingbar {text-align:center;}
174.pagingbar a {padding-left: 10px;}
175.pagingbar .thispage {padding-left: 10px;}
176table.rotateheaders th.header {vertical-align: bottom;}
177#participationreport .reporttable {text-align: center;margin-left:auto;margin-right:auto;}
178#participationreport {text-align: center;}
179#participationreport .modulename {font-weight: bold;}
180#participationreportselector {text-align: center;}
181#participationreportactions {text-align: center;}
182.initialbar {text-align: center;}
90723839
SH
183.closewindow,
184.tabledivider {border-width:1px;border-style:solid;border-left:0;border-right:0;border-top:0;}
185.sitetopic {margin-bottom:20px;}
186.sitetopiccontent {border-width:1px;border-style:solid;}
187table.formtable {margin: auto;}
188table.formtable tbody td,
189table.formtable tbody th{padding: 5px;}
190table.formtable tbody .htmlarea td,
191table.formtable tbody .htmlarea th{padding: 0;}
192.unread {padding-right:2px;}
193.heading-with-help {text-align:center;margin:0.83em 0;}
194.heading-with-help h2 {margin:0;}
195form.popupform label {margin-right: 0.5em;}
196.arrow_button {margin-top:3em;}
197.arrow_button input {padding:0.3em;}
198
5db29f49 199/**
90723839
SH
200 * User
201 **/
202#userselector_options {font-size: 0.75em;}
203.userinfobox {border-color: #DDDDDD;}
204.userinfobox .links {font-size: 0.7em;}
90723839
SH
205.iplookup #header h1.headermain {font-size:1em;}
206.iplookup #note {font-size:0.8em;font-style: italic;}
207.groupinfobox {border-color: #DDDDDD;width: 60%;margin-left: 20%;margin-right: 20%;}
208.userinfobox {width:80%;margin:10px auto;}
209#page-user-index h2 {text-align: center;}
90723839 210#page-user-index #showall {text-align: center;}
5db29f49 211#page-user-profile .remoteuserinfo, #page-user-view .remoteuserinfo{background-color:#D2EBFF;text-align:center;padding:3px;}
f59d8e45 212#page-user-profile .messagebox {text-align:center;margin-left:auto;margin-right:auto;padding:5px;}
90723839
SH
213
214/**
215 * Moodle Forms
216 */
5b7c69d1 217.mform {}
90723839
SH
218.mform fieldset {border: 1px solid #DDDDDD;padding: 10px 0;margin: 0.7em 0;width:100%;}
219.mform .fitem fieldset.felement {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;}
220.mform .fpassword .unmask input {margin-left:5px;margin-right:3px;}
90723839
SH
221#page-admin-register .mform .fsubmit {padding:20px;text-align:center;}
222
223/**
224 * Filters
225 */
90723839
SH
226.texrender {border:0px;vertical-align:middle;}
227
228/**
229 * Groups
230 */
231.groupmanagementtable {width: 90%;}
232.groupmanagementtable p {text-align: left;margin-bottom: 0.2em;}
233.groupmanagementtable #existingcell label,
234.groupmanagementtable #potentialcell label {font-weight: bold;}
235.groupmanagementtable #buttonscell p {text-align: center;}
236.groupmanagementtable #buttonscell input {padding: 1em 0;}
237.groupmanagementtable #buttonscell #remove {margin: 7em 0;}
238.groupmanagementtable #backcell {padding-top: 2em;text-align: center;}
239#page-group-groupings .buttons {margin: 20px;text-align:center;}
240#page-group-groupings .buttons .singlebutton {display: inline;padding: 5px;}
241
90723839
SH
242/**
243 * Notes
244 */
245.notepost {background-color: #EEE;}
246.notepost .header {background: #DDD;padding: 5px;}
247.notepost .user {font-weight: bolder;}
248.notepost .info {font-size: smaller;}
249.path-notes .generalbox {margin-left:auto;margin-right:auto;width:90%;}
250
251/**
252 * Logs
253 */
254.logtable td,
255.logtable th {padding-left: 10px;padding-right: 10px;}
256
257/**
258 * Help
259 */
260#help .indent {margin-left:3em;}
261#help .helpindex {text-align: center;}
262#help_icon_tooltip {font-size: 0.7em;}
263#help_icon_tooltip h1 {font-size: 1.1em;font-weight: bold;}
264#help_icon_tooltip .readmore {display: block;font-style: italic;margin-top:10px;}
265#help .example1 {color: #a00;}
266#help .success {color: #080;}
267#help pre,
268#help code {background: #eee;border: 1px dashed #ddd;padding: 3px;}
269
270/**
271 * Tags
272 */
273h2.tag-heading {text-align:center;margin-left:auto;margin-right:auto;width:95%;}
274#tag-user-table,
275#tag-description,
276#tag-blogs {width:95%;margin-left:auto;margin-right:auto;}
277#page-tag-index .moreblogs,
278#tag-management-box,
279.tag .relatedpages,
280#page-tag-index .moreblogs {text-align:center;}
281#tags-management-links,
282.tag .managelink {text-align:right;}
283table#tag-management-list {margin: 10px auto;width: 80%;}
7a25d398
NK
284#page-tag-index.dir-rtl .relatedpages {text-align:center;}
285#page-tag-index.dir-rtl .user-box {float:right;}
90723839 286
fcd2cbaf 287/**
90723839
SH
288 * Overriding base
289 */
290#page-header .headermain {font-size:1.5em;}
291.pagelayout-frontpage #page-header {border-bottom:2px groove #999;margin:0 0.5%;width:99%;}
d2dbd0c0 292.has_custom_menu.pagelayout-frontpage #page-header {border-bottom-width:0;}
90723839
SH
293
294.navbar {margin:5px 10px;border:1px solid #DDD;}
295.navbar .breadcrumb {margin:5px;}
296.navbar .navbutton {margin:5px;}
297.mform fieldset {border-color:#DDD;}
298
fdd4b9a5 299#course-footer, #course-header {margin:0px 10px;}
90723839
SH
300/**
301 * Tabs
302 */
303.tabtree ul {text-align:center;}
304.tabtree .tabrow0 {width:100%;margin:1em 0px;}
305.tabtree .tabrow0 li {margin-right:-4px;}
306.tabtree .tabrow0 li.here {font-weight: bold;}
307.tabtree .tabrow0 li.here a {position:relative;z-index:102;}
308.tabtree .tabrow0 li a {background-image:url([[pix:theme|tab/left]]);padding-left:14px;padding-top:10px;background-repeat:no-repeat;padding-bottom:3px;margin-bottom:-1px;}
309.tabtree .tabrow0 li a:hover {background-image:url([[pix:theme|tab/left_hover]]);}
310.tabtree .tabrow0 li a span { background-image:url([[pix:theme|tab/right]]);background-repeat:no-repeat;background-position:100% 0%;padding-right:14px;padding-top:10px;padding-bottom:3px;}
311.tabtree .tabrow0 li a:hover span {background-image:url([[pix:theme|tab/right_hover]]);}
312.tabtree .tabrow0 ul,
313.tabtree .tabrow0 div {font-weight: normal;background-image:url([[pix:theme|tab/tabrow1]]);background-position:0% 50%;border-top:1px solid #aaa;padding:0.25em 0px;margin:0px;}
314.tabtree .tabrow0 li.here .empty {display:block;height:1px;overflow:hidden;padding:0px;position:absolute;width:100%;bottom:-4px;}
315.tabtree .tabrow1 li a,
316.tabtree .tabrow1 li a:hover,
317.tabtree .tabrow1 li a span,
318.tabtree .tabrow1 li a:hover span {background-image:none !important;}
319
320.tabtree a.nolink,
321.tabtree .here ul a.nolink,
322.tabtree a.nolink:hover,
323.tabtree .here ul a.nolink:hover {color: #888;text-decoration: none;}
324.tabtree .here a.nolink,
325.tabtree .here ul .here a.nolink,
326.tabtree .here a.nolink:hover,
327.tabtree .here ul .here a.nolink:hover {color: black;text-decoration: none;}
328
329.ie7 .tabtree .tabrow0 li {margin-left: 0;}
330.ie7 .tabtree .tabrow0 li.first {margin-right: -4px;}
331.ie7 .tabtree .tabrow0 li.onerow {margin-right: 0;}
332.ie7 .tabtree .tabrow0 a {display: inline-block;padding: 8px 0 0.35em 13px;line-height: 1.5em;}
333.ie7 .tabtree .tabrow0 a span {padding: 10px 1em 10px 0;}
334.ie7 .tabtree .tabrow0 div {top: 2.6em;padding: 0.2em 0;}
335.ie7 .tabtree .tabrow0 div.empty {margin-right: 0;}
336.ie7.mod-quiz div.tabtree a span img.iconsmall {margin: 0;vertical-align: baseline;position: relative;top: 2px;}
337
338.ie6 .tabtree {height: 100%;}
339.ie6 .tabtree .tabrow0 {padding-top: 10px;}
340.ie6 .tabtree .tabrow0 li {margin-left: 0;}
341.ie6 .tabtree .tabrow0 li.first {margin-left: -4px;margin-right: -4px;}
342.ie6 .tabtree .tabrow0 li.last a {margin-right: 0;}
343.ie6 .tabtree .tabrow0 li.onerow {margin-right: 0;}
344.ie6 .tabtree .tabrow0 a {padding: 0 0 0 13px;}
345.ie6 .tabtree .tabrow0 a span {padding: 12px 1em 4px 0;}
346.ie6 .tabtree .tabrow0 div {top: 3.5em;padding: 0.2em 0;}
347
348/**
349 * Comment
350 */
351.comment-area textarea {border: 1px solid gray;}
352
353.ie6 .que .info {display: inline;}
354.ie6.course-view li.activity {height:0;}
355.ie6 #help_icon_tooltip .yui-tt-shadow-visible {background-color: transparent;}
356
1904e9b3
SH
357/*
358 * Backup CSS
359 */
360.path-backup .mform .grouped_settings.section_level {border:1px solid #aaa;margin:10px;clear:both;background-color:#EEE;}
361.path-backup .mform .grouped_settings.section_level .grouped_settings.activity_level {background-color:#fff;border:1px solid #fff;border-top-color:#DDD;}
362.path-backup .mform .grouped_settings.section_level .include_setting {font-weight:bold;}
83c000d9 363.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
1904e9b3
SH
364.path-backup .backup_progress {margin:10px;}
365.path-backup .backup_progress .backup_stage {margin:5px 20px;}
bac233d3
SH
366.backup-files-table .c0 {min-width:300px;}
367.backup-files-table .c1 {width:300px;}
368.backup-files-table .c2 {width:80px;}
369.backup-files-table .c3 {width:80px;}
370.backup-files-table .c4 {width:80px;}
1904e9b3 371
07ab0c80 372/**
373 * Site registration
374 */
375
376 #page-admin-registration-index .centeredbutton {text-align: center}
377 #page-admin-registration-index .cell {border-width: 0 1px;}
378 #page-admin-registration-index .justifytext {text-align: justify}
379
380
381 /**
382 * Course publication
383 */
384
385 #page-course-publish-index .centeredbutton {text-align: center}
386 #page-course-publish-index .cell {border-width: 0 1px;}
387 #page-course-publish-index .justifytext {text-align: justify}
388 #page-course-publish-index .publicationwarning {color: #6666ff;}
389
d2dbd0c0
SH
390/**
391 * Custom menu
392 */
393.pagelayout-frontpage #custommenu {padding:0 2px;}
394#custommenu {padding:0 10px;}
395#custommenu .yui3-menu {background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;background-color:#e1e1df;}
396#custommenu .yui3-menu .yui3-menu {background-image:none;background-color:#FFF;}
397#custommenu .yui3-menu .yui3-menu-label,
398#custommenu .yui3-menu .yui3-menuitem-content,
399#custommenu .yui3-menu .yui3-menu-content,
400#custommenu .yui3-menu .yui3-menu .yui3-menu-content,
401#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
402#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul {border-color:#CCC;}
403#custommenu .yui3-menu .yui3-menuitem-content,
404#custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {cursor:pointer;}
405#custommenu .yui3-menu .yui3-menu-label-menuvisible,
406#custommenu .yui3-menu .yui3-menuitem-active {background-color:#e1e1df;}
407#custommenu .yui3-menu-horizontal.javascript-disabled a {color:inherit;}
408#custommenu .yui3-menu-horizontal.javascript-disabled a:hover {color:blue;text-decoration:none;}
55a573e5
ME
409#custommenu .yui3-menu-content,
410#custommenu .yui3-menu .yui3-menu .yui3-menu-content { padding: 0; line-height: 2;}
572dd8ec
SH
411
412.smartselect .smartselect_menuitem:hover,
413.smartselect .smartselect_submenuitem:hover {background-color:#C2EAFF;}
414.smartselect .smartselect_submenu {border-color:#999;}
415.smartselect .smartselect_menu,
3ab2e357 416.smartselect .smartselect_submenu {-moz-border-radius:4px;-webkit-border-radius: 5px;}
a70eb30f
SH
417
418/**
419 * Enrol
420 */
421.userenrolment {font-size:90%;border:1px solid #999;}
422.userenrolment tr.r0 {background-color:#F9F9F9;}
423.userenrolment tr.r1 {background-color:#F3F3F3;}
424.userenrolment td {border:1px solid #E9E9E9;border-top-color:#F6F6F6;border-right-color:#EEE;border-left-color:#F3F3F3;}
75ee207b
SH
425.userenrolment td.c0 {border-left-width:0;}
426.userenrolment td.lastcol {border-right-color:#999;}
427.userenrolment .col_bulkops {vertical-align:middle;text-align:center;}
428.userenrolment .r0 .col_bulkops {background-color:#FFFFFF;}
429.userenrolment .r1 .col_bulkops {background-color:#F9F9F9;}
430.userenrolment tr.lastrow td {border-bottom-width:0;}
a70eb30f
SH
431.userenrolment .col_userdetails {padding:3px;min-width:35%;}
432.userenrolment .col_role .roles {position:relative;}
433.userenrolment .col_role .role {line-height:10px;font-size:10px;}
434.userenrolment .col_role .role a img {height:8px;}
435.userenrolment .col_role .addrole {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
436.userenrolment .col_group {max-width:300px;}
437.userenrolment .col_group .group {line-height:10px;font-size:10px;}
438.userenrolment .col_group .group a img {height:8px;}
439.userenrolment .col_group .addgroup {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
440.userenrolment .col_enrol {max-width:300px;}
441.userenrolment .col_enrol .enrolment {border:1px outset #E6E6E6;background-color:#EEE;line-height:10px;font-size:10px;-moz-border-radius:5px;}
6db3eee0 442.userenrolment.otheruserenrolment .col_role .role {float:none;}
2ec702c9
SH
443.path-enrol .enrolusersbutton,
444.path-enrol .enrolcohortbutton {float:left;}
445.path-enrol .enrolusersbutton.instance1,
6db3eee0
SH
446.path-enrol .enrolcohortbutton.instance1,
447.path-enrol .assignuserrole.instance1 {float:right;}
75ee207b 448.path-enrol .singleselect.bulkuserop {float:left;}
20e033bd 449
450/* Registration */
bf0fc3c0
DM
451#page-admin-registration-hubselector .registration_textfield {width: 400px;}
452
453/* Portfolio */
454.path-portfolio .exportsummary {margin:0px auto 1em auto;}
628c7840 455.portfolio-add-icon {margin-left:5px;}
814e3735
RK
456
457/* Messaging options */
3df3c677 458#page-message-edit .mform fieldset div.messagesettingcomponent {float: left;}
814e3735
RK
459#page-message-edit table.generaltable th.c0 {text-align: left;}
460#page-message-edit table.generaltable td.c0 {text-align: right;}
461#page-message-edit table.generaltable td.disallowed {text-align: center;vertical-align:middle;}
77d187ed 462#messagewarning {font-style:italic;}