Changeset 29987

Timestamp:

10/22/2014 02:39:39 AM (10 years ago)

Author:

azaozz

Message:

Twenty Fifteen: better editor-style.css: slightly smaller fonts, make the body margins relative, fix dependency on the mce-item-table class for tables. Props iamtakashi, fixes #29986

File:

• trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css (modified) (21 diffs)

trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

@@ -27 +27 @@
     font-family: "Noto Serif", serif;
     font-weight: 400;
-    font-size: 19px;
+    font-size: 17px;
     line-height: 1.6471;
     max-width: 660px;
-    margin: 83px 0 83px 83px;
+    margin: 8% 10%;
     vertical-align: baseline;
 }
@@ -47 +47 @@
     clear: both;
     font-weight: 700;
-    margin: 64px 0 32px;
+    margin: 56px 0 28px;
 }
 
 h1 {
-    font-size: 39px;
+    font-size: 35px;
     line-height: 1.2308;
 }
 
 h2 {
-    font-size: 32px;
-    line-height: 1.25;
+    font-size: 29px;
+    line-height: 1.2069;
 }
 
 h3 {
-    font-size: 27px;
-    line-height: 1.1852;
+    font-size: 24px;
+    line-height: 1.1667;
 }
 
 h4 {
-    font-size: 22px;
-    line-height: 1.4545;
+    font-size: 20px;
+    line-height: 1.4;
 }
 
 h5,
 h6 {
-    font-size: 19px;
+    font-size: 17px;
     letter-spacing: 0.1em;
-    line-height: 1.2632;
+    line-height: 1.2353;
     text-transform: uppercase;
 }
@@ -88 +88 @@
 
 p {
-    margin: 0 0 32px;
+    margin: 0 0 28px;
 }
 
@@ -106 +106 @@
     border-left: 4px solid #707070;
     color: #707070;
-    font-size: 22px;
+    font-size: 20px;
     font-style: italic;
     line-height: 1.8182;
-    margin: 0 0 40px -24px;
-    padding-left: 20px;
+    margin: 0 0 35px -21px;
+    padding-left: 17px;
 }
 
@@ -118 +118 @@
 
 blockquote p {
-    margin-bottom: 40px;
+    margin-bottom: 35px;
 }
 
@@ -128 +128 @@
 blockquote small {
     color: #333;
-    font-size: 19px;
+    font-size: 17px;
     font-family: "Noto Sans", sans-serif;
-    line-height: 1.6842;
+    line-height: 1.6471;
 }
 
@@ -146 +146 @@
 address {
     font-style: italic;
-    margin: 0 0 32px;
+    margin: 0 0 28px;
 }
 
@@ -161 +161 @@
     background-color: #fcfcfc;
     border: 1px solid #eaeaea;
-    font-size: 19px;
-    line-height: 1.2632;
-    margin-bottom: 32px;
+    font-size: 17px;
+    line-height: 1.2353;
+    margin-bottom: 28px;
     max-width: 100%;
     overflow: auto;
-    padding: 15px;
+    padding: 14px;
     white-space: pre;
     white-space: pre-wrap;
@@ -217 +217 @@
     border: 0;
     height: 1px;
-    margin-bottom: 32px;
+    margin-bottom: 28px;
 }
 
 ul,
 ol {
-    margin: 0 0 32px 0;
+    margin: 0 0 28px 0;
     padding: 0;
 }
@@ -236 +236 @@
 li > ul,
 li > ol {
-    margin: 0 0 0 25px;
+    margin: 0 0 0 23px;
 }
 
 dl {
-    margin: 0 0 32px;
+    margin: 0 0 28px;
 }
 
@@ -248 +248 @@
 
 dd {
-    margin: 0 0 32px;
-}
-
+    margin: 0 0 28px;
+}
+
+table,
+th,
+td,
 .mce-item-table,
 .mce-item-table th,
@@ -257 +260 @@
 }
 
-.mce-item-table a {
+table a {
     color: #333;
 }
 
+table,
 .mce-item-table {
     border-collapse: separate;
     border-spacing: 0;
     border-width: 1px 0 0 1px;
-    margin: 0 0 32px;
+    margin: 0 0 28px;
     width: 100%;
 }
 
+table th,
 .mce-item-table th,
-.mce-item-table caption {
+table caption {
     border-width: 0 1px 1px 0;
     font-family: "Noto Serif", serif;
-    font-size: 19px;
+    font-size: 17px;
     font-weight: 700;
-    padding: 8px;
+    padding: 7px;
     text-align: left;
     vertical-align: baseline;
 }
 
+table td,
 .mce-item-table td {
     border-width: 0 1px 1px 0;
     font-family: "Noto Serif", serif;
-    font-size: 19px;
-    padding: 8px;
+    font-size: 17px;
+    padding: 7px;
     vertical-align: baseline;
 }
@@ -295 +301 @@
 }
 
+a img {
+    display: block;
+}
+
 figure {
     margin: 0;
@@ -316 +326 @@
 .alignleft {
     float: left;
-    margin: 8px 32px 32px 0;
+    margin: 7px 28px 28px 0;
 }
 
 .alignright {
     float: right;
-    margin: 8px 0 32px 32px;
+    margin: 7px 0 28px 28px;
 }
 
@@ -327 +337 @@
     clear: both;
     display: block;
-    margin: 8px auto;
+    margin: 7px auto;
 }
 
@@ -340 +350 @@
     color: #707070;
     font-family: "Noto Sans", sans-serif;
-    margin: 0 0 32px 0;
+    margin: 0 0 28px 0;
     max-width: 660px;
     padding: 0;
@@ -347 +357 @@
 
 .wp-caption.alignleft {
-    margin: 8px 32px 8px 0;
+    margin: 7px 28px 21px 0;
 }
 
 .wp-caption.alignright {
-    margin: 8px 0 8px 32px;
+    margin: 7px 0 21px 28px;
 }
 
 .wp-caption.aligncenter {
-    margin: 8px auto;
+    margin: 7px auto;
 }
 
 .wp-caption .wp-caption-text,
 .wp-caption-dd {
-    font-size: 16px;
+    font-size: 14px;
     line-height: 1.5;
-    padding: 8px 0;
+    padding: 7px 0;
 }
 
@@ -371 +381 @@
 
 .gallery {
-    margin-bottom: 32px;
+    margin-bottom: 28px;
 }
 
@@ -418 +428 @@
     display: block;
     font-family: "Noto Sans", sans-serif;
-    font-size: 16px;
+    font-size: 14px;
     line-height: 1.5;
-    padding: 8px 0;
+    padding: 7px 0;
 }
 
@@ -448 +458 @@
  */
 
-body.rtl {
-    margin: 83px 83px 83px 0;
-}
-
 .rtl blockquote {
     border-right: 4px solid #707070;
     border-left: none;
-    margin: 0 -24px 40px 0;
-    padding-right: 20px;
+    margin: 0 -21px 35px 0;
+    padding-right: 17px;
     padding-left: 0;
 }
@@ -467 +473 @@
 .rtl li > ul,
 .rtl li > ol {
-    margin: 0 25px 0 0;
-}
-
-.rtl .mce-item-table th,
-.rtl .mce-item-table caption {
+    margin: 0 23px 0 0;
+}
+
+.rtl table th,
+.rtl table caption {
     text-align: right;
 }
-
-.rtl .wp-caption.alignright {
-    margin: 8px 0 8px 32px;
-}
-
-.rtl .wp-caption.alignleft {
-    margin: 8px 32px 8px 0;
-}