more css hacks for small devices

usergroupse · Jun 9, 2011 · b79b564 · b79b564
1 parent d371818
commit b79b564
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -10,7 +10,7 @@
     <title>(geek|ruby|clojure|groovy|java|python|scala|agile|riak|devops|mongodb|lean|kanban|.*)usergroup.se</title>
     <link rel="stylesheet" href="main.css" type="text/css" media="screen" charset="utf-8">
     <style type="text/css">
-      @media all and (min-width: 768px) {
+      @media screen and (min-device-width: 480px) {
         body{
           background:url(bg{{page.background}}.jpg) no-repeat center center fixed;
           -webkit-background-size:cover;
@@ -19,6 +19,11 @@
           background-size:cover;
         }
       }
+      @media screen and (max-device-width: 480px) {
+        body {
+          background-color:#333;
+        }
+      } 
 </style>
   </head>
   <body >