Permalink
Browse files

Scale background image only to its width

Background image will now be 50% of width up to a 1000px window, at
which point it will just be 500px.
  • Loading branch information...
ssaamm committed Nov 26, 2014
1 parent 6777af3 commit 2af63195d79633b30c3384107bbca48077128069
Showing with 7 additions and 4 deletions.
  1. +6 −0 static/style-small.css
  2. +0 −4 static/style.css
  3. +1 −0 templates/index.html
@@ -0,0 +1,6 @@
body {
background-size: 50% auto;
-o-background-size: 50% auto;
-moz-background-size: 50% auto;
-webkit-background-size: 50% auto;
}
@@ -3,10 +3,6 @@ body {
background-image: url('coffee.png');
background-repeat: no-repeat;
background-position: right top;
background-size: 50% auto;
-o-background-size: 50% auto;
-moz-background-size: 50% auto;
-webkit-background-size: 50% auto;
max-width: 700px;
padding: 3em;
}
@@ -4,6 +4,7 @@
<meta http-equiv='Content-Type' content='text/html;charset=utf8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link href='./static/style.css' rel='stylesheet' type='text/css'>
<link href='./static/style-small.css' media='(max-width: 1000px)' rel='stylesheet' type='text/css'>
<link href='./static/favicon.ico' rel='shortcut icon'>
<title>Coffee and the Word :: Come back daily for a drink of Scripture</title>
</head>

0 comments on commit 2af6319

Please sign in to comment.