andpp/mopidy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

web: Make pages fill mobile viewports

Browse Source
This commit is contained in:
Stein Magnus Jodal 2014-06-21 14:51:33 +02:00
parent 59760bb36c
commit 603da5673e
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
mopidy/http/data/index.html
View File

@ -2,6 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mopidy HTTP frontend</title>
<link rel="stylesheet" type="text/css" href="mopidy.css">
</head>

5
mopidy/http/data/mopidy.css
View File

@ -3,18 +3,17 @@ html {
color: #555;
font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino",
"Hoefler Text", "Baskerville", serif;
font-size: 150%;
line-height: 1.4em;
}
body {
max-width: 20em;
max-width: 600px;
margin: 0 auto;
}
div.box {
background: white;
border-radius: 5px;
box-shadow: 5px 5px 5px #d8dcdf;
margin: 2em 0;
margin: 1em;
padding: 1em;
}
div.box.focus {