[damned-lies] Dropping most of browser-specific styles

[Claude Paroz <claudep src gnome org>]

commit 57db65c825ee5531089271e1150d56d8bf6975d0
Author: Claude Paroz <claude 2xlibre net>
Date:   Thu Jul 26 14:03:11 2018 +0200

    Dropping most of browser-specific styles

 common/static/css/template.css | 79 +++---------------------------------------
 1 file changed, 4 insertions(+), 75 deletions(-)
---
diff --git a/common/static/css/template.css b/common/static/css/template.css
index 05e02077..6ea8b76c 100644
--- a/common/static/css/template.css
+++ b/common/static/css/template.css
@@ -200,35 +200,23 @@ a:hover {
 }
 .navbar-toggle .top-bar {
     transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
     transform-origin: 10% 10%;
-    -webkit-transform-origin: 10% 10%;
-    -ms-transform-origin: 10% 10%;
 }
 .navbar-toggle .middle-bar {
     opacity: 0;
 }
 .navbar-toggle .bottom-bar {
     transform: rotate(-45deg);
-    -webkit-transform: rotate(-45deg);
-    -ms-transform: rotate(-45deg);
     transform-origin: 10% 90%;
-    -webkit-transform-origin: 10% 90%;
-    -ms-transform-origin: 10% 90%;
 }
 .navbar-toggle.collapsed .top-bar {
     transform: rotate(0);
-    -webkit-transform: rotate(0);
-    -ms-transform: rotate(0);
 }
 .navbar-toggle.collapsed .middle-bar {
     opacity: 1;
 }
 .navbar-toggle.collapsed .bottom-bar {
     transform: rotate(0);
-    -webkit-transform: rotate(0);
-    -ms-transform: rotate(0);
 }
 .navbar-form,
 .navbar-collapse {
@@ -284,8 +272,6 @@ hr.bottom_shadow {
     margin: 40px 0;
 }
 hr.bottom_shadow {
-    -moz-transform: rotate(180deg);
-    -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
@@ -301,17 +287,13 @@ table.stats {
     background: #fff;
     border: 1px solid #ccc;
     border-collapse: collapse;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
     border-radius: 4px;
 }
 table.stats thead th {
     text-align: left;
     padding-top: 5px;
     padding-bottom: 5px;
-    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
-       background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
-       background: linear-gradient(top, #f9f9f9, #ececec);
+    background: linear-gradient(top, #f9f9f9, #ececec);
     white-space: nowrap;
 }
 table.stats th,
@@ -330,8 +312,6 @@ table.stats td img {
 }
 table.stats tfoot {
     background: #f4f4f4;
-    background: -moz-linear-gradient(top, #f4f4f4, #fff);
-    background: -webkit-linear-gradient(top, #f4f4f4, #fff);
     background: linear-gradient(top, #f4f4f4, #fff);
 }
 td.supported {
@@ -391,13 +371,7 @@ div#vertimus_stats pre.stats {
     background: #ccc;
     overflow: hidden;
     position: relative;
-
-    -moz-border-radius: 10px;
-    -webkit-border-radius: 10px;
     border-radius: 10px;
-
-    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
-    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
 }
 div.graphinline {
@@ -411,21 +385,15 @@ div.graphinline {
 }
 .graph .translated {
     background: #73d216;
-    background: -moz-linear-gradient(top, #73d216, #66bb14);
-       background: -webkit-linear-gradient(top, #73d216, #66bb14);
-       background: -linear-gradient(top, #73d216, #66bb14);
+    background: -linear-gradient(top, #73d216, #66bb14);
 }
 .graph .fuzzy {
     background: #5688c9;
-    background: -moz-linear-gradient(top, #ff840d, #e37000);
-       background: -webkit-linear-gradient(top, #ff840d, #e37000);
-       background: linear-gradient(top, #ff840d, #e37000);
+    background: linear-gradient(top, #ff840d, #e37000);
 }
 .graph .untranslated {
     background: #ff1b1b;
-    background: -moz-linear-gradient(top, #ff1b1b, #cc0000);
-       background: -webkit-linear-gradient(top, #ff1b1b, #cc0000);
-       background: linear-gradient(top, #ff1b1b, #cc0000);
+    background: linear-gradient(top, #ff1b1b, #cc0000);
 }
 
 /* Download button */
@@ -450,12 +418,7 @@ div.graphinline {
     padding: 4px 8px;
     list-style: none;
     margin: 8px 5px;
-
-    -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
-    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
     border-radius: 3px;
 }
 .column_box li a {
@@ -520,12 +483,7 @@ div.graphinline {
     font-size: 13px;
     font-weight: normal;
 
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
     border-radius: 4px;
-
-    -moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
-    -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);
 }
 .icon_button:hover,
@@ -534,8 +492,6 @@ div.graphinline {
     background: #f4f4f4;
 }
 .icon_button:active {
-    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 
@@ -557,8 +513,6 @@ div.graphinline {
     margin-bottom: -10px;
     overflow: auto;
 
-    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 .stats_show .notices h4 {
@@ -570,22 +524,16 @@ div.graphinline {
 }
 table.stats thead tr .header {
        background: #eeeeee url(../img/bg.gif) no-repeat center right;
-    background:  url(../img/bg.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background:  url(../img/bg.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
     background: url(../img/bg.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
        cursor: pointer;
        padding-right: 1.2em;
 }
 table.stats thead tr .headerSortUp {
        background: #eeeeee url(../img/asc.gif) no-repeat center right;
-    background:  url(../img/asc.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background:  url(../img/asc.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
     background: url(../img/asc.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
 }
 table.stats thead tr .headerSortDown {
        background: #eeeeee url(../img/desc.gif) no-repeat center right;
-    background:  url(../img/desc.gif) no-repeat center right, -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background:  url(../img/desc.gif) no-repeat center right, -webkit-linear-gradient(top, #f9f9f9, #ececec);
     background: url(../img/desc.gif) no-repeat center right, linear-gradient(top, #f9f9f9, #ececec);
 }
 table.stats th.headerNoSort {
@@ -599,8 +547,6 @@ table.stats th.headerNoSort {
 
 .vertimus_action {
        background: #eeeeee;
-    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
     background: linear-gradient(top, #f9f9f9, #ececec);
        margin: 1em 0 1.5em;
        border: solid #ddd 1px;
@@ -643,12 +589,7 @@ div.face_image img {
        padding: 5px 25px 0 0;
        background: #7fa7d4;
     background: #fff url(../img/html-bg.png) 0 repeat-x;
-       -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
     border-radius: 5px;
-
-    -moz-box-shadow: inset 0 1px 3px -1px #396da9, 0 1px 0 #fff;
-    -webkit-box-shadow: inset 0 1px 3px -1px #396da9, 0 1px 0 #fff;
     box-shadow: inset 0 1px 3px -1px #396da9;
 }
 .right_actions ul {
@@ -673,12 +614,7 @@ div.docimages {
        border: 1px solid #ccc;
 
        background: #eeeeee;
-    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
-    background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
     background: linear-gradient(top, #f9f9f9, #ececec);
-
-       -moz-border-radius: 5px;
-       -webkit-border-radius: 5px;
        border-radius: 5px;
 }
 .djform textarea {
@@ -727,12 +663,7 @@ img.action_icons {
        padding: 5px;
        background: #7fa7d4;
 
-       -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
     border-radius: 5px;
-
-    -moz-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
-    -webkit-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
     box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
 }
 
@@ -820,8 +751,6 @@ ul.foot li {
 #footer .links a {
     color: inherit;
     outline: 0;
-    -webkit-transition: all .35s;
-    -moz-transition: all .35s;
     transition: all .35s;
     margin: 6px 0;
 }