Changeset 33415

Timestamp:

07/25/2015 01:11:32 PM (8 years ago)

Author:

iseulde

Message:

Editor: add space around aligned images

Also increase the font size of captions.

Part props jmichaelward.
Fixes #32176.

File:

• trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css (modified) (2 diffs)

trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -72 +72 @@
 }
 
-.aligncenter,
-dl.aligncenter,
-.html5-captions .wp-caption.aligncenter {
+.mceIEcenter {
+    text-align: center;
+}
+
+.wp-caption {
+    margin: 0;
+}
+
+.wp-caption img {
+    display: block;
+}
+
+div.mceTemp {
+    -ms-user-select: element;
+}
+
+dl.wp-caption,
+dl.wp-caption * {
+    -webkit-user-drag: none;
+}
+
+.wp-caption-dd {
+    font-size: 14px;
+    padding-top: 0.5em;
+    margin: 0; /* browser reset */
+}
+
+.aligncenter {
     display: block;
     margin-left: auto;
@@ -82 +107 @@
 .alignleft {
     float: left;
+    margin: 0.5em 1em 0.5em 0;
 }
 
 .alignright {
     float: right;
-}
-
-.wp-caption {
-    border: 1px solid #ddd;
-    text-align: center;
-    background-color: #f3f3f3;
-    padding-top: 4px;
-    margin: 10px 0;
-}
-
-.html5-captions .wp-caption {
-    border: none;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-}
-
-.mceIEcenter {
-    text-align: center;
-}
-
-.wp-caption img {
-    margin: 0;
-    padding: 0;
-    border: 0 none;
-}
-
-div.mceTemp {
-    -ms-user-select: element;
-}
-
-dl.wp-caption,
-dl.wp-caption * {
-    -webkit-user-drag: none;
-}
-
-.wp-caption-dd {
-    font-size: 11px;
-    line-height: 17px;
-    padding: 0 4px 5px;
-    margin: 0;
+    margin: 0.5em 0 0.5em 1em;
 }