MDL-27588 Fixed up several bugs with the formal_white 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;
145 #region-header {
146         margin-bottom: 30px;
149 .headermain {
150         margin: 0;
151         float: none;
152   font-family: "Trajan Pro", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
153         float: none;
154         font-size: 3em;
155         line-height: 1;
156         text-shadow: -0.05em -0.05em 0 #000;    
157         color: #fff
160 #region-header.inside .headermain {
161         font-size: 2.5em;
164 .tagline {
165         color: #a2a3a6;
166         text-shadow: -0.1em -0.1em 0 #000;
169 .headermenu {
170         color: #fff;
171         float: none;
172         margin:5px 25px 0 0;
175 .headermenu a {
176         color: #a2a3a6;
179 .headermenu a:hover {
180         color: #fff;
183 #page-header .logininfo,
184 #page-header .langmenu {
185         float: right;
188 #page-header .logininfo {
189         padding: 2px 5px 0 0;
192 /* Navbar
193 ----------------------------*/
195 .navbar {
196 margin-bottom: 1em;
199 .breadcrumb .sep {
200         padding-left: 5px;
201         font-size: 0.9em;
204 /* Blocks
205 ----------------------------*/
207 #region-post-wrap-1 {
208         background: url([[pix:theme|side-start]]) no-repeat 0 0;
209         padding-left: 28px;
212 #region-post-wrap-2 {
213         background: url([[pix:theme|side-bg]]) no-repeat 100% 0;
214         padding-right: 40px;
215         padding-top: 15px;
218 .block {
219         border: none;
222 .block .header {
223         border-bottom: 1px solid #eee;
224         padding: 0;
227 .block .header h2 {
228   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
229   font-weight: normal;
230   text-transform: uppercase;
231 font-size: 1.2em;       
232 color: #777;
233 margin: 0;
236 /* Courses 
237 ----------------------------*/
239 h2.headingblock {
240         font-weight: normal;
241         color:#999;
242         font-size: 1.5em;
243         border-bottom:1px dotted #eee;
246 .coursebox {
247         border-color: #eee;
250 .coursebox .info {
251         width: 35%;
254 .coursebox .info .name {
255         margin-bottom: 0;
258 .coursebox .info .teachers {
259         font-size: 0.9em;
260         color: #888;
263 .coursebox .summary {
264         width: 63%;
267 .course-content .section.main {
268         border-bottom: 1px solid #eee;
271 .course-content .section.main .content {
272         padding: 5px 5px 10px;
275 .course-content .weeks .section.main .content {
276         margin-left: 0;
279 .course-content .weeks .section.main .left {
280         display: none;
283 .course-content .section.main.current {
284         background:#fffcdc;
287 .course-content .weeks .section.main h3.weekdates {
288         color: #999;
291 .course-content .current .left,
292 .course-content .current h3.weekdates {
293         color: #2d83d5 !important;
295 /* Forum 
296 --------------------------*/
298 .forumpost .topic {
299         background: #fff url([[pix:theme|grad]]) repeat-x 0 100%;
300         padding: 0 10px 0;
301         border: 1px solid #eee;
304 .forumpost .subject {
305         font-size: 1.5em;
306   font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;        
309 .forumpost .author {
310         font-size: 0.9em;
311         font-style: italic;     
314 .forumpost .content {
315         border-width: 0 1px 1px;
316         border-style: solid;
317         border-color: #aaa #eee #eee;
318         padding: 5px 10px 10px;
322 /* Dock
323 ----------------------*/
325 #dock {
326         background: #eee;
327         border: none;
330 #dock .firstdockitem {
331         margin-top: 15px;
334 #dock .dockeditem {
335         background-color: #fff;
336         border: 1px solid #eee;
337         border-width: 0 1px 1px 0;
338         padding: 3px 0;
341 #dock .dockeditem .dockedtitle {
342         border: none;
345 #dock .dockeditem .dockedtitle h2 {
346         margin: 12px 0 12px 7px;
347         color: #666;
350 #dockeditempanel .dockeditempanel_content {
351         border-color: #eee;
354 #dockeditempanel .dockeditempanel_hd {
355         border-bottom: none;
356         padding: 3px 5px;
357         background: #eee;
358         text-align: left;
361 #dockeditempanel .dockeditempanel_hd h2 {
362         color: #333;
363         text-align: right;
364         font-weight: normal;
365         font-size: 0.8em;
366         padding: 0 2px;
369 #dockeditempanel .dockeditempanel_hd .commands {
370         float: right;
373 .pagelayout-redirect {background-position:0 0;}