moodle/report/eventlist/styles.css
Adrian Greeve 780b2e6ccc MDL-45360 report_eventlist: Fixed up css for the Events list detail page.
When the screen size is reduced the details are moved underneath the headings
prematurely.
2014-05-01 10:01:55 +08:00

71 lines
1.3 KiB
CSS

.report-eventlist-name {
color: #888;
font-size: 0.75em;
}
.report-eventlist-datatable-table > div > table {
width: 100%;
}
#page-admin-report-eventlist-index dt {
float: left;
text-align: right;
width: 20em;
}
#page-admin-report-eventlist-index dd {
display: block;
text-align: left;
margin-left: 21em;
}
#page-admin-report-eventlist-index dd + dd {
clear: left;
}
@media (max-width : 767px) {
#page-admin-report-eventlist-index dt {
width: 100%;
text-align: left;
}
#page-admin-report-eventlist-index dd {
margin-left: 0;
}
#page-admin-report-eventlist-index dd + dd {
margin-left: 0;
}
}
#page-admin-report-eventlist-index.dir-rtl dt {
float: right;
text-align: left;
width: 20em;
}
#page-admin-report-eventlist-index.dir-rtl dd {
display: block;
text-align: right;
margin-right: 22em;
}
#page-admin-report-eventlist-index.dir-rtl dd + dd {
clear: right;
}
@media (max-width : 767px) {
#page-admin-report-eventlist-index.dir-rtl dt {
width: 100%;
text-align: right;
}
#page-admin-report-eventlist-index.dir-rtl dd {
margin-right: 0em;
}
#page-admin-report-eventlist-index.dir-rtl dd + dd {
margin-right: 0em;
}
}