Add sidebar again
authorJef van Schendel <mail@jefvanschendel.nl>
Sun, 4 Mar 2012 18:13:47 +0000 (19:13 +0100)
committerJef van Schendel <mail@jefvanschendel.nl>
Sun, 4 Mar 2012 18:13:47 +0000 (19:13 +0100)
mediagoblin/static/css/base.css
mediagoblin/templates/mediagoblin/user_pages/media.html

index 0889baed09d70b6a7ead982c67981b5766ee74e3..9302db1be569331bfb5874a0504cc7db7e57422a 100644 (file)
@@ -109,7 +109,7 @@ input, textarea {
 .container {
   margin: auto;
   width: 96%;
-  max-width: 820px;
+  max-width: 940px;
 }
 
 header {
@@ -151,18 +151,14 @@ footer {
 }
 
 .media_pane {
-  width: 560px;
+  width: 640px;
   margin-left: 0px;
   margin-right: 10px;
   float: left;  
 }
 
-img.media_image {
-  width: 100%;
-}
-
 .media_sidebar {
-  width: 240px;
+  width: 280px;
   margin-left: 10px;
   float: left;
 }
@@ -493,7 +489,7 @@ table.media_panel th {
 }
 
 /* Media queries and other responsivisivity */
-@media screen and (max-width: 820px) {
+@media screen and (max-width: 940px) {
   .media_pane {
     width: 100%;
     margin: 0px;
index 0100ad9ee4b1802309469b8db15e9e18f0ef30f4..43f54f95c3ab514ef6123c1b08c4003966fff35a 100644 (file)
     <p class="context">❖ Browsing media by <a href="{{ user_url }}">{{ username }}</a></p>
   {%- endtrans %}
   {% include "mediagoblin/utils/prev_next.html" %}
-  <div class="media_image_container">
-    {% block mediagoblin_media %}
-      {% set display_media = request.app.public_store.file_url(
-               media.get_display_media(media.media_files)) %}
-      {# if there's a medium file size, that means the medium size
-       #  isn't the original... so link to the original!
-       #}
-      {% if media.media_files.has_key('medium') %}
-        <a href="{{ request.app.public_store.file_url(
-                      media.media_files['original']) }}">
+  <div class="media_pane">     
+    <div class="media_image_container">
+      {% block mediagoblin_media %}
+        {% set display_media = request.app.public_store.file_url(
+                 media.get_display_media(media.media_files)) %}
+        {# if there's a medium file size, that means the medium size
+         #  isn't the original... so link to the original!
+         #}
+        {% if media.media_files.has_key('medium') %}
+          <a href="{{ request.app.public_store.file_url(
+                        media.media_files['original']) }}">
+            <img class="media_image"
+                 src="{{ display_media }}"
+                 alt="Image for {{ media.title }}" />
+          </a>
+        {% else %}
           <img class="media_image"
                src="{{ display_media }}"
                alt="Image for {{ media.title }}" />
-        </a>
-      {% else %}
-        <img class="media_image"
-             src="{{ display_media }}"
-             alt="Image for {{ media.title }}" />
-      {% endif %}
-    {% endblock %}
-  </div>
-  <div class="media_pane">     
+        {% endif %}
+      {% endblock %}
+    </div>
     <h2 class="media_title">
       {{ media.title }}
     </h2>