MDL-27704_master Fix for Overlapping problems in Fusion theme
[moodle.git] / theme / fusion / style / core.css
1 /* Global
2 ---------------------------*/
4 html, body{
5  height:100%;
6 }
8 html{
9   font-size: 100%;
10 }
12 body {
13   min-height:100%;
14   height:auto !important; /* ie6 ignores it */
15   height:100%; /* fix */
16   position: relative;
17   background: #fff url([[pix:theme|main-bg]]) repeat-x left 150px;
18 }
20 body#page-site-index {
21     background-position:  left 200px;
22 }
24 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
25   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
26     line-height: 1.5;
27     color: #333;
28 }
30 a {
31   color: #2d83d5;
32 }
34 a:hover{
35   color: #333;
36   text-decoration: none;
37 }
39 #wrapper {
40     padding:0 100px;
41     min-width: 910px;
42 }
45 blockquote {
46     border-left:1px solid #eee;
47     padding-left:15px;
48     color:#666;
49 }
51 .mform fieldset {
52     border-color: #eee;
53 }
55 .mform fieldset legend {
56     color: #444;
57     font-weight: normal;
58     font-size: 1.2em;
59     border: 1px solid #eee;
60     padding: 2px 5px;
61     background: #fff;
62 }
64 img{
65   border: 0;
66 }
68 /* headings */
70 h1{
71   font-size: 250%;
72   margin: .5em 0 .2em;
73   font-weight: bold;
74   letter-spacing:-0.06em;
75 }
77 h2{
78   font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
79   font-size: 160%;
80   font-weight: bold;
81   margin: .2em 0 .2em;
82   letter-spacing: -0.04em;
83 }
85 h3{
86   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
87   font-size: 150%;
88   font-weight: bold;
89   margin: .2em 0 .2em;
90   letter-spacing:-0.06em;
91 }
93 h4{
94   font-family: Arial Narrow, Arial, Helvetica, Geneva;
95   font-size: 140%;
96   font-weight: bold;
97   margin: .2em 0 .2em;
98 }
100 h5{
101   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
102   font-size: 115%;
103   font-weight: normal;
104   margin: .2em 0 .2em;
105   text-transform: uppercase;
106   font-style: italic;
109 h6{
110   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
111   font-size: 110%;
112   font-weight: bold;
113   margin: .2em 0 .2em;
116 #page-site-index #page-wrap1 {
117     background: transparent url([[pix:theme|header-bg]]) repeat-x left top;
120 #page-site-index #page-wrap2 {
121     background: transparent url([[pix:theme|header-center]]) no-repeat center top;
125 #page-wrap1 {
126     background: transparent url([[pix:theme|header-bg-sm]]) repeat-x left top;
129 #page-wrap2 {
130     background: transparent url([[pix:theme|header-center-sm]]) no-repeat center top;
133 /* Header
134 ----------------------------*/
137 #page-header {
138     padding: 0;
141 #page-site-index #region-header {
142     /* margin-bottom: 55px; */
143     margin-bottom: 65px;
145 #region-header {
146     /* margin-bottom: 30px; */
147     margin-bottom: 40px;
150 .headermain {
151     margin: 0;
152     float: none;
153   font-family: "Trajan Pro", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
154     float: none;
155     font-size: 3em;
156     line-height: 1;
157     text-shadow: -0.05em -0.05em 0 #000;
158     color: #fff
161 #region-header.inside .headermain {
162     font-size: 2.5em;
165 .tagline {
166     color: #a2a3a6;
167     text-shadow: -0.1em -0.1em 0 #000;
170 .headermenu {
171     color: #fff;
172     float: none;
173     margin:5px 25px 0 0;
176 .headermenu a {
177     color: #a2a3a6;
180 .headermenu a:hover {
181     color: #fff;
184 #page-header .logininfo,
185 #page-header .langmenu {
186     float: right;
189 #page-header .logininfo {
190     padding: 2px 5px 0 0;
193 /* Navbar
194 ----------------------------*/
196 .navbar {
197 margin-bottom: 1em;
200 .breadcrumb .sep {
201     padding-left: 5px;
202     font-size: 0.9em;
205 /* Blocks
206 ----------------------------*/
208 #region-post-wrap-1 {
209     background: url([[pix:theme|side-start]]) no-repeat 0 0;
210     padding-left: 28px;
213 #region-post-wrap-2 {
214     background: url([[pix:theme|side-bg]]) no-repeat 100% 0;
215     padding-right: 40px;
216     padding-top: 15px;
219 .block {
220     border: none;
223 .block .header {
224     border-bottom: 1px solid #eee;
225     padding: 0;
228 .block .header h2 {
229   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
230   font-weight: normal;
231   text-transform: uppercase;
232 font-size: 1.2em;
233 color: #777;
234 margin: 0;
237 /* Courses
238 ----------------------------*/
240 h2.headingblock {
241     font-weight: normal;
242     color:#999;
243     font-size: 1.5em;
244     border-bottom:1px dotted #eee;
247 .coursebox {
248     border-color: #eee;
251 .coursebox .info {
252     width: 35%;
255 .coursebox .info .name {
256     margin-bottom: 0;
259 .coursebox .info .teachers {
260     font-size: 0.9em;
261     color: #888;
264 .coursebox .summary {
265     width: 63%;
268 .course-content .section.main {
269     border-bottom: 1px solid #eee;
272 .course-content .section.main .content {
273     padding: 5px 5px 10px;
276 .course-content .weeks .section.main .content {
277     margin-left: 0;
280 .course-content .weeks .section.main .left {
281     display: none;
284 .course-content .section.main.current {
285     background:#fffcdc;
288 .course-content .weeks .section.main h3.weekdates {
289     color: #999;
292 .course-content .current .left,
293 .course-content .current h3.weekdates {
294     color: #2d83d5 !important;
296 /* Forum
297 --------------------------*/
299 .forumpost .topic {
300     background: #fff url([[pix:theme|grad]]) repeat-x 0 100%;
301     padding: 0 10px 0;
302     border: 1px solid #eee;
305 .forumpost .subject {
306     font-size: 1.5em;
307   font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
310 .forumpost .author {
311     font-size: 0.9em;
312     font-style: italic;
315 .forumpost .content {
316     border-width: 0 1px 1px;
317     border-style: solid;
318     border-color: #aaa #eee #eee;
319     padding: 5px 10px 10px;
323 /* Dock
324 ----------------------*/
326 #dock {
327     background: #eee;
328     border: none;
331 #dock .firstdockitem {
332     margin-top: 15px;
335 #dock .dockeditem {
336     background-color: #fff;
337     border: 1px solid #eee;
338     border-width: 0 1px 1px 0;
339     padding: 3px 0;
342 #dock .dockeditem .dockedtitle {
343     border: none;
346 #dock .dockeditem .dockedtitle h2 {
347     margin: 12px 0 12px 7px;
348     color: #666;
351 #dockeditempanel .dockeditempanel_content {
352     border-color: #eee;
355 #dockeditempanel .dockeditempanel_hd {
356     border-bottom: none;
357     padding: 3px 5px;
358     background: #eee;
359     text-align: left;
362 #dockeditempanel .dockeditempanel_hd h2 {
363     color: #333;
364     text-align: right;
365     font-weight: normal;
366     font-size: 0.8em;
367     padding: 0 2px;
370 #dockeditempanel .dockeditempanel_hd .commands {
371     float: right;
374 .pagelayout-redirect {background-position:0 0;}