Better use of screen real estate with blockquotes on smaller screens.

yellowled · Feb 21, 2012 · 34787f7 · 34787f7
1 parent 134bd98
commit 34787f7
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/style.css b/style.css
@@ -252,16 +252,11 @@ li ul, li ol, p.break,
 blockquote,
 blockquote + cite {
     display: block;
-    margin: 0 2.5em 1em;
+    margin: 0 1em 1em;
 }
 
 blockquote + cite:before { content: "–\202F"; }
 
-.content blockquote {
-    border-left: 4px solid #aaa;
-    padding-left: .75em;
-}
-
 dt,
 .serendipity_calendar tfoot a,
 .serendipity_calendar tfoot a:active,
@@ -973,6 +968,14 @@ label span.placeholder-hide { display:none; }
 
     #searchform>div,
     .ie7 #searchform>div { padding: 0 1em 0 2em; }
+
+    .content blockquote {
+        border-left: 4px solid #aaa;
+        padding-left: .75em;
+    }
+
+    .content blockquote,
+    .content blockquote + cite { margin: 0 2.5em 1em; }
 
     .commentlevel-1 { margin-left: 1em; }
     .commentlevel-2 { margin-left: 2em; }