Merge pull request #10736 from ian-liu/v110hd/bluetooth/Bug881134_hdp…

…i/xhdpi_resolution_assets_and_layout_for_Bluetooth_File_Transfer_app

Bug 881134 - hdpi/xhdpi resolution assets and layout for Bluetooth File Transfer app, r=@rexboy7

apps/bluetooth/style/transfer.css

@@ -8,25 +8,22 @@ html, body {
 body {
   width: 100%;
   height: 100%;
-  margin: 0px;
-  padding: 0px;
   overflow: hidden;
   font-family: 'Open Sans', sans-serif;
   color: #fff;
-  font-size: 12px;
 }
 
 #value-selector {
   width: 100%;
-  height: -moz-calc(100% - 20px);
-  top: 20px;
+  height: -moz-calc(100% - 2rem);
+  top: 2rem;
   left: 0;
   position: absolute;
 }
 
 #screen.active-statusbar #value-selector {
-  height: -moz-calc(100% - 40px);
-  top: 40px;
+  height: -moz-calc(100% - 4rem);
+  top: 4rem;
 }
 
 #screen:-moz-full-screen-ancestor #value-seletcor,
@@ -41,7 +38,7 @@ body {
   white-space: nowrap;
   margin: 0;
   padding: 0;
-  border-top: solid 1px rgba(255, 255, 255, 0.1);
+  border-top: solid 0.1rem rgba(255, 255, 255, 0.1);
   background: #2d2d2d url(../themes/default/images/ui/pattern.png) repeat left top;
   display: block;
   overflow: hidden;
@@ -71,15 +68,15 @@ body {
   white-space: nowrap;
   overflow: hidden;
   background: #fafafa url(../themes/default/images/ui/default.png) repeat-x left bottom;
-  border: 1px solid #9f9f9f;
+  border: 0.1rem solid #9f9f9f;
   border-radius: 0.3rem;
   font-size: 1.6rem;
   font-family: 'Open Sans', Sans-serif;
   font-weight: 600;
   line-height: 3.8rem;
   color: #333;
   text-align: center;
-  text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
+  text-shadow: 0.1rem 0.1rem 0 rgba(255,255,255,0.3);
   text-decoration: none;
   outline: none;
 }
@@ -110,7 +107,7 @@ button.affirmative:active {
 
 #time-picker-popup,
 #spin-date-picker-popup {
-  top: 0px;
+  top: 0;
   padding: 0 0 7rem;  /*remove the top padding*/
 
   /* from building blocks, core.css - [role=dialog]*/
@@ -156,22 +153,19 @@ button.affirmative:active {
 /* The following rules is to override the styles defined in building blocks of value selector */
 #value-selector li {
   height: auto;
-  padding-bottom: 0px;
+  padding-bottom: 0;
   line-height: 3.9rem;
 }
 
 #value-selector li span {
-  padding: 1rem 2rem 1rem 1.5rem;
+  padding: 1rem 2rem 1rem 1.5rem; 
 }
 
 #value-selector li input:checked + span,
 #value-selector li[aria-checked="true"] span {
   background: url("/bb/value_selector/images/icons/checked.png") no-repeat right center border-box transparent;
 }
 
-/* 320x480 phones */
-@media screen and (width: 320px) {
-  html {
-    font-size: 10px;
-  }
+#icon {
+  width: 3rem;
 }