MDL-35823 - Accessibility - Follow up changes from the original commit: addint in...
[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-color: #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 h2.helpheading {
86   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
87     line-height: 1.5;
88     color: #333;
89 }
91 h3{
92   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
93   font-size: 150%;
94   font-weight: bold;
95   margin: .2em 0 .2em;
96   letter-spacing:-0.06em;
97 }
99 h4{
100   font-family: Arial Narrow, Arial, Helvetica, Geneva;
101   font-size: 140%;
102   font-weight: bold;
103   margin: .2em 0 .2em;
106 h5{
107   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
108   font-size: 115%;
109   font-weight: normal;
110   margin: .2em 0 .2em;
111   text-transform: uppercase;
112   font-style: italic;
115 h6{
116   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
117   font-size: 110%;
118   font-weight: bold;
119   margin: .2em 0 .2em;
122 #page-site-index #page-wrap1 {
123     background: transparent url([[pix:theme|header-bg]]) repeat-x left top;
126 #page-site-index #page-wrap2 {
127     background: transparent url([[pix:theme|header-center]]) no-repeat center top;
131 #page-wrap1 {
132     background: transparent url([[pix:theme|header-bg-sm]]) repeat-x left top;
135 #page-wrap2 {
136     background: transparent url([[pix:theme|header-center-sm]]) no-repeat center top;
139 /* Header
140 ----------------------------*/
143 #page-header {
144     padding: 0;
147 #page-site-index #region-header {
148     margin-bottom: 65px;
151 #region-header {
152     margin-bottom: 40px;
155 .headermain {
156     margin: 0;
157     float: none;
158   font-family: "Trajan Pro", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
159     float: none;
160     font-size: 3em;
161     line-height: 1;
162     text-shadow: -0.05em -0.05em 0 #000;
163     color: #fff
166 #region-header.inside .headermain {
167     font-size: 2.5em;
170 .tagline {
171     color: #a2a3a6;
172     text-shadow: -0.1em -0.1em 0 #000;
175 .headermenu {
176     color: #fff;
177     float: none;
178     margin:5px 25px 0 0;
181 .headermenu a {
182     color: #a2a3a6;
185 .headermenu a:hover {
186     color: #fff;
189 #page-header .logininfo,
190 #page-header .langmenu {
191     float: right;
194 #page-header .logininfo {
195     padding: 2px 5px 0 0;
198 #course-header, #course-footer {
199     margin:5px 20px 0 0;
202 /* Navbar
203 ----------------------------*/
205 .navbar {
206 margin-bottom: 1em;
209 .breadcrumb .sep {
210     padding-left: 5px;
211     font-size: 0.9em;
214 /* Blocks
215 ----------------------------*/
217 #region-post-wrap-1 {
218     background: url([[pix:theme|side-start]]) no-repeat 0 0;
219     padding-left: 28px;
222 #region-post-wrap-2 {
223     background: url([[pix:theme|side-bg]]) no-repeat 100% 0;
224     padding-right: 40px;
225     padding-top: 15px;
228 .block {
229     border: none;
232 .block .header {
233     border-bottom: 1px solid #eee;
234     padding: 0;
237 .block .header h2 {
238   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
239   font-weight: normal;
240   text-transform: uppercase;
241 font-size: 1.2em;
242 color: #777;
243 margin: 0;
246 /* Courses
247 ----------------------------*/
249 h2.headingblock {
250     font-weight: normal;
251     color:#999;
252     font-size: 1.5em;
253     border-bottom:1px dotted #eee;
256 .coursebox {
257     border-color: #eee;
260 .coursebox .info {
261     width: 35%;
264 .coursebox .info .name {
265     margin-bottom: 0;
268 .coursebox .info .teachers {
269     font-size: 0.9em;
270     color: #888;
273 .coursebox .summary {
274     width: 63%;
277 .course-content .section.main {
278     border-bottom: 1px solid #eee;
281 .course-content .section.main .content {
282     padding: 5px 5px 10px;
285 .course-content .weeks .section.main .content {
286     margin-left: 0;
289 .editing .course-content .weeks .section.main .content {
290     margin-left: 40px;
293 .course-content .weeks .section.main .left {
294     display: none;
297 .editing .course-content .weeks .section.main .left {
298     display: block;
301 .course-content .section.main.current {
302     background-color: #fffcdc;
305 .course-content .weeks .section.main h3.weekdates {
306     color: #999;
309 .course-content .current .left,
310 .course-content .current h3.sectionname {
311     color: #2d83d5;
314 /* Forum
315 --------------------------*/
317 .forumpost .topic {
318     background: #fff url([[pix:theme|grad]]) repeat-x 0 100%;
319     padding: 0 10px 0;
320     border: 1px solid #eee;
323 .forumpost .subject {
324     font-size: 1.5em;
325   font-family: "Palatino Linotype", Georgia, "Tahoma", "Century Schoolbook L", Arial, Helvetica;
328 .forumpost .author {
329     font-size: 0.9em;
330     font-style: italic;
333 .forumpost .content {
334     border-width: 0 1px 1px;
335     border-style: solid;
336     border-color: #aaa #eee #eee;
337     padding: 5px 10px 10px;
340 /* Dock
341 ----------------------*/
343 #dock {
344     background-color: #eee;
345     border: none;
348 #dock .firstdockitem {
349     margin-top: 15px;
352 #dock .dockeditem {
353     background-color: #fff;
354     border: 1px solid #eee;
355     border-width: 0 1px 1px 0;
356     padding: 3px 0;
359 #dock .dockeditem .dockedtitle {
360     border: none;
363 #dock .dockeditem .dockedtitle h2 {
364     margin: 12px 0 12px 7px;
365     color: #666;
368 #dockeditempanel .dockeditempanel_content {
369     border-color: #eee;
372 #dockeditempanel .dockeditempanel_hd {
373     border-bottom: none;
374     padding: 3px 5px;
375     background-color: #eee;
376     text-align: left;
379 #dockeditempanel .dockeditempanel_hd h2 {
380     color: #333;
381     text-align: right;
382     font-weight: normal;
383     font-size: 0.8em;
384     padding: 0 2px;
387 #dockeditempanel .dockeditempanel_hd .commands {
388     float: right;
391 .pagelayout-redirect {
392     background-position:0 0;
395 #page-mod-assignment-submissions #wrapper {
396     padding: 0 1%;
399 #page-mod-assignment-submissions #attempts td,
400 #page-mod-assignment-submissions #attempts th.header {
401     font-size: 80%;
404 .course-content ul.topics,
405 .course-content ul.weeks {
406     clear: both;