Added LinuxChix theme
[moodle-linuxchix.git] / theme / chameleon / user_styles.css
blob289017da76fe3f4e7aaa32b8ecc77e86100354a0
1 body {
2 font-size: 100%;
3 color: #333333;
4 font-family: 'Bitstream Vera Serif', georgia, times, serif;
5 margin: 0;
6 padding: 0;
8 div#page {
9 margin: 0 10px;
10 padding-top: 5px;
11 border-top-width: 10px;
12 border-top-style: solid;
13 border-top-color: #55CC00;
15 div.clearer {
16 clear: both;
18 h1 {
19 font-size: 1.7em;
22 h2 {
23 font-size: 1.4em;
25 h3 {
26 font-size: 1.1em;
28 h4 {
29 font-size: 1.0em;
31 a:link {
32 color: #116699;
34 a:visited {
35 color: #AA2200;
37 a:hover {
38 color: #779911;
40 a.dimmed:link {
41 color: #AAAAAA;
43 a.dimmed:visited {
44 color: #AAAAAA;
46 table.generaltable {
47 background-color: #EEEEEE;
49 span.arrow {
50 font-family: Arial, Helvetica, Courier, sans-serif;
52 p.arrow_button input {
53 font-family: Arial, Helvetica, Courier, sans-serif;
55 img.resize {
56 width: 1em;
57 height: 1em;
59 p.helplink {
60 margin: 0.5em 0;
62 h1.headermain {
63 color: #449900;
65 h2.headingblock {
66 border-style: none;
68 .loginbox {
69 background-color: #EEEEEE;
70 border-width: 1px;
71 border-style: solid;
72 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
74 .loginbox.twocolumns .loginpanel {
75 border-right-color: #DDDDDD;
77 div.noticebox {
78 background-color: #EEEEEE;
79 border-width: 1px;
80 border-style: solid;
81 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
83 table.generaltable td {
84 border-width: 1px;
85 border-style: solid;
86 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
88 div.generalbox {
89 border: 1px solid #ffffff;
90 border-right-color: #ddd;
91 border-bottom-color: #ddd;
92 background-color: #eee;
94 div.coursebox {
95 border: 1px solid #ffffff;
96 border-right-color: #ddd;
97 border-bottom-color: #ddd;
98 background-color: #eee;
100 table.generalbox {
101 border-top-width: 1px;
102 border-style: solid none none;
103 border-top-color: #DDDDDD;
105 table.generaltable th.header {
106 background-color: #DDDDDD;
107 border-width: 1px;
108 border-style: solid;
109 border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
111 table.forumheaderlist th.header {
112 background-color: #DDDDDD;
113 border-width: 1px;
114 border-style: solid;
115 border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
117 .forumheaderlist,
118 .forumpost {
119 background-color: #EEEEEE;
120 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
122 .forumheaderlist td {
123 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
125 .forumpost .topic {
126 border-bottom-color: #FFFFFF;
128 div.informationbox {
129 background-color: #EEEEEE;
130 border-width: 1px;
131 border-style: solid;
132 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
134 table.userinfobox {
135 border: 1px solid #DDDDDD;
137 p.copyright {
138 text-align: center;
140 .errorbox {
141 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
142 background-color: #e15215;
143 color: #fff;
145 div.headermenu {
146 font-size: 0.75em;
148 div.headermenu div.logininfo {
149 margin-bottom: 0.2em;
151 div.breadcrumb {
152 font-size: 0.8em;
153 padding-left: 0.3em;
155 div.navbar div.navbutton form {
156 float: left;
158 div.navbar div.navbutton {
159 margin-top: 3px;
161 div.navbar {
162 padding: 3px 0;
163 background-color: #EEFFDD;
164 margin-top: 5px;
165 border-style: none;
167 div#footer {
168 margin-top: 0;
169 font-size: 0.75em;
170 border-top-width: 20px;
171 border-style: solid none none;
172 border-top-color: #EEFFDD;
174 div#content {
175 background-color: #F8F8F8;
176 padding: 10px 0;
177 font-size: 0.75em;
178 line-height: 1.6em;
179 margin-top: 0px;
180 clear: both;
181 border-top-width: 1px;
182 border-bottom-width: 1px;
183 border-top-style: solid;
184 border-bottom-style: solid;
185 border-top-color: #88DD55;
186 border-bottom-color: #88DD55;
188 ul.section li {
189 margin: 0.2em 0;
191 div.sideblock div.content * {
192 text-align: left;
194 div.sideblock div.content input[type="submit"] {
195 width: auto;
197 button#searchform_button {
198 width: auto;
200 div.sideblock div.content div.btn input {
201 width: auto;
203 .block_login .loginform .fld {
204 text-align: right;
206 div.sideblock div.calendar-controls a.next {
207 text-align: right;
209 div.sideblock ul.list span.c1 {
210 padding-left: 0;
212 div.sideblock div.title h2 {
213 font-size: 1em;
214 line-height: 1.1em;
216 div.sideblock div.header {
217 background-color: #EEEEEE;
218 padding: 0 0.3em 0.3em;
219 border-width: 1px;
220 border-style: solid;
221 border-color: #DDDDDD #CCCCCC #88DD55 #DDDDDD;
223 div.sideblock div.content {
224 padding: 0.3em 0.3em;
225 background-color: #EEFFDD;
226 border-width: 1px;
227 border-style: none solid solid;
228 border-right-color: #DDDDDD;
229 border-bottom-color: #DDDDDD;
230 border-left-color: #FFFFFF;
232 div.sideblock table.minicalendar td.day {
233 text-align: center;
234 font-size: 0.9em;
236 div.sideblock table.minicalendar {
237 border-style: none;
239 body#admin-lang h2.main {
240 font-size: 1em;
241 text-align: left;
243 body#course-index table.generalbox {
244 background-color: #EEEEEE;
245 border-width: 1px;
246 border-style: solid;
247 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
249 table.minicalendar td.today {
250 line-height: 1.4em;
251 border: 2px solid #88DD55;
253 div.sideblock table.minicalendar tr.weekdays {
254 font-size: 0.8em;
256 div.courseboxcontent {
257 background-color: #EEEEEE;
258 border-width: 1px;
259 border-style: solid;
260 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
262 td.courseboxcontent {
263 background-color: #EEEEEE;
264 border-width: 1px;
265 border-style: solid;
266 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
268 .sideblock .content .message {
269 text-align: left;
271 .sideblock .header .hide-show-image {
272 margin-top: 0;
274 .sideblock.hidden .header .hide-show-image {
275 margin-top: 2px;
277 #calendar .event_global {
278 background-color: #D6F8CD;
279 border-color: #D6F8CD;
281 .minicalendar .event_global {
282 background-color: #D6F8CD;
283 border-color: #D6F8CD;
285 .block_calendar_month .event_global {
286 background-color: #D6F8CD;
287 border-color: #D6F8CD;
289 #calendar .event_course {
290 background-color: #FFD3BD;
291 border-color: #FFD3BD;
293 .minicalendar .event_course {
294 background-color: #FFD3BD;
295 border-color: #FFD3BD;
297 .block_calendar_month .event_course {
298 background-color: #FFD3BD;
299 border-color: #FFD3BD;
301 #calendar .event_group {
302 background-color: #FEE7AE;
303 border-color: #FEE7AE;
305 .minicalendar .event_group {
306 background-color: #FEE7AE;
307 border-color: #FEE7AE;
309 .block_calendar_month .event_group {
310 background-color: #FEE7AE;
311 border-color: #FEE7AE;
313 #calendar .event_user {
314 background-color: #DCE7EC;
315 border-color: #DCE7EC;
317 .minicalendar .event_user {
318 background-color: #DCE7EC;
319 border-color: #DCE7EC;
321 .block_calendar_month .event_user {
322 background-color: #DCE7EC;
323 border-color: #DCE7EC;
325 table.cal_popup_bg {
326 background-color: #F8F8F8;
327 color: #333333;
328 border-color: #EEFFDD;
330 div.sideblock div.calendar-controls span.current {
331 text-align: center;
333 div.sideblock div.commands a.roles img {
334 width: 11px;
335 height: 11px;
337 div.sideblock span.icon {
338 display: block;
339 float: left;
340 margin-right: 0.3em;
342 div.sideblock ul.list li {
343 clear: left;
345 div.sideblock div.header div.commands {
346 height: 16px;
347 background-color: #ffffff;
349 table.generaltable td.cell {
350 white-space: normal;
352 body.admin table.generaltable {
353 width: 100%;
355 body#course-view tr.section td.side {
356 border-style: none;
358 body#course-view tr.section td.content {
359 border-style: none;
361 body#course-user .section {
362 background-color: #EEEEEE;
363 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
365 div.que {
366 border-style: none;
368 td.sitetopiccontent {
369 border-style: none;
371 body#site-index td.categoryboxcontent {
372 border-style: none;
374 .categorylist {
375 background-color: #EEEEEE;
376 border-width: 1px;
377 border-style: solid;
378 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
379 padding: 4px;
381 body#admin-roles-manage td.generalboxcontent table td {
382 padding-left: 0.5em;
383 padding-right: 0.5em;
385 body#admin-roles-override td.capcurrent {
386 background-color:#FFFFFF;
387 border: 1px solid #cecece;
389 div.breadcrumb span.sep {
390 font-family: verdana, arial, helvetica, sans-serif;
391 color: #449900;
393 div.calendar-controls span.previous {
394 font-family: verdana, arial, helvetica, sans-serif;
396 div.calendar-controls span.next {
397 font-family: verdana, arial, helvetica, sans-serif;
398 text-align: right;
400 table#calendar td.maincalendar {
401 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
403 table#calendar td.sidecalendar {
404 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
405 background-color: #efd;
407 #calendar .event_global,
408 #calendar .event_course,
409 #calendar .event_group,
410 #calendar .event_user,
411 .minicalendar .event_global,
412 .minicalendar .event_course,
413 .minicalendar .event_group,
414 .minicalendar .event_user {
415 border: 1px solid !important;
416 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
418 table.minicalendar {
419 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
420 background-color: #f8f8f8;
422 table#calendar td.today,
423 div.minicalendar td.today {
424 border-color: #8d5;
426 #adminsettings fieldset span.form-shortname {
427 color: #cccccc;
428 font-size: 90%;
430 #adminsettings fieldset {
431 background-color: #EEEEEE;
432 border-width: 1px;
433 border-style: solid;
434 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
436 form.mform fieldset {
437 background-color: #EEEEEE;
438 border-width: 1px;
439 border-style: solid;
440 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
442 form.mform div.textarea textarea {
443 width: 35em;
445 body#grade-index table.grades {
446 background-color: #EEEEEE;
447 border-width: 1px;
448 border-style: solid;
449 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
451 body#grade-index .grades td {
452 border-color: #FFFFFF;
454 table.glossarypost {
455 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
456 background-color: #f8f8f8;
458 table.glossarypost div.concept h3 {
459 display: inline;
461 table.glossarypost.continuous div.concept {
462 display: inline;
464 div.entrybox {
465 border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
466 background-color: #eee;
468 /* @group tabs */
469 .tabrow0 {
470 font-size: 100%;
471 padding: 0;
473 .tabtree {
474 margin-bottom: 3%;
476 .tabrow0 li {
477 border: 1px solid #88DD55;
478 margin: 0;
479 padding: 4px;
481 .tabrow0 li.first {
482 margin-right: 0;
484 .tabrow0 li.selected,
485 .tabrow0 li.here {
486 background-color: #efd;
488 .tabrow0 a span {
489 background-image: none;
490 padding: 0;
492 .tabrow0 a {
493 background-image: none;
494 padding: 5px;
496 .tabrow0 a:hover {
497 background-image: none;
499 .tabrow0 .here a:hover {
500 background-image: none;
502 .tabrow0 a:hover span {
503 background-image: none;
505 .tabrow0 .here a:hover span {
506 background-image: none;
508 .tabrow0 div,
509 .tabrow0 ul {
510 background-image: none;
511 top: 100%;
512 padding: 0 0 0.25em;
513 line-height: 200%;
514 border-top-color: #5c0;
516 .tabrow0 ul {
517 background-color: #efd;
518 padding: 0;
520 .tabrow0 ul li.selected,
521 .tabrow0 ul li.here {
522 background-color: #efd;
524 .tabrow0 ul li {
525 background-color: #f8f8f8;
527 /* @end */