RTL HTML/CSS clean-up with -webkit-foo-{start,end}...

chrome/browser/resources/plugins.html

Index: chrome/browser/resources/plugins.html
===================================================================
--- chrome/browser/resources/plugins.html	(revision 66526)
+++ chrome/browser/resources/plugins.html	(working copy)
@@ -20,16 +20,12 @@
   min-height: 67px;
   overflow: hidden;
   padding-bottom: 20px;
-  padding-left: 0;
+  -webkit-padding-start: 0;
   padding-top: 20px;
   position: relative;
   -webkit-box-sizing: border-box;
 }
 
-html[dir=rtl] #header {
-  padding-right: 0;
-}
-
 #header h1 {
   background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat;
   display: inline;
@@ -62,16 +58,11 @@
   border-top: 1px solid #b5c7de;
   font-size: 99%;
   padding-bottom: 2px;
-  padding-left: 5px;
+  -webkit-padding-start: 5px;
   padding-top: 3px;
   width: 100%;
 }
 
-html[dir=rtl] .section-header {
-  padding-right: 5px;
-  padding-left: 0;
-}
-
 .section-header > table tr td:first-child {
   width: 100%;
 }
@@ -96,14 +87,9 @@
 }
 
 #top {
-  padding-right: 5px;
+  -webkit-padding-end: 5px;
 }
 
-html[dir=rtl] #top {
-  padding-left: 5px;
-  padding-right: 0;
-}
-
 .showInTmiMode {
   overflow: hidden;
 }
@@ -153,16 +139,11 @@
   border-bottom: 1px solid #edeff5;
   font-size: 89%;
   padding-bottom: 0.8em;
-  padding-left: 10px;
+  -webkit-padding-start: 10px;
   padding-top: 0.8em;
   width: 100%;
 }
 
-html[dir=rtl] .tmi-mode {
-  padding-right: 10px;
-  padding-left: 0;
-}
-
 .plugin-disabled > td {
   background-color: #f0f0f0;
   color: #a0a0a0;
@@ -197,14 +178,9 @@
 
 /* Indent the text related to each plug-in. */
 .plugin-text {
-  padding-left: 5px;
+  -webkit-padding-start: 5px;
 }
 
-html[dir=rtl] .plugin-text {
-  padding-right: 5px;
-  padding-left: 0;
-}
-
 .plugin-name {
   font-weight: bold;
 }
@@ -237,14 +213,9 @@
 
 /* Separate columns by 1em for the most part. */
 .plugin-details td+td {
-  padding-left: 1em;
+  -webkit-padding-start: 1em;
 }
 
-html[dir=rtl] .plugin-details td+td {
-  padding-right: 1em;
-  padding-left: 0;
-}
-
 /* Make the MIME Types tables smaller. */
 .plugin-details .mime-types {
   font-size: 95%;
@@ -258,26 +229,16 @@
 
 /* Separate the columns for tables used for horizontal listings only a bit. */
 .hlisting td+td {
-  padding-left: 0.4em;
+  -webkit-padding-start: 0.4em;
 }
 
-html[dir=rtl] .hlisting td+td {
-  padding-right: 0.4em;
-  padding-left: 0;
-}
-
 /* Match the indentation of .plugin-text. */
 .plugin-actions {
-  padding-left: 5px;
+  -webkit-padding-start: 5px;
   margin-top: 0.2em;
   margin-bottom: 0.2em;
 }
 
-html[dir=rtl] .plugin-actions {
-  padding-right: 5px;
-  padding-left: 0;
-}
-
 button {
   font-size: 104%;
 }