Updated the HEAD build version to 20100517
[moodle.git] / theme / canvas / style / core.css
CommitLineData
43d65a95
PM
1.sitetopic {
2 border: none;
3}
4
5.headingblock {
6 border-bottom: 1px solid #ddd;
7 font-size: 1.3em;
8 color: #333;
9}
f41046c7 10
e1edeb40
PM
11.expired,
12.notopenyet,
f41046c7
PM
13.notifysuccess,
14.notifyproblem,
15.errorbox,
90e957bc 16.continuebutton,
a79db405 17.singlebutton,
90e957bc 18.buttons,
43d65a95
PM
19.singleselect {
20 text-align: center;
21 margin: 1em 0;
22}
23
24.generalbox {
25 border-color: #ddd;
26}
a79db405 27
e1edeb40 28.expired,
43d65a95
PM
29.notopenyet {
30 border: none;
31 color: #f00;
32}
33
34.buttons .singlebutton input {
35 margin: 0;
36}
37
38.initialbar {
39 text-align: center;
40}
e1edeb40 41
43d65a95
PM
42.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
43 padding-right: 0;
44}
f41046c7 45
43d65a95
PM
46.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
47 padding-left: 0;
48}
e1edeb40 49
f41046c7
PM
50/* Login
51------------------------*/
52
43d65a95
PM
53.loginbox {
54 margin: 15px 25%;
55}
56
57.loginbox .loginerrors {
58 color: #f00;
59}
60
61.loginbox .loginform {
62 margin: 15px auto 0;
63 width: 175px;
64}
65
66.loginbox .loginform .form-label {
67 float: none;
68 width: 100%;
69 margin: 0 auto;
70 text-align: left;
71}
72
73.loginbox .loginform .form-input {
74 float: none;
75 width: 100%;
76 margin: 0 auto;
77}
78
a79db405 79.loginbox .loginform .form-input #username,
43d65a95
PM
80.loginbox .loginform .form-input #password {
81 width: 97%;
82 padding: 3px;
83 font-size: 1.1em;
84 font-family: Helvetica, Arial, sans-serif;
85 border: 2px solid #ddd;
86 margin: 0 0 5px;
87 color: #333;
88}
89
90.loginbox .loginform .form-input #loginbtn {
91 margin: 0.5em auto;
92}
93
94.loginbox .forgetpass {
95 margin: 1em 0 0;
96 font-size: 0.95em;
97}
98
99.loginbox.twocolumns {
100 width: 90%;
101 margin-left: 5%;
102}
103
104.loginbox .guestsub {
105 border-top: 1px solid #DDDDDD;
106 margin: 5px 20%
107}
108
109.loginbox.twocolumns .loginpanel {
110 border-color: #ddd;
111 padding-right: 0.5%;
112}
113
114.loginbox.twocolumns .signuppanel {
115 padding-left: 1%;
116 width: 48%;
117}
118
119.page-course-loginas #notice {
120 border: none;
121}
f41046c7 122
43d65a95
PM
123#page-login-forgot_password .generalbox {
124 margin: 0 auto 1.5em;
125 width: 75%;
126 padding: 10px;
127}
e1edeb40 128
43d65a95
PM
129#page-login-signup .mform {
130 width: 85%;
131 margin: 0 auto;
132}
f41046c7 133
43d65a95
PM
134#page-login-signup .mform .fitem .fitemtitle {
135 width: 20%;
136}
137
138#page-login-signup .mform .fitem .felement {
139 margin-left: 21%;
140}
f41046c7
PM
141
142/* Calendar
143-----------------------*/
f41046c7 144
43d65a95
PM
145.calendarlayout {
146 width: 100%;
147}
148
149.calendarlayout .sidecalendar {
150 padding-left: 15px;
151}
152
153.calendarlayout .sidecalendar .block {
154 width: 210px;
155}
156
157.calendarlayout .block .minicalendarblock h3 {
158 text-align: center;
159 font-size: 1.2em;
160}
161
162.maincalendar .header .buttons {
163 margin: 0;
164}
165
f41046c7 166.maincalendar .calendarmonth td,
43d65a95
PM
167.maincalendar .calendarmonth th {
168 border-color: #ddd;
169 border-style: dotted;
170 border-width: 1px;
171}
172
f41046c7 173.maincalendar .calendarmonth th,
43d65a95
PM
174.calendarlayout .sidecalendar .minicalendar th {
175 background: url([[pix:theme|gradient-sb]]) repeat-x 0 0;
176}
177
178.maincalendar .calendar-controls {
179 padding: 10px 5px 0;
180}
f41046c7 181
f41046c7
PM
182.maincalendar .calendar-controls .previous,
183.maincalendar .calendar-controls .current,
43d65a95 184.maincalendar .calendar-controls .next {
43d65a95
PM
185 float: left;
186}
187
188.maincalendar .calendar-controls .current {
189 margin: 0 auto;
29ef7d4f 190 font-size: 1.35em;
43d65a95
PM
191 text-align: center;
192 line-height: 1;
193 font-weight: bold;
194}
195
196.maincalendar .calendar-controls .next {
197 text-align: right;
198}
199
200.maincalendar .filters table td {
201 font-size: 0.9em;
202}
203
204.maincalendar .bottom {
205 margin-top: 25px;
206}
207
208.minicalendar th abbr {
209 border: none;
210}
f41046c7 211
f41046c7
PM
212.sidecalendar .filters td,
213.minicalendar td,
43d65a95
PM
214.minicalendar th {
215 padding: 2px;
216 font-size: 0.85em;
217}
218
219#page-calendar-view .eventlist {
220 padding-top: 1em;
221}
222
223#page-calendar-view .eventlist .event {
224 border: none;
225}
226
227#page-calendar-view .eventlist .event .topic {
228 border-width: 1px 1px 0;
229 border-color: #ddd;
230 border-style: solid;
231 background: #f5f5f5;
232}
233
234#page-calendar-view .eventlist .event .topic .name {
235 font-weight: bold;
236}
237
238#page-calendar-view .eventlist .event .description {
239 border-width: 0 1px 1px;
240 border-style: solid;
241 border-color: #ddd;
242}
243
244.calendartable .duration ul {
245 border-width: 2px 0;
246 border-style: solid;
247}
248
249.calendartable .duration_user ul {
250 border-color: #dce7ec;
251}
252
253.calendartable .duration_global ul {
254 border-color: #d6f8cd;
255}
256
257.calendartable .duration_group ul {
258 border-color: #fee7ae;
259}
260
261.calendartable .duration_course ul {
262 border-color: #ffd3bd;
263}
264
265.calendartable .duration .events-underway {
266 color: #666;
267}
268
269.minicalendar {
270 border-collapse: separate;
271}
272
f41046c7 273.minicalendar td,
43d65a95
PM
274.minicalendar th {
275 font-size: 0.85em;
276 padding: 0 2px;
277 border-width: 2px 0;
278 border-color: #fff;
279}
f41046c7
PM
280
281.minicalendar .calendar_event_user,
43d65a95
PM
282.minicalendar .duration_user {
283 border-color: #dce7ec;
284}
285
f41046c7 286.minicalendar .calendar_event_course,
43d65a95
PM
287.minicalendar .duration_course {
288 border-color: #ffd3bd;
289}
290
f41046c7 291.minicalendar .calendar_event_global,
43d65a95
PM
292.minicalendar .duration_global {
293 border-color: #d6f8cd;
294}
295
f41046c7 296.minicalendar .calendar_event_group,
43d65a95
PM
297.minicalendar .duration_group {
298 border-color: #fee7ae;
299}
a6516782 300
7b4c6d34
PM
301/* User
302-----------------------*/
303
43d65a95
PM
304.userinfobox {
305 border: none;
306}
307
29ef7d4f
PM
308.path-user .profilepicture {
309 float: left;
310 margin-right: 10px;
311}
312
313.path-user .descriptionbox {
314 margin-left: 110px;
43d65a95 315 border: 1px solid #ddd;
29ef7d4f
PM
316 padding: 10px;
317}
318
319.path-user .description {
320 padding-bottom: 15px;
321 border-bottom: 1px solid #eee;
322}
323
324.userprofile .list {
325 margin-top: 10px;
326}
327
328.userprofile .list td {
329 padding-top: 3px;
330 padding-bottom: 3px;
331}
332
333.userprofile .list .c0 {
334 padding-left: 0;
335 font-weight: bold;
43d65a95
PM
336}
337
338#page-user-view .buttons {
339 text-align: center;
340 width: 70%;
341 margin: 0 auto;
342}
343
344#page-user-view .buttons div {
345 padding: 0 0 10px;
346}
90e957bc 347
43d65a95
PM
348#page-user-index .controls {
349 width: 100%
350}
351
352#page-user-index .controls .singleselect {
353 margin: 0;
354}
355
356#page-user-index .rolesform {
357 text-align: center;
358 margin: 1em 0;
359}
360
361#page-user-index #participantsform {
362 text-align: center;
363}
364
365#page-user-index #longtimenosee {
366 font-style: italic;
367 font-size: 0.95em;
368}
369
370#page-user-index #participants {
371 width: 100%;
372 margin: 1em auto;
373}
a79db405 374
7b4c6d34 375#page-user-index #participants th,
43d65a95
PM
376#page-user-index #participants td {
377 vertical-align: middle;
378}
7b4c6d34 379
f41046c7
PM
380/* Tags
381------------------------*/
382
43d65a95
PM
383#big-tag-cloud-box {
384 padding: 10px;
385}
386
387#tag-management-box {
388 text-align: center;
389}
390
391.tag-management-form {
392 border: none;
393 padding: 0 0 1em;
394}
395
396#tag-management-list {
397 margin: 1em 0
398}
f41046c7 399
43d65a95
PM
400#page-tag-index .managelink {
401 text-align: right;
402}
f41046c7 403
43d65a95
PM
404#page-tag-index .headingblock {
405 text-align: center;
406 margin-bottom: 0;
407}
408
409#page-tag-index #tag-management-box {
410 border-bottom: 1px solid #ddd;
411 padding: 4px 0;
412}
413
414#page-tag-index .relatedpages {
415 text-align: center;
416}
417
418#page-tag-manage .lastinitial {
419 margin-bottom: 0.5em;
420}
421
422#page-tag-manage .green {
423 text-align: center;
424 padding: 0 0 1em;
425}
f41046c7 426
7b4c6d34
PM
427/* Embedded Pages
428------------------------*/
429
43d65a95
PM
430.pagelayout-embedded {
431 text-align: center;
432 background-color: #fff;
433 background-image: none;
434}
435
436.pagelayout-embedded #content {
437 padding-top: 30px;
438}
7b4c6d34
PM
439
440/* Forms
441-----------------------*/
442
43d65a95
PM
443.mform .fsubmit {
444 text-align: center;
445 padding: 2px;
446}
447
448.form-label .form-shortname {
449 font-size: 0.9em;
450 color: #777;
451}
452
453.form-description {
454 font-size: 0.95em;
455 color: #444;
456}