aboutsummaryrefslogtreecommitdiffstats
path: root/dev-random2/static/css/skeleton.css
diff options
context:
space:
mode:
Diffstat (limited to 'dev-random2/static/css/skeleton.css')
-rw-r--r--dev-random2/static/css/skeleton.css71
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;
+ }
+}