media queries deliberately placed after primary styles as they do not…

… increase selector specificity.
vladikoff · Oct 23, 2010 · bc8ac59 · bc8ac59
1 parent 10d0ea8
commit bc8ac59
Showing 1 changed file with 19 additions and 26 deletions.
diff --git a/css/style.css b/css/style.css
@@ -229,38 +229,13 @@ button {  width: auto; overflow: visible; }
 
 
 
-/* 
- * print styles
- * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
- */
-@media print {
-  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
-
-  a, a:visited { color: #444 !important; text-decoration: underline; }
-
-  a:after { content: " (" attr(href) ")"; } 
-
-  abbr:after { content: " (" attr(title) ")"; }
-
-  .ir a:after { content: ""; }  /* Don't show links for images */
-
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-
-  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
-
-  tr, img { page-break-inside: avoid; }
-
-  @page { margin: 0.5cm; }
 
-  p, h2, h3 { orphans: 3; widows: 3; }
-
-  h2, h3{ page-break-after: avoid; }
-}
 
 
 
 /*
  * Media queries for responsive design
+ * These follow after primary styles so they will successfully override. 
  */
 
 @media all and (orientation:portrait) { 
@@ -283,3 +258,21 @@ button {  width: auto; overflow: visible; }
   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
 }
 
+/* 
+ * print styles
+ * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
+ */
+@media print {
+  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a:after { content: " (" attr(href) ")"; } 
+  abbr:after { content: " (" attr(title) ")"; }
+  .ir a:after { content: ""; }  /* Don't show links for images */
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}
+