Automatically prefix and polyfill CSS

CONTRIBUTING.md

@@ -1,7 +1,5 @@
 # Contributing
 
-This project is PHP based but may one day move to node (as this is my preferred development language).
-
 If you are a collaborator (with push permissions), you can merge any open PR with the following conditions:
 
 1. It passes the JSON validity test (this is a github integration in travis)

Procfile

@@ -1 +1 @@
-web: yarn start
+web: yarn serve

README.md

@@ -141,7 +141,7 @@ Note that if no version is supplied, the latest copy of the LICENSE.html will be
 
 ### Themes
 
-If you've got an eye for design (or like me: not): you can contribute a theme by adding a CSS file to the `themes` directory. The default theme is simple and clean, but you can add your own as you like.
+If you've got an eye for design (or like me: not): you can contribute a theme by adding a CSS file to the `themes` directory. You can use the latest CSS technologies since they are automatically polyfilled. The default theme is simple and clean, but you can add your own as you like.
 
 To use a theme, add the `theme` property to your `user.json` file, for example:
 

package.json

@@ -8,8 +8,8 @@
         "url": "git@github.com:remy/mit-license.git"
     },
     "scripts": {
-        "start": "tsc server.ts && node server.js",
+        "start": "ts-node-dev --respawn --transpileOnly --no-notify server.ts",
-        "dev": "ts-node-dev --respawn --transpileOnly --no-notify server.ts",
+        "serve": "tsc server.ts && node server.js",
         "test": "node test.js",
         "lint": "eslint server.ts util.ts test.js --color --fix"
     },
@@ -26,6 +26,8 @@
         "humanize-list": "^1.0.1",
         "md5": "^2.2.1",
         "node-html-parser": "^1.1.15",
+        "postcss-middleware": "^1.1.4",
+        "postcss-preset-env": "^6.6.0",
         "tmp": "^0.1.0",
         "typescript": "^3.4.5"
     },

server.ts

@@ -1,14 +1,15 @@
-import express = require('express');
+import express = require('express')
 import * as path from 'path'
 import * as fs from 'fs'
 const PORT = process.env.PORT || 80
-import compression = require('compression');
+import compression = require('compression')
 import md5 = require('md5');
 import humanizeList from 'humanize-list'
 import minify = require('express-minify')
-const ejs = require('ejs')
+import ejs = require('ejs')
-import {yearNow, stripTags, trimArray} from './util'
+import { yearNow, stripTags, trimArray } from './util'
-const HTML = require('node-html-parser')
+import HTML = require('node-html-parser')
+import postcssMiddleware = require('postcss-middleware')
 
 // Prepare application
 const app = express()
@@ -19,8 +20,12 @@ app.use(minify({
 app.set('view engine', 'ejs')
 
 // Setup static files
-app.use('/themes', express.static('themes'))
 app.use('/users', express.static('users'))
+app.use('/themes', postcssMiddleware({
+    plugins: [require('postcss-preset-env')({ browsers: '>= 0%', stage: 0 })],
+    src: req => path.join(__dirname, 'themes', req.path)
+}))
+app.use('/themes', express.static('themes'))
 app.use('/favicon.ico', express.static(__dirname + '/favicon.ico'))
 
 // Allow CORS
@@ -100,18 +105,20 @@ app.get('*', (req, res) => {
         }
 
         if (format === 'html') res.render(path.join(__dirname, 'licenses', license), args)
-        else {ejs.renderFile(path.join(__dirname, 'licenses', `${license}.ejs`), args, (_err: any, str: string) =>
+        else {
-            res
+            ejs.renderFile(path.join(__dirname, 'licenses', `${license}.ejs`), args, (_err: any, str: string) =>
-                .set('Content-Type', 'text/plain; charset=UTF-8')
+                res
-                .send(
+                    .set('Content-Type', 'text/plain; charset=UTF-8')
-                    trimArray(
+                    .send(
-                        stripTags(HTML.parse(str).childNodes[0].childNodes[3].childNodes[1].toString())
+                        trimArray(
-                            .split('\n')
+                            stripTags(HTML.parse(str).childNodes[0].childNodes[3].childNodes[1].toString())
-                            .map((val: string) => val.trim())
+                                .split('\n')
+                                .map((val: string) => val.trim())
+                        )
+                            .join('\n')
                     )
-                        .join('\n')
+            )
-                )
+        }
-        )}
     })
 })
 

themes/8bits-monochrome-amber.css

@@ -114,9 +114,5 @@ footer {
 }
 
 img {
-    -webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-    -moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-    -ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-    -o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
     filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
 }

themes/8bits-monochrome-blue-white.css

@@ -114,9 +114,5 @@ footer {
 }
 
 img {
-    -webkit-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-    -moz-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-    -ms-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-    -o-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
     filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
 }

themes/8bits-monochrome-green.css

@@ -114,9 +114,5 @@ footer {
 }
 
 img {
-    -webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-    -moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-    -ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-    -o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
     filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
 }

themes/8bits-monochrome-white.css

@@ -114,9 +114,5 @@ footer {
 }
 
 img {
-    -webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-    -moz-filter: contrast(700%) grayscale(100%) saturate(100);
-    -ms-filter: contrast(700%) grayscale(100%) saturate(100);
-    -o-filter: contrast(700%) grayscale(100%) saturate(100);
     filter: contrast(700%) grayscale(100%) saturate(100);
 }

themes/8bits-monochrome.css

@@ -114,9 +114,5 @@ footer {
 }
 
 img {
-    -webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-    -moz-filter: contrast(700%) grayscale(100%) saturate(100);
-    -ms-filter: contrast(700%) grayscale(100%) saturate(100);
-    -o-filter: contrast(700%) grayscale(100%) saturate(100);
     filter: contrast(700%) grayscale(100%) saturate(100);
 }

themes/blackwood.css

@@ -49,9 +49,6 @@ footer {
 footer p {
     zoom: 1;
     background-color: #FFFFFF;
-    -moz-box-shadow: 1px 1px 3px #989898;
-    -webkit-box-shadow: 1px 1px 3px #989898;
-    -moz-box-shadow: 1px 1px 3px #989898;
     box-shadow: 1px 1px 3px #989898;
     font-size: 0.9em;
     max-width: 318px;
@@ -59,21 +56,11 @@ footer p {
     position: absolute;
     right: -106px;
     top: 0;
-    -webkit-transform: rotate(34.5deg);
-    /* Saf3.1+, Chrome */
-    -moz-transform: rotate(34.5deg);
-    /* FF3.5+ */
-    -o-transform: rotate(34.5deg);
-    /* Opera 10.5 */
-    -ms-transform: rotate(40deg);
-    /* IE9 */
     transform: rotate(34.5deg);
 }
 
 footer p:before {
     background-color: #999999;
-    -moz-box-shadow: 1px 1px 2px #000000;
-    -webkit-box-shadow: 1px 1px 2px #000000;
     box-shadow: 1px 1px 2px #000000;
     content: "";
     display: block;
@@ -83,14 +70,6 @@ footer p:before {
     position: absolute;
     top: -13px;
     width: 7px;
-    -webkit-transform: rotate(34.5deg);
-    /* Saf3.1+, Chrome */
-    -moz-transform: rotate(34.5deg);
-    /* FF3.5+ */
-    -o-transform: rotate(34.5deg);
-    /* Opera 10.5 */
-    -ms-transform: rotate(34.5deg);
-    /* IE9 */
     transform: rotate(34.5deg);
     zoom: 1;
 }
@@ -104,14 +83,6 @@ footer p:after {
     position: absolute;
     right: 0;
     width: 7px;
-    -webkit-transform: rotate(34.5deg);
-    /* Saf3.1+, Chrome */
-    -moz-transform: rotate(34.5deg);
-    /* FF3.5+ */
-    -o-transform: rotate(34.5deg);
-    /* Opera 10.5 */
-    -ms-transform: rotate(34.5deg);
-    /* IE9 */
     transform: rotate(34.5deg);
     zoom: 1;
 }

themes/cherry-white.css

@@ -19,8 +19,6 @@ article {
     border-right: 3px solid #FF6666;
     padding: 45px 28px 28px;
     position: relative;
-    -webkit-border-radius: 0px 0 10px 10px;
-    -moz-border-radius: 0px 0 10px 10px;
     border-radius: 0px 0 10px 10px;
     margin-top: 28px;
     border-left: 1px solid #F7F7F7;
@@ -37,8 +35,6 @@ h1 {
     top: -22px;
     width: 100%;
     display: block;
-    -moz-box-shadow: 2px 7px 0px -3px #CCCCCC;
-    -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC;
     box-shadow: 2px 7px 0px -3px #CCCCCC;
 }
 
@@ -61,8 +57,6 @@ h1:before {
     position: absolute;
     top: 52px;
     width: 11px;
-    -webkit-border-radius: 0 0 0 32px;
-    -moz-border-radius: 0 0 0 32px;
     border-radius: 0 0 0 32px;
 }
 

themes/cherry.css

@@ -20,8 +20,6 @@ article {
     border-right: 3px solid #FF6666;
     padding: 74px 28px 28px;
     position: relative;
-    -webkit-border-radius: 0px 0 10px 10px;
-    -moz-border-radius: 0px 0 10px 10px;
     border-radius: 0px 0 10px 10px;
 }
 
@@ -36,8 +34,6 @@ h1 {
     top: 0;
     width: 100%;
     display: block;
-    -moz-box-shadow: 2px 7px 0px -3px #CCCCCC;
-    -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC;
     box-shadow: 2px 7px 0px -3px #CCCCCC;
 }
 
@@ -60,8 +56,6 @@ h1:before {
     position: absolute;
     top: 52px;
     width: 11px;
-    -webkit-border-radius: 0 0 0 32px;
-    -moz-border-radius: 0 0 0 32px;
     border-radius: 0 0 0 32px;
 }
 

themes/dusk.css

@@ -30,9 +30,7 @@ a:link, a:visited, a:hover {
     position: relative;
     text-decoration: none;
     color: #de5833;
-    -webkit-transition: color 0.3s ease-in-out;
     transition: color 0.3s ease-in-out;
-    -webkit-transform: scaleX(0);
     transform: scaleX(0);
 }
 
@@ -49,15 +47,12 @@ a:before {
     left: 0;
     background-color: #de5833;
     visibility: hidden;
-    -webkit-transform: scaleX(0);
     transform: scaleX(0);
-    -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 a:hover:before {
     visibility: visible;
-    -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }
 

themes/hacker.css

@@ -1,7 +1,6 @@
 html {
     font-family: sans-serif;
-    -ms-text-size-adjust: 100%;
+    text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%
 }
 
 body {
@@ -88,7 +87,6 @@ figure {
 }
 
 hr {
-    -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0
 }
@@ -117,7 +115,7 @@ button, select {
 }
 
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
-    -webkit-appearance: button;
+    appearance: button;
     cursor: pointer
 }
 
@@ -144,14 +142,12 @@ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-o
 }
 
 input[type="search"] {
-    -webkit-appearance: textfield;
+    appearance: textfield;
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box;
     box-sizing: content-box
 }
 
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none
+    appearance: none
 }
 
 fieldset {
@@ -184,10 +180,10 @@ td, th {
 
 @media print {
     *, *:before, *:after {
-        background: transparent !important;
+        background: transparent;
-        color: #000 !important;
+        color: #000;
-        box-shadow: none !important;
+        box-shadow: none;
-        text-shadow: none !important
+        text-shadow: none
     }
 
     a, a:visited {
@@ -220,7 +216,7 @@ td, th {
     }
 
     img {
-        max-width: 100% !important
+        max-width: 100%
     }
 
     p, h2, h3 {
@@ -233,7 +229,7 @@ td, th {
     }
 
     select {
-        background: #fff !important
+        background: #fff
     }
 
     .navbar {
@@ -241,7 +237,7 @@ td, th {
     }
 
     .btn>.caret, .dropup>.btn>.caret {
-        border-top-color: #000 !important
+        border-top-color: #000
     }
 
     .label {
@@ -249,15 +245,15 @@ td, th {
     }
 
     .table {
-        border-collapse: collapse !important
+        border-collapse: collapse
     }
 
     .table td, .table th {
-        background-color: #fff !important
+        background-color: #fff
     }
 
     .table-bordered th, .table-bordered td {
-        border: 1px solid #ddd !important
+        border: 1px solid #ddd
     }
 }
 
@@ -1328,14 +1324,10 @@ td, th {
 }
 
 * {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
 *:before, *:after {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
@@ -1398,8 +1390,6 @@ img {
     background-color: #222;
     border: 1px solid #ddd;
     border-radius: 0;
-    -webkit-transition: all .2s ease-in-out;
-    -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     display: inline-block;
     max-width: 100%;
@@ -2883,8 +2873,6 @@ label {
 }
 
 input[type="search"] {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
     box-sizing: border-box
 }
 
@@ -2933,17 +2921,13 @@ output {
     background-image: none;
     border: 1px solid #444;
     border-radius: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
 }
 
 .form-control:focus {
     border-color: #0f0;
     outline: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 255, 0, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 255, 0, 0.6)
 }
 
@@ -2974,7 +2958,7 @@ textarea.form-control {
 }
 
 input[type="search"] {
-    -webkit-appearance: none
+    appearance: none
 }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) {
@@ -3182,13 +3166,11 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
 
 .has-success .form-control {
     border-color: #0d0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
 }
 
 .has-success .form-control:focus {
     border-color: #0a0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #4f4;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #4f4
 }
 
@@ -3208,13 +3190,11 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
 
 .has-warning .form-control {
     border-color: #f4ff00;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
 }
 
 .has-warning .form-control:focus {
     border-color: #c3cc00;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8ff66;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8ff66
 }
 
@@ -3234,13 +3214,11 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
 
 .has-error .form-control {
     border-color: #d00;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
 }
 
 .has-error .form-control:focus {
     border-color: #a00;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f44;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f44
 }
 
@@ -3379,9 +3357,6 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
     font-size: 14px;
     line-height: 1.428571429;
     border-radius: 0;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none
 }
 
@@ -3399,7 +3374,6 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
 .btn:active, .btn.active {
     outline: 0;
     background-image: none;
-    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
 }
 
@@ -3408,7 +3382,6 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
     pointer-events: none;
     opacity: .65;
     filter: alpha(opacity=65);
-    -webkit-box-shadow: none;
     box-shadow: none
 }
 
@@ -3576,7 +3549,6 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr
 
 .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
     background-color: transparent;
-    -webkit-box-shadow: none;
     box-shadow: none
 }
 
@@ -3631,8 +3603,6 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
 
 .fade {
     opacity: 0;
-    -webkit-transition: opacity .15s linear;
-    -o-transition: opacity .15s linear;
     transition: opacity .15s linear
 }
 
@@ -3660,11 +3630,8 @@ tbody.collapse.in {
     position: relative;
     height: 0;
     overflow: hidden;
-    -webkit-transition-property: height, visibility;
     transition-property: height, visibility;
-    -webkit-transition-duration: .35s;
     transition-duration: .35s;
-    -webkit-transition-timing-function: ease;
     transition-timing-function: ease
 }
 
@@ -3704,7 +3671,6 @@ tbody.collapse.in {
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 0;
-    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     background-clip: padding-box
 }
@@ -3903,12 +3869,10 @@ tbody.collapse.in {
 }
 
 .btn-group.open .dropdown-toggle {
-    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
 }
 
 .btn-group.open .dropdown-toggle.btn-link {
-    -webkit-box-shadow: none;
     box-shadow: none
 }
 
@@ -4398,10 +4362,10 @@ textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addo
     }
 
     .navbar-collapse.collapse {
-        display: block !important;
+        display: block;
-        height: auto !important;
+        height: auto;
         padding-bottom: 0;
-        overflow: visible !important
+        overflow: visible
     }
 
     .navbar-collapse.in {
@@ -4583,7 +4547,6 @@ textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addo
     padding: 10px 15px;
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
     margin-top: 8px;
     margin-bottom: 8px
@@ -4663,7 +4626,6 @@ textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addo
         margin-right: 0;
         padding-top: 0;
         padding-bottom: 0;
-        -webkit-box-shadow: none;
         box-shadow: none
     }
 }
@@ -4712,11 +4674,11 @@ textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addo
 
 @media (min-width:768px) {
     .navbar-left {
-        float: left !important
+        float: left
     }
 
     .navbar-right {
-        float: right !important;
+        float: right;
         margin-right: -15px
     }
 
@@ -5256,8 +5218,6 @@ a.badge:hover, a.badge:focus {
     background-color: #222;
     border: 1px solid #ddd;
     border-radius: 0;
-    -webkit-transition: border .2s ease-in-out;
-    -o-transition: border .2s ease-in-out;
     transition: border .2s ease-in-out
 }
 
@@ -5366,16 +5326,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
     color: #a00
 }
 
-@-webkit-keyframes progress-bar-stripes {
-    from {
-        background-position: 40px 0
-    }
-
-    to {
-        background-position: 0 0
-    }
-}
-
 @keyframes progress-bar-stripes {
     from {
         background-position: 40px 0
@@ -5392,7 +5342,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
     margin-bottom: 20px;
     background-color: #3c3c3c;
     border-radius: 0;
-    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
 }
 
@@ -5405,23 +5354,16 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
     color: #fff;
     text-align: center;
     background-color: #0f0;
-    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-    -webkit-transition: width .6s ease;
-    -o-transition: width .6s ease;
     transition: width .6s ease
 }
 
 .progress-striped .progress-bar, .progress-bar-striped {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-size: 40px 40px
 }
 
 .progress.active .progress-bar, .progress-bar.active {
-    -webkit-animation: progress-bar-stripes 2s linear infinite;
-    -o-animation: progress-bar-stripes 2s linear infinite;
     animation: progress-bar-stripes 2s linear infinite
 }
 
@@ -5430,8 +5372,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
 }
 
 .progress-striped .progress-bar-success {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
 }
 
@@ -5440,8 +5380,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
 }
 
 .progress-striped .progress-bar-info {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
 }
 
@@ -5450,8 +5388,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
 }
 
 .progress-striped .progress-bar-warning {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
 }
 
@@ -5460,8 +5396,6 @@ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
 }
 
 .progress-striped .progress-bar-danger {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
 }
 
@@ -5696,7 +5630,6 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g
     background-color: #222;
     border: 1px solid transparent;
     border-radius: 0;
-    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
 }
 
@@ -6041,7 +5974,6 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g
     background-color: #080808;
     border: 1px solid #000;
     border-radius: 0;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
 }
 
@@ -6084,7 +6016,7 @@ button.close {
     cursor: pointer;
     background: transparent;
     border: 0;
-    -webkit-appearance: none
+    appearance: none
 }
 
 .modal-open {
@@ -6105,20 +6037,11 @@ button.close {
 }
 
 .modal.fade .modal-dialog {
-    -webkit-transform: translate(0, -25%);
-    -ms-transform: translate(0, -25%);
-    -o-transform: translate(0, -25%);
     transform: translate(0, -25%);
-    -webkit-transition: -webkit-transform 0.3s ease-out;
-    -moz-transition: -moz-transform 0.3s ease-out;
-    -o-transition: -o-transform 0.3s ease-out;
     transition: transform 0.3s ease-out
 }
 
 .modal.in .modal-dialog {
-    -webkit-transform: translate(0, 0);
-    -ms-transform: translate(0, 0);
-    -o-transform: translate(0, 0);
     transform: translate(0, 0)
 }
 
@@ -6139,7 +6062,6 @@ button.close {
     border: 1px solid #999;
     border: 1px solid transparent;
     border-radius: 0;
-    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     background-clip: padding-box;
     outline: 0
@@ -6219,7 +6141,6 @@ button.close {
     }
 
     .modal-content {
-        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
     }
 
@@ -6371,7 +6292,6 @@ button.close {
     border: 1px solid #333;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 0;
-    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     white-space: normal
 }
@@ -6504,8 +6424,6 @@ button.close {
 .carousel-inner>.item {
     display: none;
     position: relative;
-    -webkit-transition: .6s ease-in-out left;
-    -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left
 }
 
@@ -6515,32 +6433,22 @@ button.close {
 
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-inner>.item {
-        -webkit-transition: -webkit-transform 0.6s ease-in-out;
-        -moz-transition: -moz-transform 0.6s ease-in-out;
-        -o-transition: -o-transform 0.6s ease-in-out;
         transition: transform 0.6s ease-in-out;
-        -webkit-backface-visibility: hidden;
-        -moz-backface-visibility: hidden;
         backface-visibility: hidden;
-        -webkit-perspective: 1000;
-        -moz-perspective: 1000;
         perspective: 1000
     }
 
     .carousel-inner>.item.next, .carousel-inner>.item.active.right {
-        -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         left: 0
     }
 
     .carousel-inner>.item.prev, .carousel-inner>.item.active.left {
-        -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         left: 0
     }
 
     .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
-        -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0
     }
@@ -6595,8 +6503,6 @@ button.close {
 }
 
 .carousel-control.left {
-    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
-    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
@@ -6605,8 +6511,6 @@ button.close {
 .carousel-control.right {
     left: auto;
     right: 0;
-    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
-    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
     background-repeat: repeat-x;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
@@ -6745,19 +6649,19 @@ button.close {
 }
 
 .pull-right {
-    float: right !important
+    float: right
 }
 
 .pull-left {
-    float: left !important
+    float: left
 }
 
 .hide {
-    display: none !important
+    display: none
 }
 
 .show {
-    display: block !important
+    display: block
 }
 
 .invisible {
@@ -6773,28 +6677,24 @@ button.close {
 }
 
 .hidden {
-    display: none !important
+    display: none
 }
 
 .affix {
     position: fixed
 }
 
-@-ms-viewport {
-    width: device-width
-}
-
 .visible-xs, .visible-sm, .visible-md, .visible-lg {
-    display: none !important
+    display: none
 }
 
 .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
-    display: none !important
+    display: none
 }
 
 @media (max-width:767px) {
     .visible-xs {
-        display: block !important
+        display: block
     }
 
     table.visible-xs {
@@ -6802,35 +6702,35 @@ button.close {
     }
 
     tr.visible-xs {
-        display: table-row !important
+        display: table-row
     }
 
     th.visible-xs, td.visible-xs {
-        display: table-cell !important
+        display: table-cell
     }
 }
 
 @media (max-width:767px) {
     .visible-xs-block {
-        display: block !important
+        display: block
     }
 }
 
 @media (max-width:767px) {
     .visible-xs-inline {
-        display: inline !important
+        display: inline
     }
 }
 
 @media (max-width:767px) {
     .visible-xs-inline-block {
-        display: inline-block !important
+        display: inline-block
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .visible-sm {
-        display: block !important
+        display: block
     }
 
     table.visible-sm {
@@ -6838,35 +6738,35 @@ button.close {
     }
 
     tr.visible-sm {
-        display: table-row !important
+        display: table-row
     }
 
     th.visible-sm, td.visible-sm {
-        display: table-cell !important
+        display: table-cell
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .visible-sm-block {
-        display: block !important
+        display: block
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .visible-sm-inline {
-        display: inline !important
+        display: inline
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .visible-sm-inline-block {
-        display: inline-block !important
+        display: inline-block
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .visible-md {
-        display: block !important
+        display: block
     }
 
     table.visible-md {
@@ -6874,35 +6774,35 @@ button.close {
     }
 
     tr.visible-md {
-        display: table-row !important
+        display: table-row
     }
 
     th.visible-md, td.visible-md {
-        display: table-cell !important
+        display: table-cell
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .visible-md-block {
-        display: block !important
+        display: block
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .visible-md-inline {
-        display: inline !important
+        display: inline
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .visible-md-inline-block {
-        display: inline-block !important
+        display: inline-block
     }
 }
 
 @media (min-width:1200px) {
     .visible-lg {
-        display: block !important
+        display: block
     }
 
     table.visible-lg {
@@ -6910,63 +6810,63 @@ button.close {
     }
 
     tr.visible-lg {
-        display: table-row !important
+        display: table-row
     }
 
     th.visible-lg, td.visible-lg {
-        display: table-cell !important
+        display: table-cell
     }
 }
 
 @media (min-width:1200px) {
     .visible-lg-block {
-        display: block !important
+        display: block
     }
 }
 
 @media (min-width:1200px) {
     .visible-lg-inline {
-        display: inline !important
+        display: inline
     }
 }
 
 @media (min-width:1200px) {
     .visible-lg-inline-block {
-        display: inline-block !important
+        display: inline-block
     }
 }
 
 @media (max-width:767px) {
     .hidden-xs {
-        display: none !important
+        display: none
     }
 }
 
 @media (min-width:768px) and (max-width:991px) {
     .hidden-sm {
-        display: none !important
+        display: none
     }
 }
 
 @media (min-width:992px) and (max-width:1199px) {
     .hidden-md {
-        display: none !important
+        display: none
     }
 }
 
 @media (min-width:1200px) {
     .hidden-lg {
-        display: none !important
+        display: none
     }
 }
 
 .visible-print {
-    display: none !important
+    display: none
 }
 
 @media print {
     .visible-print {
-        display: block !important
+        display: block
     }
 
     table.visible-print {
@@ -6974,46 +6874,46 @@ button.close {
     }
 
     tr.visible-print {
-        display: table-row !important
+        display: table-row
     }
 
     th.visible-print, td.visible-print {
-        display: table-cell !important
+        display: table-cell
     }
 }
 
 .visible-print-block {
-    display: none !important
+    display: none
 }
 
 @media print {
     .visible-print-block {
-        display: block !important
+        display: block
     }
 }
 
 .visible-print-inline {
-    display: none !important
+    display: none
 }
 
 @media print {
     .visible-print-inline {
-        display: inline !important
+        display: inline
     }
 }
 
 .visible-print-inline-block {
-    display: none !important
+    display: none
 }
 
 @media print {
     .visible-print-inline-block {
-        display: inline-block !important
+        display: inline-block
     }
 }
 
 @media print {
     .hidden-print {
-        display: none !important
+        display: none
     }
 }

themes/hipster-gray.css

@@ -3,10 +3,6 @@
 * {
     margin: 0;
     padding: 0;
-    -webkit-transition: all 0.2s ease-out;
-    -moz-transition: all 0.2s ease-out;
-    -o-transition: all 0.2s ease-out;
-    -ms-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
 }
 
@@ -17,7 +13,6 @@ body {
     line-height: 170%;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
-    font-smoothing: antialiased;
     overflow-y: auto;
     padding: 20pt;
 }
@@ -201,7 +196,6 @@ footer a:hover, footer a:focus, footer a:active {
 
     footer p {
         background-position: 0 1px;
-        -webkit-background-size: 9px;
         background-size: 11px;
         margin-left: -10pt;
         padding-left: 10pt;
@@ -214,7 +208,7 @@ footer a:hover, footer a:focus, footer a:active {
     }
 
     * {
-        color: black !important;
+        color: black;
     }
 
     a[href^="http"]:after {
@@ -273,7 +267,6 @@ footer a:hover, footer a:focus, footer a:active {
 
     footer p {
         background-position: 0 1px;
-        -webkit-background-size: 11px;
         background-size: 11px;
         margin-left: -12pt;
         padding-left: 12pt;

themes/hmt-blue.css

@@ -10,8 +10,7 @@ button, hr, input {
 html {
     font-family: sans-serif;
     line-height: 1.15;
-    -ms-text-size-adjust: 100%;
+    text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%
 }
 
 body {
@@ -124,7 +123,7 @@ button, select {
 }
 
 [type=submit], [type=reset], button, html [type=button] {
-    -webkit-appearance: button
+    appearance: button
 }
 
 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
@@ -165,12 +164,12 @@ textarea {
 }
 
 [type=search] {
-    -webkit-appearance: textfield;
+    appearance: textfield;
     outline-offset: -2px
 }
 
 [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-    -webkit-appearance: none
+    appearance: none
 }
 
 ::-webkit-input-placeholder {
@@ -179,7 +178,7 @@ textarea {
 }
 
 ::-webkit-file-upload-button {
-    -webkit-appearance: button;
+    appearance: button;
     font: inherit
 }
 
@@ -314,8 +313,6 @@ article>p:last-child {
     border-left: 15px solid #3392cd;
     border-right: 2px solid #3392cd;
     /*Box Shadow - (Optional)*/
-    -moz-box-shadow: 2px 2px 15px #ccc;
-    -webkit-box-shadow: 2px 2px 15px #ccc;
     box-shadow: 2px 2px 15px #ccc;
 }
 

themes/material-amber.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-blue.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-brown.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-cyan.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-deep-orange.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-deep-purple.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-green.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-grey.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-indigo.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-light-blue.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-light-green.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-lime.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-orange.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-pink.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-purple.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-red.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-teal.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material-yellow.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/material.css

@@ -19,7 +19,6 @@ article {
     display: block;
     margin: 1em;
     box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out;
     position: relative;
     max-width: 800px;
@@ -100,7 +99,6 @@ footer a:hover {
     float: right;
     border-radius: 100%;
     box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-    -webkit-transition: box-shadow .2s ease-in-out;
     transition: box-shadow .2s ease-in-out
 }
 

themes/mitserrat.css

@@ -68,6 +68,4 @@ p:first-of-type, footer {
     width: 80px;
     margin-top: 72px;
     border-radius: 40px;
-    -webkit-border-radius: 40px;
-    -moz-border-radius: 40px;
 }

themes/open-sans.css

@@ -43,10 +43,6 @@ a {
     color: #0a0a0b;
     text-decoration: none;
     border-bottom: 3px solid rgba(10, 10, 11, 1);
-    -webkit-transition: .15s ease;
-    -moz-transition: .15s ease;
-    -ms-transition: .15s ease;
-    -o-transition: .15s ease;
     transition: .15s ease
 }
 

themes/orange.css

@@ -22,9 +22,7 @@ article {
     width: 85%;
     margin: 80px auto;
     border-radius: 10px;
-    -moz-border-radius: 10px;
     box-shadow: -1px 1px 20px rgba(30, 30, 30, 0.5), 2px 1px 15px rgba(80, 80, 80, 0.4), inset 0 0 10px rgba(50, 50, 50, 0.7);
-    -webkit-box-shadow: -1px 1px 20px rgba(30, 30, 30, 0.5), 2px 1px 15px rgba(80, 80, 80, 0.4), inset 0 0 10px rgba(50, 50, 50, 0.7)
 }
 
 article h1 {
@@ -34,9 +32,7 @@ article h1 {
     margin: 0;
     padding: 19px;
     border-radius: 10px;
-    -moz-border-radius: 10px;
     box-shadow: inset 0 0 10px rgba(70, 70, 70, 0.2), inset 1px 0 10px rgba(50, 50, 50, 0.3), inset -1px 0 10px rgba(50, 50, 50, 0.3);
-    -webkit-box-shadow: inset 0 0 10px rgba(70, 70, 70, 0.2), inset 1px 0 10px rgba(50, 50, 50, 0.3), inset -1px 0 10px rgba(50, 50, 50, 0.3)
 }
 
 article p {
@@ -52,8 +48,6 @@ footer {
     border-top: 1px solid #7A7A00;
     background: #333300;
     user-select: none;
-    -moz-user-select: none;
-    -webkit-user-select: none
 }
 
 footer p, footer a {

themes/silver-style.css

@@ -19,10 +19,8 @@ article {
     border-right: 1.5px solid #9ab8ed;
     padding: 17px;
     border-radius: 1%;
-    -webkit-box-shadow: 3px 0px 20px -2px #7ba5e4;
-    -moz-box-shadow: 3px 0px 20px -2px #7ba5e4;
     box-shadow: 3px 0px 20px -2px #7ba5e4;
-    background: -webkit-radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
+    background: radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
 }
 
 article, footer {