sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@29987 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2014-10-22 02:39:39 +00:00
parent 37e553ec79
commit 880dcf7376
1 changed files with 63 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
src/wp-content/themes/twentyfifteen/css/editor-style.css
View File

@ -26,10 +26,10 @@ body {
color: #333; color: #333;
font-family: "Noto Serif", serif; font-family: "Noto Serif", serif;
font-weight: 400; font-weight: 400;
font-size: 19px; font-size: 17px;
line-height: 1.6471; line-height: 1.6471;
max-width: 660px; max-width: 660px;
margin: 83px 0 83px 83px; margin: 8% 10%;
vertical-align: baseline; vertical-align: baseline;
} }
@ -46,34 +46,34 @@ h5,
h6 { h6 {
clear: both; clear: both;
font-weight: 700; font-weight: 700;
margin: 64px 0 32px; margin: 56px 0 28px;
} }
h1 { h1 {
font-size: 39px; font-size: 35px;
line-height: 1.2308; line-height: 1.2308;
} }
h2 { h2 {
font-size: 32px; font-size: 29px;
line-height: 1.25; line-height: 1.2069;
} }
h3 { h3 {
font-size: 27px; font-size: 24px;
line-height: 1.1852; line-height: 1.1667;
} }
h4 { h4 {
font-size: 22px; font-size: 20px;
line-height: 1.4545; line-height: 1.4;
} }
h5, h5,
h6 { h6 {
font-size: 19px; font-size: 17px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
line-height: 1.2632; line-height: 1.2353;
text-transform: uppercase; text-transform: uppercase;
} }
@ -87,7 +87,7 @@ h6:first-child {
} }
p { p {
margin: 0 0 32px; margin: 0 0 28px;
} }
b, b,
@ -105,11 +105,11 @@ i {
blockquote { blockquote {
border-left: 4px solid #707070; border-left: 4px solid #707070;
color: #707070; color: #707070;
font-size: 22px; font-size: 20px;
font-style: italic; font-style: italic;
line-height: 1.8182; line-height: 1.8182;
margin: 0 0 40px -24px; margin: 0 0 35px -21px;
padding-left: 20px; padding-left: 17px;
} }
blockquote > blockquote { blockquote > blockquote {
@ -117,7 +117,7 @@ blockquote > blockquote {
} }
blockquote p { blockquote p {
margin-bottom: 40px; margin-bottom: 35px;
} }
blockquote > p:last-child { blockquote > p:last-child {
@ -127,9 +127,9 @@ blockquote > p:last-child {
blockquote cite, blockquote cite,
blockquote small { blockquote small {
color: #333; color: #333;
font-size: 19px; font-size: 17px;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
line-height: 1.6842; line-height: 1.6471;
} }
blockquote em, blockquote em,
@ -145,7 +145,7 @@ blockquote b {
address { address {
font-style: italic; font-style: italic;
margin: 0 0 32px; margin: 0 0 28px;
} }
code, code,
@ -160,12 +160,12 @@ pre {
pre { pre {
background-color: #fcfcfc; background-color: #fcfcfc;
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
font-size: 19px; font-size: 17px;
line-height: 1.2632; line-height: 1.2353;
margin-bottom: 32px; margin-bottom: 28px;
max-width: 100%; max-width: 100%;
overflow: auto; overflow: auto;
padding: 15px; padding: 14px;
white-space: pre; white-space: pre;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
@ -216,12 +216,12 @@ hr {
background-color: #eaeaea; background-color: #eaeaea;
border: 0; border: 0;
height: 1px; height: 1px;
margin-bottom: 32px; margin-bottom: 28px;
} }
ul, ul,
ol { ol {
margin: 0 0 32px 0; margin: 0 0 28px 0;
padding: 0; padding: 0;
} }
@ -235,11 +235,11 @@ ol {
li > ul, li > ul,
li > ol { li > ol {
margin: 0 0 0 25px; margin: 0 0 0 23px;
} }
dl { dl {
margin: 0 0 32px; margin: 0 0 28px;
} }
dt { dt {
@ -247,43 +247,49 @@ dt {
} }
dd { dd {
margin: 0 0 32px; margin: 0 0 28px;
} }
table,
th,
td,
.mce-item-table, .mce-item-table,
.mce-item-table th, .mce-item-table th,
.mce-item-table td { .mce-item-table td {
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
} }
.mce-item-table a { table a {
color: #333; color: #333;
} }
table,
.mce-item-table { .mce-item-table {
border-collapse: separate; border-collapse: separate;
border-spacing: 0; border-spacing: 0;
border-width: 1px 0 0 1px; border-width: 1px 0 0 1px;
margin: 0 0 32px; margin: 0 0 28px;
width: 100%; width: 100%;
} }
table th,
.mce-item-table th, .mce-item-table th,
.mce-item-table caption { table caption {
border-width: 0 1px 1px 0; border-width: 0 1px 1px 0;
font-family: "Noto Serif", serif; font-family: "Noto Serif", serif;
font-size: 19px; font-size: 17px;
font-weight: 700; font-weight: 700;
padding: 8px; padding: 7px;
text-align: left; text-align: left;
vertical-align: baseline; vertical-align: baseline;
} }
table td,
.mce-item-table td { .mce-item-table td {
border-width: 0 1px 1px 0; border-width: 0 1px 1px 0;
font-family: "Noto Serif", serif; font-family: "Noto Serif", serif;
font-size: 19px; font-size: 17px;
padding: 8px; padding: 7px;
vertical-align: baseline; vertical-align: baseline;
} }
@ -294,6 +300,10 @@ img {
vertical-align: middle; vertical-align: middle;
} }
a img {
display: block;
}
figure { figure {
margin: 0; margin: 0;
} }
@ -315,18 +325,18 @@ a {
.alignleft { .alignleft {
float: left; float: left;
margin: 8px 32px 32px 0; margin: 7px 28px 28px 0;
} }
.alignright { .alignright {
float: right; float: right;
margin: 8px 0 32px 32px; margin: 7px 0 28px 28px;
} }
.aligncenter { .aligncenter {
clear: both; clear: both;
display: block; display: block;
margin: 8px auto; margin: 7px auto;
} }
@ -339,29 +349,29 @@ a {
border: none; border: none;
color: #707070; color: #707070;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
margin: 0 0 32px 0; margin: 0 0 28px 0;
max-width: 660px; max-width: 660px;
padding: 0; padding: 0;
text-align: center; text-align: center;
} }
.wp-caption.alignleft { .wp-caption.alignleft {
margin: 8px 32px 8px 0; margin: 7px 28px 21px 0;
} }
.wp-caption.alignright { .wp-caption.alignright {
margin: 8px 0 8px 32px; margin: 7px 0 21px 28px;
} }
.wp-caption.aligncenter { .wp-caption.aligncenter {
margin: 8px auto; margin: 7px auto;
} }
.wp-caption .wp-caption-text, .wp-caption .wp-caption-text,
.wp-caption-dd { .wp-caption-dd {
font-size: 16px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
padding: 8px 0; padding: 7px 0;
} }
@ -370,7 +380,7 @@ a {
*/ */
.gallery { .gallery {
margin-bottom: 32px; margin-bottom: 28px;
} }
.gallery-item { .gallery-item {
@ -417,9 +427,9 @@ a {
color: #707070; color: #707070;
display: block; display: block;
font-family: "Noto Sans", sans-serif; font-family: "Noto Sans", sans-serif;
font-size: 16px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
padding: 8px 0; padding: 7px 0;
} }
.gallery-columns-6 .gallery-caption, .gallery-columns-6 .gallery-caption,
@ -447,15 +457,11 @@ a {
* 8.0 RTL * 8.0 RTL
*/ */
body.rtl {
margin: 83px 83px 83px 0;
}
.rtl blockquote { .rtl blockquote {
border-right: 4px solid #707070; border-right: 4px solid #707070;
border-left: none; border-left: none;
margin: 0 -24px 40px 0; margin: 0 -21px 35px 0;
padding-right: 20px; padding-right: 17px;
padding-left: 0; padding-left: 0;
} }
@ -466,18 +472,10 @@ body.rtl {
.rtl li > ul, .rtl li > ul,
.rtl li > ol { .rtl li > ol {
margin: 0 25px 0 0; margin: 0 23px 0 0;
} }
.rtl .mce-item-table th, .rtl table th,
.rtl .mce-item-table caption { .rtl table caption {
text-align: right; text-align: right;
} }
.rtl .wp-caption.alignright {
margin: 8px 0 8px 32px;
}
.rtl .wp-caption.alignleft {
margin: 8px 32px 8px 0;
}