Permalink
Browse files

more css hacks for small devices

  • Loading branch information...
1 parent d371818 commit b79b564b31a00887ec848fd1ed0a179491661ff8 @peterlind peterlind committed Jun 9, 2011
Showing with 6 additions and 1 deletion.
  1. +6 −1 _layouts/default.html
View
@@ -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 >

0 comments on commit b79b564

Please sign in to comment.