<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[31573] trunk: RTL CSS generation: Switch from CSSJanus to RTLCSS.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/31573">31573</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/31573","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ocean90</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-02-27 13:40:03 +0000 (Fri, 27 Feb 2015)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>RTL CSS generation: Switch from CSSJanus to RTLCSS.

CSSJanus (introduced in <a href="https://core.trac.wordpress.org/changeset/26107">[26107]</a>), we had a great time with you, but sadly you don't like our fancy CSS.

RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows.

Changes:
* devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`.
* RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive.
* RTLCSS supports the `transform` property, means we can remove some ignore rules.
* RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs.

Notes for core development:
* The file generation task is still `grunt rtl`.
* If you have used `grunt cssjanus` before, use `grunt rtlcss` now.
* Remember the new directive `/* rtl:ignore */`.

fixes <a href="https://core.trac.wordpress.org/ticket/31332">#31332</a>.

Build: https://build.trac.wordpress.org/changeset/31554</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkGruntfilejs">trunk/Gruntfile.js</a></li>
<li><a href="#trunkpackagejson">trunk/package.json</a></li>
<li><a href="#trunksrcwpadmincssaboutcss">trunk/src/wp-admin/css/about.css</a></li>
<li><a href="#trunksrcwpadmincssadminmenucss">trunk/src/wp-admin/css/admin-menu.css</a></li>
<li><a href="#trunksrcwpadmincsscommoncss">trunk/src/wp-admin/css/common.css</a></li>
<li><a href="#trunksrcwpadmincsseditcss">trunk/src/wp-admin/css/edit.css</a></li>
<li><a href="#trunksrcwpadmincssformscss">trunk/src/wp-admin/css/forms.css</a></li>
<li><a href="#trunksrcwpadmincssinstallcss">trunk/src/wp-admin/css/install.css</a></li>
<li><a href="#trunksrcwpadmincssthemescss">trunk/src/wp-admin/css/themes.css</a></li>
<li><a href="#trunksrcwpincludescsseditorcss">trunk/src/wp-includes/css/editor.css</a></li>
<li><a href="#trunksrcwpincludescssjqueryuidialogcss">trunk/src/wp-includes/css/jquery-ui-dialog.css</a></li>
<li><a href="#trunksrcwpincludescssmediaviewscss">trunk/src/wp-includes/css/media-views.css</a></li>
<li><a href="#trunksrcwpincludescsswppointercss">trunk/src/wp-includes/css/wp-pointer.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkGruntfilejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/Gruntfile.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/Gruntfile.js        2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/Gruntfile.js  2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -172,14 +172,29 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                ]
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                cssjanus: {
-                       core: {
-                               options: {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         rtlcss: {
+                       options: {
+                               // rtlcss options
+                               config: {
+                                       swapLeftRightInUrl: false,
</ins><span class="cx" style="display: block; padding: 0 10px">                                         swapLtrRtlInUrl: false,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        processContent: function( src ) {
-                                               return src.replace( /url\((.+?)\.css\)/g, 'url($1-rtl.css)' );
-                                       }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 autoRename: false,
+                                       preserveDirectives: true,
+                                       stringMap: [
+                                               {
+                                                       name: 'import-rtl-stylesheet',
+                                                       search: [ '.css' ],
+                                                       replace: [ '-rtl.css' ],
+                                                       options: {
+                                                               scope: 'url',
+                                                               ignoreCase: false
+                                                       }
+                                               }
+                                       ]
</ins><span class="cx" style="display: block; padding: 0 10px">                                 },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                saveUnmodified: false
+                       },
+                       core: {
</ins><span class="cx" style="display: block; padding: 0 10px">                                 expand: true,
</span><span class="cx" style="display: block; padding: 0 10px">                                cwd: SOURCE_DIR,
</span><span class="cx" style="display: block; padding: 0 10px">                                dest: BUILD_DIR,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,11 +205,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                ]
</span><span class="cx" style="display: block; padding: 0 10px">                        },
</span><span class="cx" style="display: block; padding: 0 10px">                        colors: {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                options: {
-                                       processContent: function( src ) {
-                                               return src.replace( /([^/]+)\.css/gi, '$1-rtl.css' );
-                                       }
-                               },
</del><span class="cx" style="display: block; padding: 0 10px">                                 expand: true,
</span><span class="cx" style="display: block; padding: 0 10px">                                cwd: BUILD_DIR,
</span><span class="cx" style="display: block; padding: 0 10px">                                dest: BUILD_DIR,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -503,7 +513,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                        SOURCE_DIR + 'wp-admin/css/*.css',
</span><span class="cx" style="display: block; padding: 0 10px">                                        SOURCE_DIR + 'wp-includes/css/*.css'
</span><span class="cx" style="display: block; padding: 0 10px">                                ],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                tasks: ['cssjanus:dynamic'],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         tasks: ['rtlcss:dynamic'],
</ins><span class="cx" style="display: block; padding: 0 10px">                                 options: {
</span><span class="cx" style="display: block; padding: 0 10px">                                        spawn: false,
</span><span class="cx" style="display: block; padding: 0 10px">                                        interval: 2000
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -522,7 +532,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        // Register tasks.
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        // RTL task.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        grunt.registerTask('rtl', ['cssjanus:core', 'cssjanus:colors']);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ grunt.registerTask('rtl', ['rtlcss:core', 'rtlcss:colors']);
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        // Color schemes task.
</span><span class="cx" style="display: block; padding: 0 10px">        grunt.registerTask('colors', ['sass:colors', 'autoprefixer:colors']);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -576,7 +586,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        //
</span><span class="cx" style="display: block; padding: 0 10px">        // On `watch:all`, automatically updates the `copy:dynamic` and `clean:dynamic`
</span><span class="cx" style="display: block; padding: 0 10px">        // configurations so that only the changed files are updated.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        // On `watch:rtl`, automatically updates the `cssjanus:dynamic` configuration.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // On `watch:rtl`, automatically updates the `rtlcss:dynamic` configuration.
</ins><span class="cx" style="display: block; padding: 0 10px">         grunt.event.on('watch', function( action, filepath, target ) {
</span><span class="cx" style="display: block; padding: 0 10px">                if ( target !== 'all' && target !== 'rtl' ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        return;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -588,6 +598,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                grunt.config(['clean', 'dynamic', 'src'], cleanSrc);
</span><span class="cx" style="display: block; padding: 0 10px">                grunt.config(['copy', 'dynamic', 'src'], copySrc);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                grunt.config(['cssjanus', 'dynamic', 'src'], copySrc);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         grunt.config(['rtlcss', 'dynamic', 'src'], copySrc);
</ins><span class="cx" style="display: block; padding: 0 10px">         });
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span></span></pre></div>
<a id="trunkpackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/package.json        2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/package.json  2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,10 +22,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">     "grunt-contrib-qunit": "~0.5.2",
</span><span class="cx" style="display: block; padding: 0 10px">     "grunt-contrib-uglify": "~0.6.0",
</span><span class="cx" style="display: block; padding: 0 10px">     "grunt-contrib-watch": "~0.6.1",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    "grunt-cssjanus": "~0.2.4",
</del><span class="cx" style="display: block; padding: 0 10px">     "grunt-jsvalidate": "~0.2.2",
</span><span class="cx" style="display: block; padding: 0 10px">     "grunt-legacy-util": "^0.2.0",
</span><span class="cx" style="display: block; padding: 0 10px">     "grunt-patch-wordpress": "~0.3.0",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    "grunt-rtlcss": "~1.5.1",
</ins><span class="cx" style="display: block; padding: 0 10px">     "grunt-sass": "~0.16.0",
</span><span class="cx" style="display: block; padding: 0 10px">     "matchdep": "~0.3.0"
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span></span></pre></div>
<a id="trunksrcwpadmincssaboutcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/about.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/about.css  2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/about.css    2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -263,6 +263,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .dfw-container .overlay-image.from-left {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transform: translate3d(-100%, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px">        transform: translate3d(-100%, 0, 0);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -296,7 +297,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .about-wrap .feature-list svg {
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        clear: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        margin: 15px 15px 0 0 ;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 15px 15px 0 0;
</ins><span class="cx" style="display: block; padding: 0 10px">         height: 90px;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 90px;
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #cccccc;
</span></span></pre></div>
<a id="trunksrcwpadmincssadminmenucss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/admin-menu.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/admin-menu.css     2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/admin-menu.css       2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -592,6 +592,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .folded #collapse-button div:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .rtl #collapse-button div:after {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transform: rotate(180deg);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -723,6 +724,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                background: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+        /* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px">         .auto-fold #collapse-button div:after {
</span><span class="cx" style="display: block; padding: 0 10px">                -webkit-transform: rotate(180deg);
</span><span class="cx" style="display: block; padding: 0 10px">                -ms-transform: rotate(180deg);
</span></span></pre></div>
<a id="trunksrcwpadmincsscommoncss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/common.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/common.css 2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/common.css   2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -390,12 +390,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0 0 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ltr {
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .code,
</span><span class="cx" style="display: block; padding: 0 10px"> code {
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: Consolas, Monaco, monospace;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2375,12 +2375,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background: #f3f3f3;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .section {
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .section ul,
</span><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .section ol {
</span><span class="cx" style="display: block; padding: 0 10px">        list-style-type: disc;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2408,7 +2408,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information #section-screenshots li p {
</span><span class="cx" style="display: block; padding: 0 10px">        font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2420,7 +2420,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .review {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: hidden; /* clearfix */
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2432,7 +2432,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: hidden; /* clearfix */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .review-title-section h4 {
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2445,24 +2445,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-top: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .reviewer-info .avatar {
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 4px 6px 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .reviewer-info .star-rating {
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .review-meta {
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: 0.75em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #plugin-information .review-body {
</span><span class="cx" style="display: block; padding: 0 10px">        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2710,7 +2710,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #template textarea,
</span><span class="cx" style="display: block; padding: 0 10px"> #docs-list {
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span></span></pre></div>
<a id="trunksrcwpadmincsseditcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/edit.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/edit.css   2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/edit.css     2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1310,7 +1310,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        transition-timing-function: ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><span class="cx" style="display: block; padding: 0 10px"> .focus-on #adminmenuback,
</span><span class="cx" style="display: block; padding: 0 10px"> .focus-on #adminmenuwrap {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transform: translateX( -100% );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1318,14 +1317,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        transform: translateX( -100% );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
-.rtl.focus-on #adminmenuback,
-.rtl.focus-on #adminmenuwrap {
-       -webkit-transform: translateX( 100% );
-       -ms-transform: translateX( 100% );
-       transform: translateX( 100% );
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .focus-off #adminmenuback,
</span><span class="cx" style="display: block; padding: 0 10px"> .focus-off #adminmenuwrap {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transform: translateX( 0 );
</span></span></pre></div>
<a id="trunksrcwpadmincssformscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/forms.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/forms.css  2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/forms.css    2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,7 +61,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="url"] {
</span><span class="cx" style="display: block; padding: 0 10px">        direction: ltr;
</span></span></pre></div>
<a id="trunksrcwpadmincssinstallcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/install.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/install.css        2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/install.css  2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -237,7 +237,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #ffebe8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> #dbname,
</span><span class="cx" style="display: block; padding: 0 10px"> #uname,
</span><span class="cx" style="display: block; padding: 0 10px"> #pwd,
</span></span></pre></div>
<a id="trunksrcwpadmincssthemescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/themes.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/themes.css 2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-admin/css/themes.css   2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1524,6 +1524,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transform: rotate(180deg);
</span></span></pre></div>
<a id="trunksrcwpincludescsseditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/editor.css      2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-includes/css/editor.css        2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2112,12 +2112,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font-family: Tahoma, sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
</span><span class="cx" style="display: block; padding: 0 10px">        direction: rtl;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .mce-rtl .mce-listbox i.mce-caret {
</span><span class="cx" style="display: block; padding: 0 10px">        left: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpincludescssjqueryuidialogcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/jquery-ui-dialog.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/jquery-ui-dialog.css    2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-includes/css/jquery-ui-dialog.css      2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -128,7 +128,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        bottom: -5px;
</span><span class="cx" style="display: block; padding: 0 10px">        left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-e {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: e-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 7px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,7 +136,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-w {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: w-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 7px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -144,7 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-se {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: se-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 12px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -152,7 +152,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        right: 1px;
</span><span class="cx" style="display: block; padding: 0 10px">        bottom: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-sw {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: sw-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 9px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,7 +160,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        left: -5px;
</span><span class="cx" style="display: block; padding: 0 10px">        bottom: -5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-nw {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: nw-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 9px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,7 +168,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        left: -5px;
</span><span class="cx" style="display: block; padding: 0 10px">        top: -5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .ui-resizable-ne {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: ne-resize;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 9px;
</span></span></pre></div>
<a id="trunksrcwpincludescssmediaviewscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/media-views.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/media-views.css 2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-includes/css/media-views.css   2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -886,13 +886,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .attachment .thumbnail img {
</span><span class="cx" style="display: block; padding: 0 10px">        top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-core-ui .attachment .thumbnail .centered {
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">        top: 0;
</span></span></pre></div>
<a id="trunksrcwpincludescsswppointercss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/wp-pointer.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/wp-pointer.css  2015-02-27 11:21:44 UTC (rev 31572)
+++ trunk/src/wp-includes/css/wp-pointer.css    2015-02-27 13:40:03 UTC (rev 31573)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -110,11 +110,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding-bottom: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-left {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-left: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-right {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: -13px;
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 13px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,14 +168,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        content: ' ';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-left .wp-pointer-arrow {
</span><span class="cx" style="display: block; padding: 0 10px">        left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 13px 13px 13px 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-right-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-left .wp-pointer-arrow-inner {
</span><span class="cx" style="display: block; padding: 0 10px">        left: 1px;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-left: -13px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -186,14 +186,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">        content: ' ';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-right .wp-pointer-arrow {
</span><span class="cx" style="display: block; padding: 0 10px">        right: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        border-width: 13px 0 13px 13px;
</span><span class="cx" style="display: block; padding: 0 10px">        border-left-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* @noflip */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* rtl:ignore */
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-pointer-right .wp-pointer-arrow-inner {
</span><span class="cx" style="display: block; padding: 0 10px">        right: 1px;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: -13px;
</span></span></pre>
</div>
</div>

</body>
</html>