Permalink
Browse files

Break out container stylesheet to support 100% width on mobile

  • Loading branch information...
1 parent da8904f commit 9a0279f3605fbea37edcd04f1faa644e31d74bdf Chris White committed Mar 25, 2013
View
@@ -8,6 +8,8 @@
<title>Articles</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
View
@@ -0,0 +1,9 @@
+/* Percent span layout with auto-centering */
+#wrapper {
+ margin: 0 auto;
+ width: 900px;
+ text-align: left;
+ font-size: 1.2em;
+ font-family: Helvetica, Arial, Sans-Serif;
+ background-color: white;
+}
View
@@ -0,0 +1,9 @@
+/* Percent span layout with auto-centering */
+#wrapper {
+ margin: 0 auto;
+ width: 100%;
+ text-align: left;
+ font-size: 1.2em;
+ font-family: Helvetica, Arial, Sans-Serif;
+ background-color: white;
+}
View
@@ -8,6 +8,8 @@
<title>On git push --force</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>Git Rebase Fixing</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
View
@@ -8,6 +8,8 @@
<title>The Personal Site of Chris White (cwgem)</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>Python Class Methods and self</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>Balanced Security</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>The Secure Workstation</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>A Talk On Security Process</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>Google Reader&#8217;s Bigger Problem</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />
@@ -8,6 +8,8 @@
<title>Racism and Sexism</title>
<link rel="stylesheet" href="/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/css/modern.css" type="text/css" />
+<link rel="stylesheet" media="screen and (min-device-width: 900px)" href="/css/desktop.css" type="text/css" />
+<link rel="stylesheet" media="screen and (max-device-width: 900px)" href="/css/mobile.css" type="text/css" />
<link rel="stylesheet" href="/css/pygments.css" type="text/css" />

0 comments on commit 9a0279f

Please sign in to comment.