styling for medium width devices

shiftbot · shiftbot · commit 043606fadf43 · 2012-01-07T14:36:11.000+11:00
diff --git a/_site/atom.xml b/_site/atom.xml
@@ -3,7 +3,7 @@
   <title>Code52</title>
   <link href="http://www.Code52.org/"/>
   <link type="application/atom+xml" rel="self" href="http://www.Code52.org/atom.xml"/>
-  <updated>2012-01-07T13:44:17+11:00</updated>
+  <updated>2012-01-07T14:34:39+11:00</updated>
   <id>http://www.Code52.org/</id>
   <author>
     <name>Code52 Team</name>
diff --git a/_site/css/style.css b/_site/css/style.css
@@ -96,10 +96,12 @@ img
 	body { width:auto; margin:10px; color: blue; }
 	#content { width : 100%; }
 	#side { float:none; width:100%; margin-left:0px; }
-	#side .section { margin-top:0; }
-	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
-	#side li { display:inline; }
-	#homelink img { max-width:40%; }
+	#side .section { margin-top:0; float: right; }
+	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px; margin-right: 20px;}
+	#side li {  }
+	#homelink { float:left; }
+	#homelink img { margin-left: auto; margin-right:auto; }
+	#content { float: left; }
 }
 
 @media screen and (max-width:480px)
@@ -110,5 +112,5 @@ img
 	#side .section { margin-top:0; }
 	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
 	#side li { display:inline; }
-	#homelink img { max-width:40%; }
+	#homelink img { max-width:40%; margin-left: auto; margin-right: auto; }
 }
diff --git a/_site/rss.xml b/_site/rss.xml
@@ -6,8 +6,8 @@
     <atom:link href="http://www.Code52.org/rss.xml" rel="self" type="application/rss+xml" />
     <description></description>
     <language>en-au</language>
-    <pubDate>Sat, 07 Jan 2012 13:44:17 +1100</pubDate>
-    <lastBuildDate>Sat, 07 Jan 2012 13:44:17 +1100</lastBuildDate>
+    <pubDate>Sat, 07 Jan 2012 14:34:39 +1100</pubDate>
+    <lastBuildDate>Sat, 07 Jan 2012 14:34:39 +1100</lastBuildDate>
 
     
     <item>
diff --git a/css/style.css b/css/style.css
@@ -96,10 +96,12 @@ img
 	body { width:auto; margin:10px; color: blue; }
 	#content { width : 100%; }
 	#side { float:none; width:100%; margin-left:0px; }
-	#side .section { margin-top:0; }
-	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
-	#side li { display:inline; }
-	#homelink img { max-width:40%; }
+	#side .section { margin-top:0; float: right; }
+	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px; margin-right: 20px;}
+	#side li {  }
+	#homelink { float:left; }
+	#homelink img { margin-left: auto; margin-right:auto; }
+	#content { float: left; }
 }
 
 @media screen and (max-width:480px)
@@ -110,5 +112,5 @@ img
 	#side .section { margin-top:0; }
 	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
 	#side li { display:inline; }
-	#homelink img { max-width:40%; }
+	#homelink img { max-width:40%; margin-left: auto; margin-right: auto; }
 }
