Improve css prefixes

package.json

@@ -57,6 +57,7 @@
     "hogan.js": "^3.0.2"
   },
   "devDependencies": {
+    "autoprefixer": "^6.3.6",
     "browserify": "^13.0.0",
     "clean-css": "^3.4.10",
     "codacy-coverage": "^1.1.3",
@@ -66,6 +67,7 @@
     "mkdirp": "^0.5.1",
     "mocha": "^2.4.5",
     "nopt": "^3.0.6",
+    "postcss-cli": "^2.5.2",
     "uglifyjs": "^2.4.10"
   },
   "license": "MIT",

scripts/release.sh

@@ -31,7 +31,7 @@ rm -rf ${OUTPUT_DIR}
 mkdir -p ${OUTPUT_DIR}
 
 echo "Minifying ${OUTPUT_CSS_FILE} to ${OUTPUT_MIN_CSS_FILE}"
-cp -f ${INPUT_CSS_FILE} ${OUTPUT_CSS_FILE}
+postcss --use autoprefixer ${INPUT_CSS_FILE} -d ${OUTPUT_DIR}
 cleancss --advanced --compatibility=ie8 -o ${OUTPUT_MIN_CSS_FILE} ${OUTPUT_CSS_FILE}
 
 echo "Pre-compile hogan.js templates"

src/ui/css/diff2html.css

@@ -16,6 +16,8 @@
 }
 
 .d2h-file-stats {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin-left: auto;
   font-size: 14px;
@@ -41,8 +43,12 @@
 }
 
 .d2h-file-name-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   width: 100%;
   font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 15px;
@@ -242,6 +248,8 @@
 }
 
 .d2h-file-list-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   text-align: left;
 }
@@ -300,6 +308,8 @@
 }
 
 .d2h-tag {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   font-size: 10px;
   margin-left: 5px;
@@ -337,12 +347,21 @@
 .selecting-right td.d2h-code-side-linenumber * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-  -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
+.selecting-left .d2h-code-line::-moz-selection,
+.selecting-left .d2h-code-line *::-moz-selection
+.selecting-right td.d2h-code-linenumber::-moz-selection,
+.selecting-left .d2h-code-side-line::-moz-selection,
+.selecting-left .d2h-code-side-line *::-moz-selection,
+.selecting-right td.d2h-code-side-linenumber::-moz-selection,
+.selecting-right td.d2h-code-side-linenumber *::-moz-selection {
+  background: transparent;
+}
+
 .selecting-left .d2h-code-line::selection,
 .selecting-left .d2h-code-line *::selection
 .selecting-right td.d2h-code-linenumber::selection,