aboutsummaryrefslogtreecommitdiffstats
path: root/dev-random/static/css/skeleton.css
diff options
context:
space:
mode:
Diffstat (limited to 'dev-random/static/css/skeleton.css')
-rw-r--r--dev-random/static/css/skeleton.css95
1 files changed, 46 insertions, 49 deletions
diff --git a/dev-random/static/css/skeleton.css b/dev-random/static/css/skeleton.css
index 02010f7..dba964f 100644
--- a/dev-random/static/css/skeleton.css
+++ b/dev-random/static/css/skeleton.css
@@ -1,68 +1,65 @@
+article, section,
+header, footer,
+aside, nav {
+ display: block;
+}
+
+body, .page {
+ margin: 0;
+ padding: 0;
+}
+
.page {
- display: block;
- margin-top: 5%;
+ display: block;
+ margin: 2% 4%;
}
-.page .head,
-.page .main,
-.page .foot {
+.page-head,
+.page-footer {
display: block;
width: 100%;
clear: both;
}
-.page .main {
- display: table;
- border-collapse: separate;
- border-spacing: .5%;
- width: 75%;
- margin: .5em auto;
- clear: both;
-}
-
-.page .main .sidebar {
- display: table-cell;
- width: 25%;
+.page-content {
+ display: block;
+ float: right;
+ margin-left: 1%;
+ margin-right: 1%;
+ width: 68%;
}
-.page .main .content {
- display: table-cell;
- width: 74%;
+.page-sidebar {
+ display: block;
+ margin-left: 1%;
+ margin-right: 1%;
+ width: 28%;
+ float: left;
}
-@media screen and (max-width: 800px) {
- .page .main {
- width: 100%;
- clear: both;
- }
+@media screen and (min-width: 800px) {
+ .page { margin: 5% 10%; }
}
-@media screen and (max-width: 700px) {
- .page .main {
- display: block;
- }
-
- .page .main .sidebar,
- .page .main .content {
- display: block;
- margin: 0 .5em;
- width: 100%;
- clear: both;
- }
-
- .widget {
- display: block;
- }
-
- .widget ul,
- .widget li {
- display: inline;
- }
-
- .widget h3 { display: none; }
+@media screen and (max-width: 600px) {
+ .page { margin: 0; }
+ .page-content,
+ .page-sidebar {
+ width: 98%;
+ clear: both;
+ }
}
@media print {
- .sidebar { display: none; }
+ .page { margin: 0; }
+ .page-content {
+ width: 98%;
+ clear: both;
+ }
+ .page-head,
+ .page-footer,
+ .page-sidebar {
+ display: none;
+ }
}