First test lines for responsive design

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 2a78006d2e1ffb64877a5fe8487b5ba1f3cf706c..805f0e292a9ef26ff0d42c5d5301ae2b2297a272 100644 (file)
--- 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;
+  }
+}