72 lines
1.0 KiB
CSS
72 lines
1.0 KiB
CSS
/* vim: ts=4 sw=4 et: */
|
|
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#page {
|
|
max-width: 900px;
|
|
min-width: 240px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
#page-head,
|
|
#page-body,
|
|
#page-foot {
|
|
clear: both;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#page-body { margin: 0 1em; }
|
|
|
|
#page-main, #page-side {
|
|
border-width: 0;
|
|
}
|
|
|
|
#page-side {
|
|
float: left;
|
|
width: 25%;
|
|
height: 100%;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#page-main {
|
|
float: right;
|
|
height: 100%;
|
|
width: 74%;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 550px) {
|
|
#page-main,
|
|
#page-side {
|
|
width: auto;
|
|
clear: both;
|
|
float: none;
|
|
}
|
|
|
|
#page-side ul {
|
|
column-count: 2;
|
|
-moz-column-count: 2;
|
|
-webkit-column-count: 2;
|
|
-o-column-count: 2;
|
|
-ms-column-count: 2;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 490px) {
|
|
#page-side ul {
|
|
column-count: auto;
|
|
-moz-column-count: auto;
|
|
-webkit-column-count: auto;
|
|
-o-column-count: auto;
|
|
-ms-column-count: auto;
|
|
}
|
|
}
|