Bug 659699: Moved the @media queries to inline <style> elements because minifying was causing errors

apps/eol/templates/eol/mobile/base.html

@@ -32,6 +32,36 @@
 	        </script>
 	    <![endif]-->
 
+	    <style>
+	       @media screen and (orientation:portrait) {
+               #sharing h1 {
+                   font-size:4em;
+               }
+               
+               #around h1 {
+                   font-size:4em;
+               }
+               
+               #hall h1 {
+                   font-size:4em;
+               }
+           }
+
+           @media screen and (orientation:landscape) {
+               #sharing h1 {
+                   font-size:5.8em;
+               }
+               
+               #around h1 {
+                   font-size:5.8em;
+               }
+               
+               #hall h1 {
+                   font-size:5.8em;
+               }
+           }
+	    </style>
+	    
 	    {% if LANG != 'en-US' %}
     	    <style>
     	    {# L10n: DO NOT LOCALIZE! You can use this string to put custom CSS rules to fix any design issues. https://developer.mozilla.org/en/css #}
@@ -52,8 +82,5 @@
         {% if not debug %}
             {% include "includes/webtrends.html" %}
         {% endif %}
-        
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
-        {{ js('mobile') }}
 	</body>
 </html>

media/css/around.css

@@ -37,18 +37,6 @@
     font-size:1.2em;
 }
 
-@media screen and (orientation:portrait) {
-    #around h1 {
-        font-size:4em;
-    }
-}
-
-@media screen and (orientation:landscape) {
-    #around h1 {
-        font-size:5.8em;
-    }
-}
-
 #active-cities-img {
     height:68px;
     width:70px;

media/css/hall.css

@@ -37,18 +37,6 @@
     font-size:1.2em;
 }
 
-@media screen and (orientation:portrait) {
-    #hall h1 {
-        font-size:4em;
-    }
-}
-
-@media screen and (orientation:landscape) {
-    #hall h1 {
-        font-size:5.8em;
-    }
-}
-
 #leaderboard {
     width:90%;
     margin:20px auto;

media/css/sharing.css

@@ -37,30 +37,6 @@
     margin:20px auto;
 }
 
-@media screen and (orientation:portrait) {
-    #sharing h1 {
-        font-size:4em;
-    }
-}
-
-@media screen and (orientation:landscape) {
-    #sharing h1 {
-        font-size:5.8em;
-    }
-    
-    #sharing .block-2 canvas, #sharing .block-2 .breakdown, #sharing .block-2 .legend {
-        float:left;
-    }
-    
-    #sharing .block-2 .breakdown {
-        margin:0 0 0 -150px;
-    }
-    
-    #sharing .block-2 .legend {
-        margin:0 0 0 40px;
-    }
-}
-
 #sharing .block-2 em {
     color:#ede0ab;
     text-transform:uppercase;