Ticket #21376: 21376.4.diff

wp-content/themes/twentytwelve/editor-style-rtl.css

@@ +1 @@
+/**
+ * Theme Name: Twenty Twelve
+ *
+ * Used to style the TinyMCE editor for RTL languages.
+ */
+
+html .mceContentBody {
+        direction: rtl;
+        unicode-bidi: embed;
+        float: right;
+}
+
+li {
+        margin: 0 24px 0 0;
+        margin: 0 1.714285714rem 0 0;
+}
+
+td {
+        text-align: right;
+}
+
+.wp-caption-dd {
+        padding-right: 10px;
+        text-align: right;
+}
+
+.alignleft {
+        float: right;
+        margin: 12px 0 12px 24px;
+        margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
+}
+
+.alignright {
+        float: left;
+        margin: 12px 24px 12px 0;
+        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
+}
+ No newline at end of file

wp-content/themes/twentytwelve/editor-style.css

@@ -1 @@
-/*
-Theme Name: Twenty Twelve
-Description: Used to style the TinyMCE editor.
-*/
+/**
+ * Theme Name: Twenty Twelve
+ * Description: Used to style the TinyMCE editor.
+ */
 
 html {
         font-size: 87.5%;
 }
+
 html .mceContentBody {
         max-width: 625px;
 }
+
 body {
         color: #444;
         font-family: "Open Sans", Helvetica, Arial, sans-serif;
@@ -19 +21 @@
         vertical-align: baseline;
 }
 
-/* Headings */
+/**
+ * 1.0 Headings
+ */
 h1,
 h2,
 h3,
@@ -31 +35 @@
         margin: 24px 0;
         margin: 1.714285714rem 0;
 }
+
 h1 {
         font-size: 21px;
         font-size: 1.5rem;
         line-height: 1.5;
 }
+
 h2 {
         font-size: 18px;
         font-size: 1.285714286rem;
         line-height: 1.6;
 }
+
 h3 {
         font-size: 16px;
         font-size: 1.142857143rem;
 }
+
 h4 {
         font-size: 14px;
         font-size: 1rem;
 }
+
 h5 {
         font-size: 13px;
         font-size: 0.928571429rem;
 }
+
 h6 {
         font-size: 12px;
         font-size: 0.857142857rem;
 }
+
 hr {
         /* TODO */
 }
 
-/* Text elements */
+/**
+ * 2.0 Text elements
+ */
 p {
         line-height: 1.714285714;
         margin: 0 0 24px;
         margin: 0 0 1.714285714rem;
 }
-ul, ol {
+
+ul,
+ol {
+        line-height: 1.714285714;
         margin: 0 0 24px;
         margin: 0 0 1.714285714rem;
-        line-height: 1.714285714;
         padding: 0;
 }
+
 ul {
         list-style: disc outside;
 }
+
 ol {
         list-style: decimal outside;
 }
-ul ul, ol ol, ul ol, ol ul {
+
+ul ul,
+ol ol,
+ul ol,
+ol ul {
         margin-bottom: 0;
 }
+
 li {
         margin: 0 0 0 24px;
         margin: 0 0 0 1.714285714rem;
 }
+
 dl {
         margin: 0 24px;
         margin: 0 1.714285714rem;
 }
+
 dt {
         font-weight: bold;
         margin-bottom: 24px;
         margin-bottom: 1.714285714rem;
 }
+
 dd {
         line-height: 1.714285714;
         margin: 0 0 24px;
         margin: 0 0 1.714285714rem;
 }
+
 strong {
         font-weight: bold;
 }
-cite, em, i {
+
+cite,
+em,
+i {
         font-style: italic;
 }
+
 cite {
         border: none;
 }
@@ -113 +143 @@
 big {
         /* TODO */
 }
+
 .mceContentBody blockquote {
         font-style: italic !important;
         font-weight: normal;
@@ -120 +151 @@
         padding: 24px;
         padding: 1.714285714rem;
 }
+
 pre {
         border: 1px solid #ededed;
         color: #666;
@@ -133 +165 @@
         padding: 24px;
         padding: 1.714285714rem;
 }
-code, kbd, samp, var {
+
+code,
+kbd,
+samp,
+var {
         font-family: Consolas, Monaco, Lucida Console, monospace;
         font-size: 12px;
         font-size: 0.857142857rem;
         line-height: 2;
 }
-abbr, acronym, dfn {
+
+abbr,
+acronym,
+dfn {
         border-bottom: 1px dotted #666;
         cursor: help;
 }
+
 address {
         display: block;
         line-height: 1.714285714;
         margin: 0 0 24px;
         margin: 0 0 1.714285714rem;
 }
+
 del {
         /* TODO */
 }
+
 ins {
         /* TODO */
 }
+
 sup,
 sub {
         font-size: 75%;
@@ -165 +208 @@
 sup {
         top: -0.5em;
 }
+
 sub {
         bottom: -0.25em;
 }
+
 input[type=text] {
         border: 1px solid #ccc;
         border-radius: 3px;
@@ -175 +220 @@
         padding: 6px;
         padding: 0.428571429rem;
 }
+
 textarea {
         border: 1px solid #d5d2ca;
         border-radius: 3px;
@@ -187 +233 @@
         width: 96%;
 }
 
-/* Links */
+/**
+ * 3.0 Links
+ */
 a,
 a em,
 a strong {
         color: #21759b;
         outline: none;
 }
+
 a:focus,
 a:active,
 a:hover {
         color: #0f3647;
 }
 
-/* Alignment */
+/**
+ * 4.0 Alignment
+ */
 .alignleft {
         display: inline;
         float: left;
+        margin: 12px 24px 12px 0;
+        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 }
+
 .alignright {
         display: inline;
         float: right;
         margin: 12px 0 12px 24px;
         margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 }
+
 .aligncenter {
         clear: both;
         display: block;
@@ -220 +275 @@
         margin-bottom: 0.857142857rem;
 }
 
-/* Tables */
+/**
+ * 5.0 Tables
+ */
 table {
         border-bottom: 1px solid #ededed;
         border-collapse: collapse;
@@ -233 +290 @@
         margin: 0 0 1.714285714rem;
         width: 100%;
 }
+
 tr th {
         color: #636363;
         font-size: 11px;
@@ -242 +300 @@
         text-align: left;
         text-transform: uppercase;
 }
+
 td {
         border-top: 1px solid #ededed !important;
         color: #777;
@@ -251 +310 @@
         text-align: left;
 }
 
-/* Images */
+/**
+ * 5.0 Images
+ */
 img {
         border: 0;
         border-radius: 3px;
         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
         max-width: 100%;
 }
+
 img.size-full {
         width: auto/9; /* Prevent stretching of full-size images in IE8 */
 }
+
 img[class*="wp-image-"] {
         height: auto;
         max-width: 100%;
 }
-img.alignleft {
-        margin: 12px 24px 12px 0;
-        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
-}
+
+
 img[class*="align"],
 img[class*="wp-image-"],
 img[class*="attachment-"] {
         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 }
+
 img.mceWPnextpage {
         border-radius: 0;
         box-shadow: none;
 }
+
 img.wp-smiley {
         border: 0;
         border-radius: 0;
@@ -286 +349 @@
         margin-top: 0;
         padding: 0;
 }
+
 .wp-caption {
         background: transparent;
         border: none;
@@ -293 +357 @@
         padding: 4px;
         text-align: left;
 }
+
 .wp-caption-dt {
         margin: 0;
 }
+
 .wp-caption .wp-caption-text,
 .wp-caption-dd {
         color: #777;