upgraded for 1.5
[moodle.git] / theme / oceanblue / styles_color.css
CommitLineData
2ea70bbe 1/*************************************************
2***
3*** color
4***
5**************************************************/
6
7/*************************************************
8***
9*** This CSS file contains all color definitions
10*** like background-color, font-color,
11*** border-color etc.
12***
13*** Shortindex:
14*** basic and general styles
15*** header and footer styles
16*** content styles (alphabetically)
17*** admin, course, activities, calendar, blocks
18***
19*** Please sort new styles for existing content
20*** into the appropriate part of this CSS file.
21*** Styles for new Blocks or Activities please
22*** place at the end.
23*** Wouldn't the alphabetical order be better?
24***
25**************************************************/
26
27
28/* basic styles */
29a:link,
30a:visited {
31 color:#0000FF;
32}
33
34a.dimmed:link,
35a.dimmed:visited {
36 color:#666666; /* hidden */
37}
38
39a.autolink:link,
40a.autolink:visited {
41 background-color:#DDDDDD; /* autolink */
42 color:#555555;
43}
44
45a.autolink:hover,
46a:hover,
47a.dimmed:hover {
48 color:#FF0000;
49}
50
51
52/* general styles */
53body {
54 background-color:#AAAAFF;
55 color:#000066;
56}
57
58th {
59 background-color:#DDDDDD;
60}
61
62.highlight {
63 background-color:#AAFFAA; /* highlight */
64}
65
66.highlight2 {
67 color:#AA0000; /* highlight missing terms in forum search */
68}
69
70/* Alternate rows even */
71.r0 {
72}
73
74/* Alternate rows odd */
75.r1 {
76}
77
78/* notification messages (can be good or bad) */
79.notifyproblem {
80 color:#660000;
81 padding: 10px;
82 text-align: center;
83}
84
85.notifysuccess {
86 color:#006600;
87 padding: 10px;
88 text-align:center;
89}
90
91.required {
92 background-color:#DDDDDD;
93}
94
95
96/* header styles */
97
98
99/* footer styles */
100
101
102/*****************************
103***
104*** content styles
105***
106******************************/
107/* many places */
108.generalbox {
109 border-color:#AAAAFF; /* borders */
110}
111.informationbox {
112 border-color:#AAAAFF; /* borders */
113}
114.feedbackbox {
115 border-color: #AAAAFF; /* borders */
116}
117.feedbackby {
118 background-color:#BBBBBB;
119}
120.userpicture {
121 background:#EEEEEE;
122}
123
124.admin .generalboxcontent {
125 background-color:#EEEEEE;
126}
127.admin .generalbox {
128 border-color:#BBBBBB;
129}
130
131.admin .informationbox {
132 border-color:#BBBBBB;
133 background-color:#FFFFFF;
134}
135
136.noticebox {
137 border-color:#AAAAFF; /* borders */
138}
139
140.errorbox {
141 color:#ffffff;
142 border-color:#660000;
143 background-color:#990000;
144}
145
146/* summary of a user in a nice little box - weblib.php */
147.userinfobox {
148 border-color:#AAAAFF; /* borders */
149}
150
151
152/* weblib.php table */
153.tabledivider {
154 border-color:#AAAAFF; /* borders */
155}
156
157
158/* entry-page index.php */
159.sitetopic {
160 background-color:#FFFFFF; /* cellheading */
161 border-color:#AAAAFF; /* borders */
162}
163
164
165/*****************************
166***
167*** Admin
168***
169******************************/
170/* admin, calednder, course */
171.dimmed_text {
172 color:#666666;
173}
174
175
176/*****************************
177***
178*** Course
179***
180******************************/
181/* course, entry-page, login */
182.headingblock {
183 border-color:#AAAAFF; /* borders */
184}
185
186
187/* course */
188.headingblock .outline {
189 border-color:#AAAAFF; /* borders */
190}
191
192#course-view .section td {
193 border-color:#DDDDDD;
194}
195
196#course-view .section .content {
197}
198
199#course-view .section .side {
200 background: #EEEEEE;
201}
202
203#course-view .section .left {
204}
205
206#course-view .section .right {
207}
208
209#course-view .current .side{
210 background: #FFD991;
211}
212
213#course-view .topics {
214}
215
216#course-view .weeks {
217}
218
219#course-view .section .spacer {
220}
221
222#course-view .section .weekdates {
223 color:#666666;
224}
225
226.categoryboxcontent,
227.courseboxcontent {
228 border-color:#AAAAFF; /* borders */
229 background: #FFFFFF;
230}
231
232
233/* user */
234
235.userinfobox {
236 border-color: #DDDDDD;
237 background-color: #F7F7F7;
238}
239
240
241
242/*****************************
243***
244*** Activities
245***
246******************************/
247/* assignment, forum, glossary */
248.forumheaderlist,
249.forumpost {
250 border-color:#AAAAFF; /* borders */
251}
252
253.forumpost .content {
254 background: #FFFFFF;
255}
256
257.forumpost .left {
258 background:#EEEEEE;
259}
260
261.forumpost .topic {
262 border-style:solid; /* borders */
263 border-width: 0px;
264 border-bottom-color: #EEEEEE;
265 border-bottom-width: 1px;
266}
267
268.forumpost .starter {
269 background:#DDDDDD;
270}
271
272.forumheaderlist .discussion .starter {
273 background:#DDDDDD;
274}
275
276.forumheaderlist td {
277 border-color: #FFFFFF;
278}
279
280
281/* survey */
282#mod-survey-view .r0 {
283 background-color: #EEEEEE;
284}
285#mod-survey-view .r1 {
286 background-color: #DDDDDD;
287}
288
289
290/* assignment */
291.assignmentsubmission {
292}
293
294.assignmentnew .assignmentfeedback{
295 background-color:#DDDDDD; /* cellheading2 */
296}
297
298.assignmentold .assignmentfeedback{
299 background-color:#BBBBBB; /* cellheading */
300}
301
302.assignmentheading {
303 background-color:#BBBBBB; /* cellheading */
304}
305
306
307/* workshop */
308
309.workshoppostpicture {
310 background-color:#FEE6B9; /* cellcontent2 */
311}
312
313.workshopassessmentheading {
314 background-color:#DDDDDD; /* cellheading2 */
315}
316
317
318/* glossary, wiki */
319.generaltab, .generaltabinactive {
320 background-color:#BBBBBB; /* cellheading */
321}
322
323.generaltabselected {
324 background-color:#DDDDDD; /* cellheading2 */
325}
326
327.generaltabinactive {
328 color:#CCCCCC;
329}
330
331.entryboxheader {
332 border-color: #BBBBBB;
333}
334
335.entrybox {
336 border-color: #BBBBBB;
337}
338
339.entry {
340}
341
342.glossarypost {
343 border-color: #DDDDDD;
344}
345
346.glossarypost .entryheader,
347.glossarypost .picture,
348.glossarypost .entryattachment,
349.glossarypost .left {
350 background-color: #F0F0F0;
351}
352
353
354#mod-glossary-report .generalbox .teacher {
355 background: #F0F0F0;
356}
357
358
359
360
361/* lang, forum */
362.teacheronly {
363 color:#990000;
364}
365
366.forumheadminimal {
367 color:#555555;
368}
369
370.forumthread .unread {
371 background: #FFD991;
372}
373
374.unread {
375 background: #FFD991;
376}
377
378#mod-forum-view .unread {
379 padding-left: 3px;
380 padding-right: 3px;
381}
382
383#mod-forum-discuss .forumpost {
384 background: none;
385}
386
387#mod-forum-discuss .unread .forumpostmessage {
388 border-style: solid;
389 border-color: #FFD991;
390 border-width: 2px;
391}
392
393#mod-forum-discuss .forumthread .unread {
394}
395
396#mod-forum-index .unread {
397}
398
399/* message */
400table.message_search_results td {
401 border-color:#AAAAFF; /* borders */
402}
403
404
405/* weblib.php, wiki */
406.sideblockmain hr {
407 border-top-color:#999999;
408}
409
410/* wiki */
411.sideblockheading {
412 background-color: #EEEEEE;
413}
414
415/*****************************
416***
417*** Calendar
418***
419******************************/
420
421#calendar .maincalendar,
422#calendar .sidecalendar
423{
424 border-color: #DDDDDD;
425}
426
427#calendar .maincalendar table.calendarmonth th {
428 border-color: #555555;
429}
430
431table.minicalendar {
432 border-color:#DDDDDD;
433}
434
435#calendar .maincalendar .eventlist .event {
436 border-color:#DDDDDD;
437}
438
439#calendar .maincalendar .eventlist .event .header,
440#calendar .maincalendar .eventlist .event .picture,
441#calendar .maincalendar .eventlist .event .side
442{
443 background-color:#EEEEEE;
444}
445
446#calendar .maincalendar table.calendarmonth ul.events-underway {
447 color:#999999;
448}
449
450#calendar .event_global,
451.minicalendar .event_global,
452.block_calendar_month .event_global {
453 border-color:#2EBA0E !important;
454 background-color:#2EBA0E;
455}
456
457#calendar .event_course,
458.minicalendar .event_course,
459.block_calendar_month .event_course {
460 border-color:#FF9966 !important;
461 background-color:#FF9966;
462}
463
464#calendar .event_group,
465.minicalendar .event_group,
466.block_calendar_month .event_group {
467 border-color:#FBBB23 !important;
468 background-color:#FBBB23;
469}
470
471#calendar .event_user,
472.minicalendar .event_user,
473.block_calendar_month .event_user {
474 border-color:#A1BECB !important;
475 background-color:#A1BECB;
476}
477
478#calendar .duration_global,
479.minicalendar .duration_global {
480 border-top-color:#2EBA0E !important;
481 border-bottom-color:#2EBA0E !important;
482}
483
484#calendar .duration_course,
485.minicalendar .duration_course {
486 border-top-color:#FF9966 !important;
487 border-bottom-color:#FF9966 !important;
488}
489
490#calendar .duration_group,
491.minicalendar .duration_group {
492 border-top-color:#FBBB23 !important;
493 border-bottom-color:#FBBB23 !important;
494}
495
496#calendar .duration_user,
497.minicalendar .duration_user {
498 border-top-color:#A1BECB !important;
499 border-bottom-color:#A1BECB !important;
500}
501
502#calendar .weekend,
503.minicalendar .weekend {
504 color:#FF0000;
505}
506
507#calendar .today,
508.minicalendar .today {
509 border-color:#555555 !important;
510}
511
512.cal_popup_fg {
513 background-color:#FFFFFF; /* cellcontent */
514}
515
516.cal_popup_bg {
517 border-color:#555555;
518 background-color:#FFFFFF;
519}
520
521
522/*****************************
523***
524*** Blocks
525***
526******************************/
527/* block_rss_client.php */
528.rssclientlink {
529 border-top-color:#DDDDDD;
530}
531
532.rssclientdescription {
533 color:#555555;
534}
535
536
537/* sideblock */
538/* calendar, weblib.php, wiki */
539.sideblock {
540 border-color:#AAAAFF; /* borders */
541}
542.sideblockmain {
543 background-color:#FCFCFC;
544}
545
546.sideblocklist {
547 background-color:#FCFCFC;
548}
549
550.sideblockmain hr {
551 border-top-color:#999999;
552}
553
554/* Messaging */
555.message .author {
556 color: #999999;
557}
558
559.message .time {
560 color: #999999;
561}
562
563.message .content {
564}