[style] added scripts to adapt border width

apps/common/main/resources/less/asc-mixins.less

@@ -296,3 +296,18 @@
         }
     }
 }
+
+.adaptive-border-width(@width, @borderside: all) {
+    @lb-border-width: if((@borderside = all), border-width, e('border-@{borderside}-width'));
+
+    @{lb-border-width}: @width;
+
+    @media only screen {
+        @media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9),
+            (min-resolution: 1.5dppx) and (max-resolution: 1.9dppx),
+                (min-resolution: 144dpi) and (max-resolution: 191dpi)
+        {
+            @{lb-border-width}: (@width / 1.5);
+        }
+    }
+}

apps/common/main/resources/less/buttons.less

@@ -5,6 +5,7 @@
 .btn {
     border-radius: 1px;
     color: @gray-deep;
+    .adaptive-border-width(1px);
 
     .btnsize(@value) {
         min-width: @value;
@@ -547,7 +548,8 @@
     width: 45px;
     height: 22px;
     padding: 1px 11px 1px 1px;
-    border:1px solid @input-border;
+    //border:1px solid @input-border;
+    .adaptive-solid-border(1px, @input-border);
     .border-radius(@border-radius-small);
 
     span:nth-child(1) {

apps/common/main/resources/less/dropdown-menu.less

@@ -3,6 +3,8 @@
 }
 
 .dropdown-menu {
+    .adaptive-border-width(1px);
+
     &.scrollable-menu {
         height: auto;
         max-height: 400px;

apps/common/main/resources/less/input.less

@@ -9,6 +9,8 @@
         outline: 0;
         .box-shadow(none);
     }
+
+    .adaptive-border-width(1px);
 }
 
 .form-control[readonly] {

apps/common/main/resources/less/separator.less

@@ -9,7 +9,8 @@
 .separator {
     display: inline-block;
     position: inherit;
-    border-left: 1px solid @gray-dark;
+    //border-left: 1px solid @gray-dark;
+    .adaptive-solid-border(1px, @gray-dark, left);
     vertical-align: top;
     padding: 0;
     width: 0;
@@ -20,6 +21,7 @@
 
         border-left: none;
         border-right: none;
-        border-top: 1px solid @gray-dark;
+        //border-top: 1px solid @gray-dark;
+        .adaptive-solid-border(1px, @gray-dark, top);
     }
 }

apps/common/main/resources/less/theme-colorpalette.less

@@ -16,7 +16,8 @@
 
     a {
         padding: 0;
-        border: 1px solid #fff;
+        //border: 1px solid #fff;
+        .adaptive-solid-border(1px, #fff);
         float: left;
         text-decoration: none;
         -moz-outline: 0 none;
@@ -24,7 +25,8 @@
         cursor: pointer;
 
         em span {
-            border: 1px solid rgba(0, 0, 0, 0.2);
+            //border: 1px solid rgba(0, 0, 0, 0.2);
+            .adaptive-solid-border(1px, rgba(0, 0, 0, 0.2));
         }
 
         &:hover, &.selected {
@@ -36,13 +38,15 @@
     }
 
     .dynamic-empty-color em span {
-        border:solid 1px #C0C0C0;
+        //border:solid 1px #C0C0C0;
+        .adaptive-solid-border(1px, #C0C0C0);
         background:#ffffff
     }
 
     .color-transparent {
         em span {
-            border:solid 1px #C0C0C0;
+            //border:solid 1px #C0C0C0;
+            .adaptive-solid-border(1px, #C0C0C0);
         }
     }
 }