backup MDL-23904 Tweaking core CSS for backups
[moodle.git] / theme / standard / style / core.css
1 html, body#tinymce {background-color:#FAFAFA;}
2 body {font-family:Arial, Verdana, Helvetica, sans-serif;padding: 4px;}
3 body.lang-vi {font-family:Arial, Verdana, Helvetica, sans-serif !important;}
5 /** 
6  * Links
7  */
8 a {text-decoration:none;color:#0000FF;}
9 a.autolink {color:#000000;background: #DDDDDD;}
10 a:hover {text-decoration:underline;color:#FF0000;}
12 .img-text a:hover {text-decoration: none;}
13 .img-text a:hover span {text-decoration: underline;}
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;}
18 /** 
19  * Headings
20  */
21 h1.main,
22 h2.main,
23 h3.main,
24 h4.main,
25 h5.main,
26 h6.main {text-align:center;font-weight:bold;}
28 th.header,
29 td.header,
30 div.header,
31 .navbar {border-color:#DDDDDD;}
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;}
41 h2.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;}
46 .sitetopic {margin-bottom:1em;}
47 .sitetopiccontent {border-color:#DDDDDD;background-color:#FFFFFF;}
49 .notifytiny {padding:10px;color:#000044;text-align:center;}
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;}
58 .generaltable {border:1px solid #DDD;border-collapse: collapse;background-color:#FFF;border-color:#EEEEEE;}
59 .generaltable td {border:1px solid #DDD;vertical-align:top;}
60 .generaltable .cell {background-color:#FFFFFF;border-color:#EEEEEE;}
62 #page-site-index .subscribelink,
63 .path-course-view .subscribelink {font-size: 0.8em;}
65 .files .file,
66 .files .folder {font-size: 0.9em;}
67 .files .folder .size {font-weight: bold;}
69 a.useredit,
70 a:hover.useredit,
71 .blink {color: black;cursor: help;}
73 .navigation button {font-size: 80%;}
75 img.userpicture,
76 img.grouppicture {border:0px solid #000}
78 table.formtable tbody th {background-color: transparent;background-image: none;}
80 .highlight {background-color:#AAFFAA;}
82 .unread {background: #FFD991;}
84 .censoredtext {color:#000000;background:#000000;}
86 .navigation select {background-color:#FFFFFF;}
87 .navigation optgroup {background-color:#EEEEEE;}
88 .navigation optgroup option {background-color:#FFFFFF;}
90 .mod_introbox {border-color:#DDDDDD;}
92 /** 
93  * Docs
94  */
95 #doc-contents h1 {font-size: 0.9em;}
96 #doc-contents ul {font-size: 0.8em;}
98 /** 
99  * Login
100  */
101 #page-login-index #content {font-size: 0.85em;}
102 .loginbox {margin:15px 25%;width:50%;border:1px solid;}
103 .loginbox.twocolumns {width:90%;margin:15px 5%;}
104 .loginbox,
105 .loginbox.twocolumns .loginpanel,
106 .loginbox .subcontent {border-color:#DDDDDD;}
107 .loginbox .guestsub,
108 .loginbox .forgotsub,
109 .loginbox .potentialidps {border-top:1px solid;}
111 /**
112  * Logs
113  */
114 .logtable {margin-left:auto;margin-right:auto;}
115 .logtable td {font-size: 0.8em;}
116 .logtable th {font-size: 0.9em;}
117 .logtable .r1 {background-color:#EEEEEE;}
119 /**
120  * Blog
121  */
122 .blog_entry .audience,
123 .blog_entry .tags {font-size: 0.85em;}
124 .blog_entry.blogdraft .content {background-color:#EEEEEE;}
126 /**
127  * My Moodle
128  */
129 .my .courseboxcontent .overview .info {font-size:0.7em;}
131 /**
132  * Tiny MCE
133  */
134 .mceContentBody  {background-color:#FAFAFA;color:#000;}
136 /**
137  * General
138  */
139 #layout-table {margin-top: 8px;}
140 #layout-table #content {padding-left:12px;padding-right:12px;}
141 .redirectmessage {text-align: center;margin-top:10%;}
142 .continuebutton {text-align: center;}
143 #grouppicture {text-align: center;}
144 .notifyproblem {text-align: center;padding: 10px;}
145 .notifysuccess {text-align:center;padding: 10px;}
146 .notifytiny {text-align:left;padding: 0;}
147 .collapsibleregion .collapsibleregioncaption a {color: inherit;text-decoration: none;}
148 .noticebox {border-width:1px;border-style:solid;padding:10px;}
149 #notice.generalbox {width: 60%;margin-left:auto;margin-right:auto;}
150 #notice .buttons {text-align:center}
151 #notice .buttons div,
152 #notice .buttons form {display:inline;}
153 #notice .singlebutton {text-align:center;padding: 5px;margin: 0px;}
154 .generalbox {border-width:1px;border-style:solid;margin-bottom: 15px;padding:10px;}
155 .generalbox#intro {width:70%;margin-left:auto;margin-right:auto;padding-bottom:15px;}
156 .errorbox {border-width:1px;border-style:solid;margin: 1em 15%;width: 70%;padding:10px;}
157 .errorbox .title {padding: 5px;}
158 .informationbox {border-width:1px;border-style:solid;padding: 10px;}
159 .feedbackbox {border-width:1px;border-style:solid;}
160 .rsslink {padding:  0 0 0 0.3em;}
161 .printicon {padding:  0 0 0 0.3em;}
162 .generaltable {border-width: 1px;border-style: solid;}
163 .generaltable .cell {border-width: 1px;border-style: solid;}
164 .paging {text-align: center;margin: 10px 0 10px 0;}
165 .pagingbar {text-align:center;}
166 .pagingbar a {padding-left: 10px;}
167 .pagingbar .thispage {padding-left: 10px;}
168 table.rotateheaders th.header {vertical-align: bottom;}
169 #participationreport .reporttable {text-align: center;margin-left:auto;margin-right:auto;}
170 #participationreport {text-align: center;}
171 #participationreport .modulename {font-weight: bold;}
172 #participationreportselector {text-align: center;}
173 #participationreportactions {text-align: center;}
174 .initialbar {text-align: center;}
175 .helplink img {margin: 0 2px;}
176 .closewindow,
177 .tabledivider {border-width:1px;border-style:solid;border-left:0;border-right:0;border-top:0;}
178 .sitetopic {margin-bottom:20px;}
179 .sitetopiccontent {border-width:1px;border-style:solid;}
180 table.formtable {margin: auto;}
181 table.formtable tbody td,
182 table.formtable tbody th{padding: 5px;}
183 table.formtable tbody .htmlarea td,
184 table.formtable tbody .htmlarea th{padding: 0;}
185 .unread {padding-right:2px;}
186 .heading-with-help {text-align:center;margin:0.83em 0;}
187 .heading-with-help h2 {margin:0;}
188 form.popupform label {margin-right: 0.5em;}
189 .arrow_button {margin-top:3em;}
190 .arrow_button input {padding:0.3em;}
192 /**
193  * User
194  **/
195 #userselector_options {font-size: 0.75em;}
196 .userinfobox {border-color: #DDDDDD;}
197 .userinfobox .links {font-size: 0.7em;}
198 .iplookup #header h1.headermain {font-size:1em;}
199 .iplookup #note {font-size:0.8em;font-style: italic;}
200 .groupinfobox {border-color: #DDDDDD;width: 60%;margin-left: 20%;margin-right: 20%;}
201 .userinfobox {width:80%;margin:10px auto;}
202 #page-user-index h2 {text-align: center;}
203 #page-user-index #showall {text-align: center;}
204 #page-user-profile .remoteuserinfo, #page-user-view .remoteuserinfo{background-color:#D2EBFF;text-align:center;padding:3px;}
205 #page-user-profile .messagebox {text-align:center;margin-left:auto;margin-right:auto;padding:5px;}
207 /**
208  * Moodle Forms
209  */
210 .mform {}
211 .mform fieldset {border: 1px solid #DDDDDD;padding: 10px 0;margin: 0.7em 0;width:100%;}
212 .mform .fitem fieldset.felement {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;}
213 .mform .fpassword .unmask input {margin-left:5px;margin-right:3px;}
214 #page-admin-register .mform .fsubmit {padding:20px;text-align:center;}
216 /**
217  * Filters
218  */
219 .mediaplugin {display:block;clear:both;margin-top:5px;margin-bottom:5px;}
220 .mediaplugin_mp3,
221 .mediaplugin_swf,
222 .mediaplugin_flv {display:inline;clear:none;margin:0px;margin-left:0.5em;}
223 .texrender {border:0px;vertical-align:middle;}
225 /**
226  * Groups
227  */
228 .groupmanagementtable {width: 90%;}
229 .groupmanagementtable p {text-align: left;margin-bottom: 0.2em;}
230 .groupmanagementtable #existingcell label,
231 .groupmanagementtable #potentialcell label {font-weight: bold;}
232 .groupmanagementtable #buttonscell p {text-align: center;}
233 .groupmanagementtable #buttonscell input {padding: 1em 0;}
234 .groupmanagementtable #buttonscell #remove {margin: 7em 0;}
235 .groupmanagementtable #backcell {padding-top: 2em;text-align: center;}
236 #page-group-groupings .buttons {margin: 20px;text-align:center;}
237 #page-group-groupings .buttons .singlebutton {display: inline;padding: 5px;}
239 /**
240  * Notes
241  */
242 .notepost {background-color: #EEE;}
243 .notepost .header {background: #DDD;padding: 5px;}
244 .notepost .user {font-weight: bolder;}
245 .notepost .info {font-size: smaller;}
246 .path-notes .generalbox {margin-left:auto;margin-right:auto;width:90%;}
248 /**
249  * Logs
250  */
251 .logtable td,
252 .logtable th {padding-left: 10px;padding-right: 10px;}
254 /**
255  * Help
256  */
257 #help .indent {margin-left:3em;}
258 #help .helpindex {text-align: center;}
259 #help_icon_tooltip {font-size: 0.7em;}
260 #help_icon_tooltip h1 {font-size: 1.1em;font-weight: bold;}
261 #help_icon_tooltip .readmore {display: block;font-style: italic;margin-top:10px;}
262 #help .example1 {color: #a00;}
263 #help .success {color: #080;}
264 #help pre,
265 #help code {background: #eee;border: 1px dashed #ddd;padding: 3px;}
267 /**
268  * Tags
269  */
270 h2.tag-heading {text-align:center;margin-left:auto;margin-right:auto;width:95%;}
271 #tag-user-table,
272 #tag-description,
273 #tag-blogs {width:95%;margin-left:auto;margin-right:auto;}
274 #page-tag-index .moreblogs,
275 #tag-management-box,
276 .tag .relatedpages,
277 #page-tag-index .moreblogs {text-align:center;}
278 #tags-management-links,
279 .tag .managelink {text-align:right;}
280 table#tag-management-list {margin: 10px auto;width: 80%;}
282 /** 
283  * Overriding base
284  */
285 #page-header .headermain {font-size:1.5em;}
286 .pagelayout-frontpage #page-header {border-bottom:2px groove #999;margin:0 0.5%;width:99%;}
287 .has_custom_menu.pagelayout-frontpage #page-header {border-bottom-width:0;}
289 .navbar {margin:5px 10px;border:1px solid #DDD;}
290 .navbar .breadcrumb {margin:5px;}
291 .navbar .navbutton {margin:5px;}
292 .mform fieldset {border-color:#DDD;}
294 /**
295  * Tabs
296  */
297 .tabtree ul {text-align:center;}
298 .tabtree .tabrow0 {width:100%;margin:1em 0px;}
299 .tabtree .tabrow0 li {margin-right:-4px;}
300 .tabtree .tabrow0 li.here {font-weight: bold;}
301 .tabtree .tabrow0 li.here a {position:relative;z-index:102;}
302 .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;}
303 .tabtree .tabrow0 li a:hover {background-image:url([[pix:theme|tab/left_hover]]);}
304 .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;}
305 .tabtree .tabrow0 li a:hover span {background-image:url([[pix:theme|tab/right_hover]]);}
306 .tabtree .tabrow0 ul,
307 .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;}
308 .tabtree .tabrow0 li.here .empty {display:block;height:1px;overflow:hidden;padding:0px;position:absolute;width:100%;bottom:-4px;}
309 .tabtree .tabrow1 li a,
310 .tabtree .tabrow1 li a:hover,
311 .tabtree .tabrow1 li a span,
312 .tabtree .tabrow1 li a:hover span {background-image:none !important;}
314 .tabtree a.nolink,
315 .tabtree .here ul a.nolink,
316 .tabtree a.nolink:hover,
317 .tabtree .here ul a.nolink:hover {color: #888;text-decoration: none;}
318 .tabtree .here a.nolink,
319 .tabtree .here ul .here a.nolink,
320 .tabtree .here a.nolink:hover,
321 .tabtree .here ul .here a.nolink:hover {color: black;text-decoration: none;}
323 .ie7 .tabtree .tabrow0 li {margin-left: 0;}
324 .ie7 .tabtree .tabrow0 li.first {margin-right: -4px;}
325 .ie7 .tabtree .tabrow0 li.onerow {margin-right: 0;}
326 .ie7 .tabtree .tabrow0 a {display: inline-block;padding: 8px 0 0.35em 13px;line-height: 1.5em;}
327 .ie7 .tabtree .tabrow0 a span {padding: 10px 1em 10px 0;}
328 .ie7 .tabtree .tabrow0 div {top: 2.6em;padding: 0.2em 0;}
329 .ie7 .tabtree .tabrow0 div.empty {margin-right: 0;}
330 .ie7.mod-quiz div.tabtree a span img.iconsmall {margin: 0;vertical-align: baseline;position: relative;top: 2px;}
332 .ie6 .tabtree {height: 100%;}
333 .ie6 .tabtree .tabrow0 {padding-top: 10px;}
334 .ie6 .tabtree .tabrow0 li {margin-left: 0;}
335 .ie6 .tabtree .tabrow0 li.first {margin-left: -4px;margin-right: -4px;}
336 .ie6 .tabtree .tabrow0 li.last a {margin-right: 0;}
337 .ie6 .tabtree .tabrow0 li.onerow {margin-right: 0;}
338 .ie6 .tabtree .tabrow0 a {padding: 0 0 0 13px;}
339 .ie6 .tabtree .tabrow0 a span {padding: 12px 1em 4px 0;}
340 .ie6 .tabtree .tabrow0 div {top: 3.5em;padding: 0.2em 0;}
342 /**
343  * Comment
344  */
345 .comment-area textarea {border: 1px solid gray;}
347 .ie6 .que .info {display: inline;}
348 .ie6.course-view li.activity {height:0;}
349 .ie6 #help_icon_tooltip .yui-tt-shadow-visible {background-color: transparent;}
351 /*
352  * Backup CSS
353  */
354 .path-backup .mform .grouped_settings.section_level {border:1px solid #aaa;margin:10px;clear:both;background-color:#EEE;}
355 .path-backup .mform .grouped_settings.section_level .grouped_settings.activity_level  {background-color:#fff;border:1px solid #fff;border-top-color:#DDD;}
356 .path-backup .mform .grouped_settings.section_level .include_setting {font-weight:bold;}
357 .path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;}
358 .path-backup .backup_progress {margin:10px;}
359 .path-backup .backup_progress .backup_stage {margin:5px 20px;}
361 /**
362  * Site registration
363  */
365  #page-admin-registration-index .centeredbutton {text-align: center}
366  #page-admin-registration-index .cell {border-width: 0 1px;}
367  #page-admin-registration-index .justifytext {text-align: justify}
370  /**
371  * Course publication
372  */
374  #page-course-publish-index .centeredbutton {text-align: center}
375  #page-course-publish-index .cell {border-width: 0 1px;}
376  #page-course-publish-index .justifytext {text-align: justify}
377  #page-course-publish-index .publicationwarning {color: #6666ff;}
379  /**
380  * Community block
381  */
382  #page-blocks-community-communitycourse .trustedtr {background-color: #ffe1c3;}
383  #page-blocks-community-communitycourse .prioritisetr {background-color: #ffd4ff;}
384  #page-blocks-community-communitycourse .additionaldesc {font-size: 80%; color: purple;}
385  #page-blocks-community-communitycourse .additionaladmindesc {font-size: 80%; color: #6666ff;}
387 /**
388  * Custom menu
389  */
390 .pagelayout-frontpage #custommenu {padding:0 2px;}
391 #custommenu {padding:0 10px;}
392 #custommenu .yui3-menu {background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;background-color:#e1e1df;}
393 #custommenu .yui3-menu .yui3-menu {background-image:none;background-color:#FFF;}
394 #custommenu .yui3-menu .yui3-menu-label,
395 #custommenu .yui3-menu .yui3-menuitem-content,
396 #custommenu .yui3-menu .yui3-menu-content,
397 #custommenu .yui3-menu .yui3-menu .yui3-menu-content,
398 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
399 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul {border-color:#CCC;}
400 #custommenu .yui3-menu .yui3-menuitem-content,
401 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {cursor:pointer;}
402 #custommenu .yui3-menu .yui3-menu-label-menuvisible,
403 #custommenu .yui3-menu .yui3-menuitem-active {background-color:#e1e1df;}
404 #custommenu .yui3-menu-horizontal.javascript-disabled a {color:inherit;}
405 #custommenu .yui3-menu-horizontal.javascript-disabled a:hover {color:blue;text-decoration:none;}
407 .smartselect .smartselect_menuitem:hover,
408 .smartselect .smartselect_submenuitem:hover {background-color:#C2EAFF;}
409 .smartselect .smartselect_submenu {border-color:#999;}
410 .smartselect .smartselect_menu,
411 .smartselect .smartselect_submenu {-moz-border-radius:4px;-webkit-border-radius: 5px;}
413 /**
414  * Enrol
415  */
416 .userenrolment {font-size:90%;border:1px solid #999;}
417 .userenrolment tr.r0 {background-color:#F9F9F9;}
418 .userenrolment tr.r1 {background-color:#F3F3F3;}
419 .userenrolment td {border:1px solid #E9E9E9;border-top-color:#F6F6F6;border-right-color:#EEE;border-left-color:#F3F3F3;}
420 .userenrolment td.c0 {border-left-color:#999;}
421 .userenrolment td.c4 {border-right-color:#999;}
422 .userenrolment .col_userdetails {padding:3px;min-width:35%;}
423 .userenrolment .col_role .roles {position:relative;}
424 .userenrolment .col_role .role {line-height:10px;font-size:10px;}
425 .userenrolment .col_role .role a img {height:8px;}
426 .userenrolment .col_role .addrole {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
427 .userenrolment .col_group {max-width:300px;}
428 .userenrolment .col_group .group {line-height:10px;font-size:10px;}
429 .userenrolment .col_group .group a img {height:8px;}
430 .userenrolment .col_group .addgroup {background-color:#DDD;border:1px outset #EEE;-moz-border-radius:5px;}
431 .userenrolment .col_enrol {max-width:300px;}
432 .userenrolment .col_enrol .enrolment {border:1px outset #E6E6E6;background-color:#EEE;line-height:10px;font-size:10px;-moz-border-radius:5px;}
433 .userenrolment.otheruserenrolment .col_role .role {float:none;}
434 .path-enrol .enrolusersbutton,
435 .path-enrol .enrolcohortbutton {float:left;}
436 .path-enrol .enrolusersbutton.instance1,
437 .path-enrol .enrolcohortbutton.instance1,
438 .path-enrol .assignuserrole.instance1 {float:right;}