From 006cccc2e34bc5a577e54a4eaa7243b943c76fda Mon Sep 17 00:00:00 2001
From: Guigui <heygui@gmail.com>
Date: Wed, 25 May 2011 19:57:25 +0200
Subject: [PATCH] Bug 659699: Moved the @media queries to inline <style>
 elements because minifying was causing errors

---
 apps/eol/templates/eol/mobile/base.html | 33 ++++++++++++++++++++++---
 media/css/around.css                    | 12 ---------
 media/css/hall.css                      | 12 ---------
 media/css/sharing.css                   | 24 ------------------
 4 files changed, 30 insertions(+), 51 deletions(-)

diff --git a/apps/eol/templates/eol/mobile/base.html b/apps/eol/templates/eol/mobile/base.html
index 337c673..e7ede90 100644
--- a/apps/eol/templates/eol/mobile/base.html
+++ b/apps/eol/templates/eol/mobile/base.html
@@ -31,6 +31,36 @@
 	          DD_belatedPNG.fix('.png');
 	        </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>
@@ -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>
\ No newline at end of file
diff --git a/media/css/around.css b/media/css/around.css
index c14c13b..f62440e 100644
--- a/media/css/around.css
+++ b/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;
diff --git a/media/css/hall.css b/media/css/hall.css
index 093ead4..f8ed3cb 100644
--- a/media/css/hall.css
+++ b/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;
diff --git a/media/css/sharing.css b/media/css/sharing.css
index 22460cf..110f1a0 100644
--- a/media/css/sharing.css
+++ b/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;