last.fm css

page-music.php

@@ -17,7 +17,7 @@ get_header(); ?>
   float: left;
   height: auto;
   position: relative;
-  font-size: .8em;
+  font-size: 12px;
   -webkit-transition: -webkit-transform 0.4s ease-in-out, z-index 0.4s ease-in-out;
   -moz-transition: -moz-transform 0.4s ease-in-out, z-index 0.4s ease-in-out;
   -ms-transition: -ms-transform 0.4s ease-in-out, z-index 0.4s ease-in-out;
@@ -30,6 +30,10 @@ get_header(); ?>
   width: 100%;
   height: auto;
 }
+.album h1, .album h2, .album h3 {
+  font-size: 13px;
+  line-height: 15px;
+}
 .album .front, .album .back {
   float: none;
   width: 100%;
@@ -113,56 +117,23 @@ get_header(); ?>
   -o-transform: rotateY(0deg);
   transform: rotateY(0deg);
 }
-
-
-pre {
-  overflow: scroll;
-  white-space: pre;
-  word-wrap: normal;
-}
-
 .album {
-  width: 50%;
+  width: 20%;
   -webkit-text-size-adjust: none;
 }
-@media screen and (min-width: 300px) {
+@media screen and (max-width: 768px) {
   .album h1, .album h2, .album h3 {
     font-size: 13px;
-    line-height: 1em;
+    line-height: 15px;
   }
-}
-@media screen and (min-width: 600px) {
-  .album h1, .album h2, .album h3 {
-    font-size: 25px;
-    line-height: 1em;
-  }
-}
-@media screen and (min-width: 900px) {
   .album {
-    width: 33%;
+    width: 25%;
   }
+}
+@media screen and (min-width: 992px) {
   .album h1, .album h2, .album h3 {
     font-size: 15px;
-    line-height: 1em;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .album {
-    width: 20%;
-  }
-}
-@media screen and (max-width: 400px) {
-  .phone-hide {
-    display: none;
-  }
-}
-
-.phone-show {
-  display: none;
-}
-@media screen and (max-width: 400px) {
-  .phone-show {
-    display: inline;
+    line-height: 17px;
   }
 }
 </style>