First test lines for responsive design

2011-12-18 01:04:41 +01:00 · 2011-12-18 01:04:41 +01:00 · 0596679c90
commit 0596679c90
parent 18517e888a
1 changed files with 17 additions and 0 deletions
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@ -389,3 +389,20 @@ table.media_panel th {
  margin-top: 10px;
  margin-left: 10px;
 }
+
+@media screen and (max-width: 480px)  {
+  .navigation_button {
+    position: fixed;
+    bottom: 0px;
+    right: 0px;
+    width: 50%;
+    margin: 0;
+  }
+  .navigation_left {
+    left: 0px;
+    width: 50%;
+  }
+  .media_image {
+    width: 480px;
+  }
+}