fix some styles

css/style.css

@@ -416,7 +416,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
     background: rgba( 255, 255, 255, 1 );
     position: absolute;
     top: 45px;
-    right: 10px;
+    right: -50px;
     width: 250px;
     box-shadow: 0 2px 5px #65686f;
     border: solid 1px rgba( 69, 71, 77, .1 );
@@ -477,10 +477,25 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
 .userMenu-search input[type="text"]
 {
     float: right;
-    padding: 3px 10px;
-    margin: 9px 20px 0 0;
-    border-radius: 10px;
+    padding: 6px 10px;
+    margin: 7px 20px 0 0;
+    border-radius: 20px;
+    -webkit-box-shadow: inset 0 0 15px #898989;
+    -moz-box-shadow: inset 0 0 15px #898989;
+    box-shadow: inset 0 0 15px #898989;
+    -webkit-transition: all 200ms;
+    -moz-transition: all 200ms;
+    -ms-transition: all 200ms;
+    -o-transition: all 200ms;
+    transition: all 200ms;
     border: none;
+    background: #f8f8f8;
+}
+.userMenu-search input[type="text"]:focus {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    background: #fff;
 }
 .userMenu-search-sugestions
 {

tmobile.html

@@ -10,8 +10,8 @@
   <meta name="viewport" content="width=device-width, user-scalable=no"/>
 
   <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
-  <script src="jquery-1.9.1.min.js"></script>
-  <script src="jquery.mobile.router.min.js"></script>
+  <script src="js/jquery-1.9.1.min.js"></script>
+  <script src="js/jquery.mobile.router.min.js"></script>
   <script>
     $(document).bind('mobileinit', function () {
       $.mobile.allowCrossDomainPages = true;
@@ -21,27 +21,27 @@
       $.mobile.defaultPageTransition = 'none';
     });
   </script>
-  <script src="jquery.mobile-1.3.2.min.js"></script>
-
-    <script src="jQueryPlugins.js"></script>
-    <script src="jquery.json-2.4.js"></script>
-    <script src="jquery.jsonrpcclient.js"></script>
-    <script src="jquery.storageapi.js"></script>
-    <script src="mobile_abstract.js?vr=10"></script>
-    <script src="twister_io.js?vr=10"></script>
-    <script src="polyglot.min.js?vr=10"></script>
-    <script src="interface_localization.js?vr=10"></script>
-    <script src="twister_network.js?vr=10"></script>
-    <script src="twister_user.js?vr=10"></script>
-    <script src="twister_formatpost.js?vr=10"></script>
-    <script src="twister_following.js?vr=10"></script>
-    <script src="twister_timeline.js?vr=10"></script>
-    <script src="twister_newmsgs.js?vr=10"></script>
-    <script src="twister_actions.js?vr=10"></script>
-    <script src="twister_directmsg.js?vr=10"></script>
-    <script src="interface_common.js?vr=10"></script>
-    <script src="tmobile.js?vr=10"></script>
-    <script src="jpeg_encoder_basic.js"></script>
+  <script src="js/jquery.mobile-1.3.2.min.js"></script>
+
+    <script src="js/jQueryPlugins.js"></script>
+    <script src="js/jquery.json-2.4.js"></script>
+    <script src="js/jquery.jsonrpcclient.js"></script>
+    <script src="js/jquery.storageapi.js"></script>
+    <script src="js/mobile_abstract.js?vr=10"></script>
+    <script src="js/twister_io.js?vr=10"></script>
+    <script src="js/polyglot.min.js?vr=10"></script>
+    <script src="js/interface_localization.js?vr=10"></script>
+    <script src="js/twister_network.js?vr=10"></script>
+    <script src="js/twister_user.js?vr=10"></script>
+    <script src="js/twister_formatpost.js?vr=10"></script>
+    <script src="js/twister_following.js?vr=10"></script>
+    <script src="js/twister_timeline.js?vr=10"></script>
+    <script src="js/twister_newmsgs.js?vr=10"></script>
+    <script src="js/twister_actions.js?vr=10"></script>
+    <script src="js/twister_directmsg.js?vr=10"></script>
+    <script src="js/interface_common.js?vr=10"></script>
+    <script src="js/tmobile.js?vr=10"></script>
+    <script src="js/jpeg_encoder_basic.js"></script>
 
   <link rel="icon" type="image/png" href="img/twister_mini.png" />
 </head>