Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

better iPhone and iPad stylings

  • Loading branch information...
commit 136d715c203443c8fd1116166d7bc59a95d4dce9 1 parent 2442073
@jnewland authored
View
4 lib/nowplaying.rb
@@ -61,7 +61,9 @@
<link rel='stylesheet' href='/reset.css'>
<link rel='stylesheet' href='/base.css'>
-<link rel='stylesheet' href='/style.css'>
+<link media='only screen and (max-device-width: 480px)' href='/css/iphone.css' type='text/css' rel='stylesheet'>
+<link media='only screen and (max-device-width: 768px)' href='/css/tablet.css' type='ext/css' rel='stylesheet'>
+<link media='only screen and (aspect-ratio: 16/9)' href='/tv.css' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,700,600' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
View
38 lib/static/iphone.css
@@ -0,0 +1,38 @@
+body {
+ background: url("/images/bg-gray-noise.png") #e2e1de repeat center center;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+ margin-bottom: 200px; }
+
+.user-logged-in, .song-info, .song-actions, .download,
+#now-playing ul .album, #queue-results header, .star, .unstar {
+ display: none; }
+
+#controls {
+ width: 100%;
+ margin: 50px 0;
+ float: none;
+ text-align: center;
+ zoom: 3; }
+
+.row {
+ width: 100%; }
+
+#now-playing {
+ width: 100%;
+ height: 350px;
+ margin-top: 350px;
+ padding: 25px 50px; }
+ #now-playing .name {
+ margin: 0;
+ padding: 0;
+ font-size: 60px;
+ font-weight: normal; }
+ #now-playing em {
+ display: none; }
+ #now-playing .artist {
+ font-size: 50px; }
+ #now-playing img {
+ height: 300px;
+ width: 300px;
+ margin: 15px; }
+
View
38 lib/static/tablet.css
@@ -0,0 +1,38 @@
+/* Variables */
+body {
+ background: url("/images/bg-gray-noise.png") #e2e1de repeat center center;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+ margin-bottom: 200px; }
+
+.user-logged-in, .song-info, .song-actions, .download,
+#now-playing ul .album, #queue-results header, .star, .unstar {
+ display: none; }
+
+#controls {
+ width: 100%;
+ margin: 20px 0;
+ float: none;
+ text-align: center;
+ zoom: 3; }
+
+.row {
+ width: 100%; }
+
+#now-playing {
+ width: 100%;
+ height: 350px;
+ margin-top: 180px;
+ padding: 25px 50px; }
+ #now-playing .name {
+ margin: 0;
+ padding: 0;
+ font-size: 60px;
+ font-weight: normal; }
+ #now-playing em {
+ display: none; }
+ #now-playing .artist {
+ font-size: 50px; }
+ #now-playing img {
+ height: 300px;
+ width: 300px;
+ margin: 15px; }
View
1  lib/static/style.css → lib/static/tv.css
@@ -2,7 +2,6 @@ body {
width: 1280px;
overflow: hidden; }
-
#now-playing {
zoom: 2.0;
-moz-transform: scale(2);
Please sign in to comment.
Something went wrong with that request. Please try again.