3a32b7da600da575c103c0a51b409eaa54af7bb0
[moodle.git] / theme / brick / style / core.css
3 /* Global
4 ---------------------------*/
6 html, body {
7     background: #eee;
8 }
10 #mypagewrapper {
11     width: 100%;
12     border-top: 1px solid #fff;
13 }
15 #page {
16     margin-top: 15px;
17     width: 90%;
18     min-width: 960px;
19     margin-left: auto;
20     margin-right: auto;
21     clear: both;
22     border: 1px solid #dadada;
23     background: #fff;
24 }
26 #wrapper {
27     padding: 20px;
28     padding-left: 20px;
29     padding-right: 17px;
30 }
32 #wrapper.notathome {
33     padding-top: 15px;
34 }
35 .content-only #wrapper {
36     padding-right: 0px;
37 }
39 /* Header
40 ----------------------------*/
42 #page-header {
43     width: 100%;
44     top: 0px;
45     height: 140px;
46     float: none;
47 }
49 #header {
50     width: 90%;
51     min-width: 960px;
52     margin-left: auto;
53     margin-right: auto;
54 }
56 #logo {
57     background-position: 0% 40%;
58     width: 300px;
59     height: 70px;
60     float: left;
61 }
62 #nologo {
63     width: 590px;
64     height: 70px;
65     float: left;
66     margin-left: 6px;
67     overflow: hidden;
68 }
69 #nologo a, #nologo {
70     font-family: Georgia, Palatino, serif;
71     line-height: 70px;
72     font-size: 28px;
73     font-weight: 600;
74     letter-spacing: -1px;
75 }
76 #loggedinas {
77     min-width: 300px;
78     height: 65px;
79     float: right;
80     text-align: right;
81     line-height: 65px;
82     font-size: 10px;
83 }
85 #loggedinas a {
86     color: #fff;
87 }
89 #headerbottom {
90     clear: both;
91 }
93 #headingtitle {
94     float: right;
95     width: 280px;
96     padding-right: 5px;
97     text-align: right;
98     height: 70px;
99     overflow: hidden;
100     background: url([[pix:theme|youare]]) no-repeat;
101     background-position: 95% 110%;
102     position: relative;
103     bottom: -2px;
106 #headingtitle h1 {
107     line-height: 67px;
108     font-weight: 200;
109     font-size: 13px;
110     text-transform: uppercase;
111     color: #fff;
113 /* end Header
114 ----------------------------*/
116 #region-post2 .region-content div.navbutton {
117     display: inline-block !important;
118     width: 100%;
119     float: none;
120     margin-bottom: 5px;
121     margin-top: 5px;
122     clear: both;
125 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
126     font-family: Georgia, Palatino, serif;
127     line-height: 1.5;
128     color: #333;
131 h1, h2, h3, h4 {
132     font-family: Georgia, Times, "Times New Roman", serif !important;
135 h2,h3,h4,h5,h6 {
136     color: #999;
137     font-weight: normal;
140 blockquote {
141     border-left: 1px solid #eee;
142     padding-left: 15px;
143     color: #666;
146 .mform fieldset {
147     border-color: #eee;
150 .mform fieldset legend {
151     color: #555;
152     font-weight: normal;
153     font-size: 1.2em;
154     border: 1px solid #eee;
155     padding: 2px 5px;
156     background: #fff;
160 div.navbar {
161     border-bottom: 1px solid #eee;
162     border-top: 1px solid #eee;
163     background: #fafafa url([[pix:theme|block]]) no-repeat;
164     background-position: 100% 0%;
165     font-size: 0.85em;
166     font-style: italic;
167     font-weight: 200;
168     padding:0 10px;
169     margin-bottom: 7px;
172 div.breadcrumb li {
173     line-height: 30px;
174     font-family: Georgia, serif;
177 .breadcrumb li img {
178     vertical-align: middle;
181 /** breadcrumb image replacement **/
183 div.navbar span.arrow.sep {
184     font-size: 1px;
185     color: #fafafa;
186     background: url([[pix:theme|crumber]]) no-repeat;
187     background-position: 50% 25%;
188     display: inline-block;
189     width: 16px;
190     height: 30px;
193 .navbutton {
194     float: none;
195     width: 100%;
196     padding: 5px 0 15px;
197     text-align: center;
200 /* Blocks
201 ----------------------------*/
203 .block {
204     border: none;
207 div.block {
208     padding: 2px;
209     border: 1px solid #dadada;
210     margin-left: -10px;
213 #region-main div.block {
214     margin-left: 0px;
215     background-image: none;
218 .block div.header {
219     min-height: 33px;
220     padding-top: 3px;
221     padding-left: 3px;
224 div.block.hidden div.header {
225     border-bottom: none;
228 .block .header h2 {
229     font-size: 13px;
230     font-weight: 200;
231     text-transform: uppercase;
234 .block div.content {
235     background: #fff;
236     border: 1px solid #dadada;
237     border-top: none;
238     padding: 4px;
241 .block div.content h1, .block div.content h2.main, .block div.content h3.main {
242     font-size: 13px;
243     background-image: none;
246 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
247     border: none !important;
250 .block_calendar_month table.minicalendar {
251     margin-bottom: 0px !important;
254 .block_calendar_month table.minicalendar.calendartable th abbr {
255     border: none !important;
256     text-decoration: none;
260 /** main headings **/
262 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
263     font-weight: 600;
264     letter-spacing: -1px;
265     line-height: 1.3em;
266     font-size: 28px;
267     border-bottom: 0px solid #eee;
268     padding-bottom: 2px;
269     background: url([[pix:theme|mainbar]]) repeat-x;
270     background-position: 0% 100%;
273 .generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
274     font-size: 22px;
275     background: none;
280 /* Courses 
281 ----------------------------*/
283 .coursebox {
284     border-color: #eee;
287 .coursebox .info {
288     width: 35%;
291 .coursebox .info .name {
292     margin-bottom: 0;
295 .coursebox .info .teachers {
296     font-size: 0.9em;
297     color: #888;
300 .coursebox .summary {
301     width: 63%;
304 .course-content .section.main {
305     border-bottom: 1px solid #eee;
308 .course-content .section.main .content {
309     padding: 5px 5px 10px;
312 .course-content .weeks .section.main .content {
313     margin-left: 0;
316 .course-content .weeks .section.main .left {
317     display: none;
320 .course-content .section.main.current {
321     background: #fffcdc;
324 .course-content .weeks .section.main h3.weekdates {
325     color: #999;
328 .course-content .current .left,
329 .course-content .current h3.weekdates {
330     color: #92310c !important;
333 span.completionprogress {
334     font-size: 11px;
335     color: #666666;
338 /* Forum 
339 --------------------------*/
341 .forumpost .topic {
342     background: #eee url([[pix:theme|block]]) no-repeat;
343     background-position: 100% 0%;
344     border-width: 0;
345     border: 1px solid #dadada;
346     padding: 0 10px 0;
349 .forumpost .subject {
350     font-size: 1.45em;
351     font-family: Georgia, serif;
354 .forumpost .author {
355     font-size: 0.9em;
356     font-style: italic;
359 td.picture.left img {
360     background: #fafafa;
361     padding: 4px;
362     padding-bottom: 9px;
363     border: 1px solid #dadada;
366 .forumpost .content {
367     border-width: 0 1px 1px;
368     border-style: solid;
369     border-color: #aaa #dadada #dadada;
370     padding: 5px 10px 10px;
373 /* Footer 
374 ----------------------------*/
376 #page-footer .helplink {
377     margin: 1em 0;
380 /* Dock */
382 body.has_dock {
383     margin: 0px;
386 .has_dock #page, .has_dock #header {
387     margin-left: 5%;
390 #dock {
391     left: 5%;
392     top: 107px;
393     margin-left: -29px;
394     border-width: 0;
395     background-color: transparent;
396     position: absolute;
399 #dock .controls {
400     bottom: auto;
401     -webkit-border-bottom-left-radius: 3px;
402     -moz-border-radius-bottomleft: 3px;
403     border-bottom-left-radius: 3px;
406 #dock .dockeditem_container {
407     position: relative;
410 #dock .dockeditem.firstdockitem {
411     margin-top: 50px;
412     border-top: 1px solid #dadada;
413     -webkit-border-top-left-radius: 3px;
414     -moz-border-radius-topleft: 3px;
415     border-top-left-radius: 3px;
418 #dock .dockeditem {
419     background-color: #fff;
420     padding: 2px;
421     padding-right: 0px;
422     border-left: 1px solid #dadada;
423     border-right: 0px solid #fafafa;
424     border-top: 1px solid #fafafa;
427 #dock .dockedtitle {
428     border-width: 0;
431 #dock .dockedtitle h2 {
432     margin: 0;
433     padding: 10px 3px;
436 #dock .dockedtitle.activeitem {
437     color: #fff !important;
438     width: 35px;
439     -webkit-border-top-left-radius: 3px;
440     -moz-border-radius-topleft: 3px;
441     border-top-left-radius: 3px;
442     -webkit-border-bottom-left-radius: 3px;
443     -moz-border-radius-bottomleft: 3px;
444     border-bottom-left-radius: 3px;
447 #dock .dockedtitle.activeitem h2 {
448     color: #fff !important;
451 #dockeditempanel {
452     margin-left: 0px;
455 #dockeditempanel .dockeditempanel_content {
456     background-color: #fff;
457     margin: 0 3px;
458     position: relative;
459     min-height: 100px;
460     -webkit-border-radius: 3px;
461     -webkit-border-top-left-radius: 0;
462     -moz-border-radius: 3px;
463     -moz-border-radius-topleft: 0;
464     border-radius: 3px;
465     border-top-left-radius: 0;
468 #dockeditempanel .dockeditempanel_hd {
469     border-width: 0;
470     padding: 2px;
473 #dockeditempanel .dockeditempanel_hd h2 {
474     font-size: 0.9em;
475     color: #fff;
478 /** yui menu styles **/
480 #menustuff {
481     width: 600px;
482     float: left;
483     clear: left;
484     height: 65px;
487 #custommenu,
488 #custommenu .yui3-menu-content {
489     border-width:0;
492 #custommenu .yui3-menu-content li a {
493     font-size: 14px;
494     font-family: Georgia, serif;
495     font-weight: 200;
496     text-transform: lowercase;
497     line-height: 70px;
498     cursor: pointer;
499     border-width:0;
502 #custommenu .yui3-menu-content li li a {
503     line-height: 30px;
504     text-shadow:none;
507 #custommenu .yui3-menu-content li a:hover {
508     text-decoration: underline;
511 #custommenu .yui3-menu-content .yui3-menu-content {
512     background-image: url([[pix:theme|youare]]);
513     background-position: 30px 0;
514     background-repeat: no-repeat;
515     background-color:transparent;
516     margin-top:-10px;
517     min-width: 200px;
520 #custommenu .yui3-menu-content .yui3-menu-content ul {
521     margin-top:10px;
522     background-color:#FFF;
523     border: 1px solid #dadada
526 #custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content,
527 #custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content ul {
528     margin-top:0;
529     background-image:none;
532 #custommenu .yui3-menuitem-active,
533 #custommenu .yui3-menuitem-active .yui3-menuitem-content {
534     background-color:transparent;
537 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
538 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible,
539 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active,
540 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
541     background-color: #FFF0A5;
544 .logininfo a {
545     color: #fff;