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