diff options
Diffstat (limited to 'dev-random2/static/css/skeleton.css')
-rw-r--r-- | dev-random2/static/css/skeleton.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/dev-random2/static/css/skeleton.css b/dev-random2/static/css/skeleton.css new file mode 100644 index 0000000..d8dfd13 --- /dev/null +++ b/dev-random2/static/css/skeleton.css @@ -0,0 +1,71 @@ +/* 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; + } +} |