fixed issue where @media queries were being ignored in Safari.

assets/stylesheets/foreground.css

@@ -183,7 +183,16 @@ input:not([type]) {
   box-sizing: border-box;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
-  transition: all 0.15s linear; }
+  transition: all 0.15s linear;
+}
+
+
+input:not([type]):focus {
+  -webkit-box-shadow: 0 0 5px #999999;
+  -moz-box-shadow: 0 0 5px #999999;
+  box-shadow: 0 0 5px #999999;
+  border-color: #999999;
+}
 
 input[type="radio"],
 input[type="checkbox"] {
@@ -247,3 +256,5 @@ div.mw-htmlform-field-HTMLCheckField div.mw-label { height:0; }
 
 /* UNTIL I CAN DETERMINE WHY toolboxend GENERATES AN EMPTY <li> IN THE MENU, I'M HIDING IT */
 #p-toolboxend { display:none;}
+y {background-color: green;}
+}

assets/stylesheets/foundation.css

@@ -4247,4 +4247,4 @@ a.th {
   .f-dropdown.medium {
     max-width: 500px; }
   .f-dropdown.large {
-    max-width: 800px; }
+    max-width: 800px; }

foreground.php

@@ -30,12 +30,12 @@ $wgExtensionMessagesFiles['foreground'] = __DIR__.'/foreground.i18n.php';
 
 $wgResourceModules['skins.foreground'] = array(
 	'styles'         => array(
-    	'foreground/assets/stylesheets/normalize.css' => array('media' => 'screen'),
-    	'foreground/assets/stylesheets/foundation.css' => array('media' => 'screen'),
-    	'foreground/assets/stylesheets/foreground.css' => array('media' => 'screen'),
-        'foreground/assets/stylesheets/foreground-print.css' => array('media' => 'print'),
-    	'foreground/assets/stylesheets/jquery.autocomplete.css' => array('media' => 'screen'),
-    	'foreground/assets/stylesheets/responsive-tables.css' => array('media' => 'screen')
+    	'foreground/assets/stylesheets/normalize.css',
+    	'foreground/assets/stylesheets/foundation.css',
+    	'foreground/assets/stylesheets/foreground.css',
+        'foreground/assets/stylesheets/foreground-print.css',
+    	'foreground/assets/stylesheets/jquery.autocomplete.css',
+    	'foreground/assets/stylesheets/responsive-tables.css'
     ),
     'scripts'        => array(
         'foreground/assets/scripts/vendor/custom.modernizr.js',
@@ -51,7 +51,4 @@ $wgResourceModules['skins.foreground'] = array(
     ),
     'remoteBasePath' => &$GLOBALS['wgStylePath'],
     'localBasePath'  => &$GLOBALS['wgStyleDirectory']
-);
-
-
-//$wgHooks['BeforePageDisplay'][] = 'SkinForeground::Foreground_Skin_Setup';
+);

foreground.skin.php

@@ -19,7 +19,7 @@ class SkinForeground extends SkinTemplate {
 		global $wgLocalStylePath;
 		parent::initPage($out);
 
-		$viewport_meta = 'width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0';
+		$viewport_meta = 'width=device-width, user-scalable=yes, initial-scale=1.0';
 	  $out->addMeta('viewport', $viewport_meta);
 		$out->addModuleScripts('skins.foreground');
 	}
@@ -33,12 +33,12 @@ class ForegroundTemplate extends BaseTemplate {
 ?>
 <!-- START FOREGROUNDTEMPLATE -->
 		<nav class="top-bar">
-		    <section class="top-bar-section">
 						<ul class="title-area">
 							<li class="name"><h1><a href="<?php echo $this->data['nav_urls']['mainpage']['href']; ?>"><?php echo $this->text('sitename'); ?></a></h1></li>
 						   <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
 						</ul>
 
+						<section class="top-bar-section">
 		    		<ul class="left">
 		 						<li class="divider"></li>