MDL-30500 Fix for Sky High report & print layout
[moodle.git] / theme / sky_high / style / report.css
1 /** Report layout **/
3 body.pagelayout-report {
4     background-image: none;
5     background-color: #fff;
6 }
8 body.pagelayout-report.has_dock {
9     margin-left: 30px;
10 }
11 .pagelayout-report #page {
12     width: 100%;
13     margin: 0 auto;
14     position: relative;
15 }
16 .pagelayout-report #page-header,
17 .pagelayout-report #page-footer {
18     float: none;
19     background: #f3f3f3 none;
20     width: 100%;
21     margin: 0;
22     padding: 0;
23     text-align: left;
24 }
25 .pagelayout-report #page-header {
26     background:#97d3f4 url([[pix:theme|header]]) no-repeat top right;
27     margin-bottom: 0px;
28     height: 105px;
29     border-bottom: 1px solid #FFF;
30 }
32 .pagelayout-report #page-header #custommenu {
33     display: none;
34 }
35 .pagelayout-report .navbar {
36     background-color: #FFF;
37     height: 20px;
38     margin: 0;
39     padding: 5px 0;
40 }
42 .pagelayout-report #page-footer {
43     text-align: center;
44     height: auto;
45 }
46 .pagelayout-report  #page-footer .logininfo,
47 .pagelayout-report  #page-footer .homelink {
48     margin: 1em 0 0;
49     padding: 0;
50     text-align: center;
51 }
53 .pagelayout-report #page-content {
54     background: #FFF url([[pix:theme|top_bg]]) repeat-x center top;
55     float: none;
56     overflow: visible;
57     width: auto;
58     padding-top: 1em;
59 }
60 .pagelayout-report #report-main-content {
61     float: left;
62     width: 100%;
63 }
64 .pagelayout-report #report-main-content .region-content {
65     margin-left: 210px;
66     overflow: visible;
67     padding-bottom: 20px;
68 }
69 .pagelayout-report #report-main-content .region-content table.generaltable {
70     background-color: #FFF;
71     width: 98%;
72     margin: 0 auto;
73     padding: 0;
74 }
75 .pagelayout-report #report-region-wrap {
76     width: 0;
77     float: right;
78     position: relative;
79     left: -100%;
80 }
81 .pagelayout-report #report-region-pre {
82     width: 200px;
83     margin-left: 5px;
84 }
86 /** CONTENT ONLY **/
87 .pagelayout-report.content-only #report-main-content .region-content {
88     margin-left: 10px;
89 }
90 .pagelayout-report.content-only #report-region-pre {
91     width: 0;
92 }
94 /** Correct for right to left languages **/
95 .dir-rtl.pagelayout-report #report-main-content .region-content {
96     margin-left: 0;
97     margin-right: 210px;
98 }
99 .dir-rtl.pagelayout-report #report-region-wrap {
100     left:0;
103 /** Stabalise IE6 behaviour on the report layout **/
104 .ie6.pagelayout-report #report-main-content {
105     float: none;
106     width: auto;
108 .ie6.pagelayout-report #report-region-wrap {
109     float: none;
110     width: 200px;
111     left: auto;
112     position: absolute;
113     top: 0;
115 .ie6.pagelayout-report #report-region-pre,
116 .ie6.pagelayout-report #report-region-pre .block {
117     width: 100%;
120 @media print {
121     .pagelayout-report .region-content {margin-left: 0px !important;}
122     .pagelayout-report #report-region-pre {width: 0px !important;}
123     .pagelayout-report .region-content table.generaltable {font-size:70% !important;}
124     .pagelayout-report #page-header,
125     .pagelayout-report #page-footer,
126     .pagelayout-report #dock { display: none;}