original responsive twentyten

twentyten-child/functions.php

 <?php
-/**
- * this add our style.css - questo aggiunge il nostro foglio di stile
- */
-add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
-function my_theme_enqueue_styles() {
-
-    $parent_style = 'parent-style'; // This is 'twentyten-style' for the Twenty Ten theme.
 
-    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
-    wp_enqueue_style( 'child-style',
-        get_stylesheet_directory_uri() . '/style.css',
-        array( $parent_style ),
-        wp_get_theme()->get('Version')
-    );
+function rtt_add_css_and_js() {
+  echo '<link rel="stylesheet" href="' . get_bloginfo('wpurl') .'/wp-content/plugins/responsive-twentyten/css/style.css" media="screen and (min-device-width: 481px)" type="text/css" />
+    <link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="' . get_bloginfo('wpurl') .'/wp-content/plugins/responsive-twentyten/css/phone_style.css" />
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, 
+ maximum-scale=1.0">';
 }
+
+add_action('wp_head', 'rtt_add_css_and_js');
+
+?>
+
+/*  Copyright 2010  TODD HALFPENNY  (email : todd@gingerbreaddesign.co.uk)
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+    You should have received a copy of the GNU General Public License
+    along with this program; if not, write to the Free Software
+    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+*/

twentyten-child/phone_style.css

+
+/* landscape */
+@media screen and (min-width: 321px) {
+  #wrapper {
+    margin: 0 auto;
+    width: 90%;
+    width: 400px;
+    overflow: auto;
+  }
+  
+  #access,
+  #access .menu-header,
+  div.menu,
+  #colophon,
+  #branding,
+  #main,
+  #footer {
+    margin: 0 auto;
+    width: 100%;
+  }
+  
+  #branding  {
+    overflow:hidden;
+  }
+  
+  #site-title,
+  #site-info,
+  #site-description,
+  #site-generator   {
+    width: 100%;
+    clear: left;
+    float: left;
+    margin-top: 0;
+    padding-top:0;
+    margin-bottom: 0;
+    padding-bottom:0;
+  }
+  
+
+  #container {
+    float: left;
+    width: 100%;
+    overflow: auto;
+  }
+  #content {
+    width: 99%;
+    margin: 0 0px 0 0px;
+  }
+
+  .alignleft, img.alignleft, .alignright, img.alignright {
+	clear: both;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+    float: none;
+  }
+
+  #primary,
+  #secondary {
+    clear: both;
+    float: left;
+    overflow: hidden;
+    width: 99%; 
+	}
+}
+
+
+/* portrait */
+@media screen and (max-width: 320px) {
+  #wrapper {
+    margin: 0 auto;
+    width: 300px;
+    overflow: auto;
+  }
+  
+  #access,
+  #access .menu-header,
+  div.menu,
+  #colophon,
+  #branding,
+  #main,
+  #footer {
+    margin: 0 auto;
+    width: 100%;
+  }
+  
+  #branding  {
+    overflow:hidden;
+  }
+  
+  #site-title,
+  #site-description,
+  #site-info,
+  #site-generator   {
+    width: 100%;
+    clear: left;
+    float: left;
+    margin-top: 0;
+    padding-top:0;
+    margin-bottom: 0;
+    padding-bottom:0;
+  }
+  
+
+  #container {
+    float: left;
+    width: 100%;
+    overflow: auto;
+  }
+  #content {
+    width: 99%;
+    margin: 0 0px 0 0px;
+  }
+
+  .alignleft, img.alignleft, .alignright, img.alignright {
+	clear: both;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+    float: none;
+  }
+
+  #primary,
+  #secondary {
+    clear: both;
+    float: left;
+    overflow: hidden;
+    width: 99%; 
+	}
+}

twentyten-child/style.css

@@ -179,135 +179,3 @@ iframe, object, embed{
   }
 
 }
-
-/*responsive media query*/
-
-/* landscape */
-@media screen and (min-width: 321px) {
-  #wrapper {
-    margin: 0 auto;
-    width: 90%;
-    width: 400px;
-    overflow: auto;
-  }
-  
-  #access,
-  #access .menu-header,
-  div.menu,
-  #colophon,
-  #branding,
-  #main,
-  #footer {
-    margin: 0 auto;
-    width: 100%;
-  }
-  
-  #branding  {
-    overflow:hidden;
-  }
-  
-  #site-title,
-  #site-info,
-  #site-description,
-  #site-generator   {
-    width: 100%;
-    clear: left;
-    float: left;
-    margin-top: 0;
-    padding-top:0;
-    margin-bottom: 0;
-    padding-bottom:0;
-  }
-  
-
-  #container {
-    float: left;
-    width: 100%;
-    overflow: auto;
-  }
-  #content {
-    width: 99%;
-    margin: 0 0px 0 0px;
-  }
-
-  .alignleft, img.alignleft, .alignright, img.alignright {
-	clear: both;
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-    float: none;
-  }
-
-  #primary,
-  #secondary {
-    clear: both;
-    float: left;
-    overflow: hidden;
-    width: 99%; 
-	}
-}
-
-
-/* portrait */
-@media screen and (max-width: 320px) {
-  #wrapper {
-    margin: 0 auto;
-    width: 300px;
-    overflow: auto;
-  }
-  
-  #access,
-  #access .menu-header,
-  div.menu,
-  #colophon,
-  #branding,
-  #main,
-  #footer {
-    margin: 0 auto;
-    width: 100%;
-  }
-  
-  #branding  {
-    overflow:hidden;
-  }
-  
-  #site-title,
-  #site-description,
-  #site-info,
-  #site-generator   {
-    width: 100%;
-    clear: left;
-    float: left;
-    margin-top: 0;
-    padding-top:0;
-    margin-bottom: 0;
-    padding-bottom:0;
-  }
-  
-
-  #container {
-    float: left;
-    width: 100%;
-    overflow: auto;
-  }
-  #content {
-    width: 99%;
-    margin: 0 0px 0 0px;
-  }
-
-  .alignleft, img.alignleft, .alignright, img.alignright {
-	clear: both;
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-    float: none;
-  }
-
-  #primary,
-  #secondary {
-    clear: both;
-    float: left;
-    overflow: hidden;
-    width: 99%; 
-	}
-}