Twenty Fifteen, editor-style.css: revert the font-size back to 19px and margin back to 83px, merge the two body selectors (don't seem needed), remove redundant rtl rules and fix body.rtl selector. See #29799

git-svn-id: https://develop.svn.wordpress.org/trunk@29911 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2014-10-16 00:26:20 +00:00
parent 350439b05f
commit 136bba8cfd

View File

@ -1,490 +1,483 @@
/* /*
Theme Name: Twenty Fifteen Theme Name: Twenty Fifteen
Description: Used to style the TinyMCE editor. Description: Used to style the TinyMCE editor.
*/ */
/** /**
* Table of Contents: * Table of Contents:
* *
* 1.0 - Body * 1.0 - Body
* 2.0 - Typography * 2.0 - Typography
* 3.0 - Elements * 3.0 - Elements
* 4.0 - Alignment * 4.0 - Alignment
* 5.0 - Caption * 5.0 - Caption
* 6.0 - Galleries * 6.0 - Galleries
* 7.0 - Audio / Video * 7.0 - Audio / Video
* 8.0 - RTL * 8.0 - RTL
*/ */
/** /**
* 1.0 Body * 1.0 Body
*/ */
html .mce-content-body { body {
font-size: 17px; color: #333;
max-width: 660px; font-family: "Noto Serif", sans-serif;
} font-weight: 400;
font-size: 19px;
body { line-height: 1.6471;
color: #333; max-width: 660px;
font-family: "Noto Serif", sans-serif; margin: 83px 0 83px 83px;
font-weight: 400; vertical-align: baseline;
line-height: 1.6471; }
vertical-align: baseline;
}
/**
* 2.0 Typography
/** */
* 2.0 Typography
*/ h1,
h2,
h1, h3,
h2, h4,
h3, h5,
h4, h6 {
h5, clear: both;
h6 { font-weight: 700;
clear: both; margin: 64px 0 32px;
font-weight: 700; }
margin: 64px 0 32px;
} h1 {
font-size: 39px;
h1 { line-height: 1.2308;
font-size: 39px; }
line-height: 1.2308;
} h2 {
font-size: 32px;
h2 { line-height: 1.25;
font-size: 32px; }
line-height: 1.25;
} h3 {
font-size: 27px;
h3 { line-height: 1.1852;
font-size: 27px; }
line-height: 1.1852;
} h4 {
font-size: 22px;
h4 { line-height: 1.4545;
font-size: 22px; }
line-height: 1.4545;
} h5,
h6 {
h5, font-size: 19px;
h6 { letter-spacing: 0.1em;
font-size: 19px; line-height: 1.2632;
letter-spacing: 0.1em; text-transform: uppercase;
line-height: 1.2632; }
text-transform: uppercase;
} h1:first-child,
h2:first-child,
h1:first-child, h3:first-child,
h2:first-child, h4:first-child,
h3:first-child, h5:first-child,
h4:first-child, h6:first-child {
h5:first-child, margin-top: 0;
h6:first-child { }
margin-top: 0;
} p {
margin: 0 0 32px;
p { }
margin: 0 0 32px;
} b,
strong {
b, font-weight: 700;
strong { }
font-weight: 700;
} dfn,
cite,
dfn, em,
cite, i {
em, font-style: italic;
i { }
font-style: italic;
} blockquote {
border-left: 4px solid #707070;
blockquote { color: #707070;
border-left: 4px solid #707070; font-size: 22px;
color: #707070; font-style: italic;
font-size: 22px; line-height: 1.8182;
font-style: italic; margin: 0 0 40px -24px;
line-height: 1.8182; padding-left: 20px;
margin: 0 0 40px -24px; }
padding-left: 20px;
} blockquote > blockquote {
margin-left: 0;
blockquote > blockquote { }
margin-left: 0;
} blockquote p {
margin-bottom: 40px;
blockquote p { }
margin-bottom: 40px;
} blockquote > p:last-child {
margin-bottom: 0;
blockquote > p:last-child { }
margin-bottom: 0;
} blockquote cite,
blockquote small {
blockquote cite, color: #333;
blockquote small { font-size: 19px;
color: #333; font-family: "Noto Sans", sans-serif;
font-size: 19px; line-height: 1.6842;
font-family: "Noto Sans", sans-serif; }
line-height: 1.6842;
} blockquote em,
blockquote i,
blockquote em, blockquote cite {
blockquote i, font-style: normal;
blockquote cite { }
font-style: normal;
} blockquote strong,
blockquote b {
blockquote strong, font-weight: 400;
blockquote b { }
font-weight: 400;
} address {
font-style: italic;
address { margin: 0 0 32px;
font-style: italic; }
margin: 0 0 32px;
} code,
kbd,
code, tt,
kbd, var,
tt, samp,
var, pre {
samp, font-family: Inconsolata, monospace;
pre { }
font-family: Inconsolata, monospace;
} pre {
background-color: #fcfcfc;
pre { border: 1px solid #eaeaea;
background-color: #fcfcfc; font-size: 19px;
border: 1px solid #eaeaea; line-height: 1.2632;
font-size: 19px; margin-bottom: 32px;
line-height: 1.2632; max-width: 100%;
margin-bottom: 32px; overflow: auto;
max-width: 100%; padding: 15px;
overflow: auto; white-space: pre;
padding: 15px; white-space: pre-wrap;
white-space: pre; word-wrap: break-word;
white-space: pre-wrap; }
word-wrap: break-word;
} abbr[title] {
border-bottom: 1px dotted #eaeaea;
abbr[title] { cursor: help;
border-bottom: 1px dotted #eaeaea; }
cursor: help;
} mark,
ins {
mark, background-color: #fff9c0;
ins { text-decoration: none;
background-color: #fff9c0; }
text-decoration: none;
} sup,
sub {
sup, font-size: 75%;
sub { height: 0;
font-size: 75%; line-height: 0;
height: 0; position: relative;
line-height: 0; vertical-align: baseline;
position: relative; }
vertical-align: baseline;
} sup {
bottom: 1ex;
sup { }
bottom: 1ex;
} sub {
top: .5ex;
sub { }
top: .5ex;
} small {
font-size: 75%;
small { }
font-size: 75%;
} big {
font-size: 125%;
big { }
font-size: 125%;
}
/**
* 3.0 Elements
/** */
* 3.0 Elements
*/ hr {
background-color: #eaeaea;
hr { border: 0;
background-color: #eaeaea; height: 1px;
border: 0; margin-bottom: 32px;
height: 1px; }
margin-bottom: 32px;
} ul,
ol {
ul, margin: 0 0 32px 0;
ol { padding: 0;
margin: 0 0 32px 0; }
padding: 0;
} ul {
list-style: disc;
ul { }
list-style: disc;
} ol {
list-style: decimal;
ol { }
list-style: decimal;
} li > ul,
li > ol {
li > ul, margin: 0 0 0 25px;
li > ol { }
margin: 0 0 0 25px;
} dl {
margin: 0 0 32px;
dl { }
margin: 0 0 32px;
} dt {
font-weight: bold;
dt { }
font-weight: bold;
} dd {
margin: 0 0 32px;
dd { }
margin: 0 0 32px;
} .mce-item-table,
.mce-item-table th,
.mce-item-table, .mce-item-table td {
.mce-item-table th, border: 1px solid #eaeaea;
.mce-item-table td { }
border: 1px solid #eaeaea;
} .mce-item-table a {
color: #333;
.mce-item-table a { }
color: #333;
} .mce-item-table {
border-collapse: separate;
.mce-item-table { border-spacing: 0;
border-collapse: separate; border-width: 1px 0 0 1px;
border-spacing: 0; margin: 0 0 32px;
border-width: 1px 0 0 1px; width: 100%;
margin: 0 0 32px; }
width: 100%;
} .mce-item-table th,
.mce-item-table caption {
.mce-item-table th, border-width: 0 1px 1px 0;
.mce-item-table caption { font-family: "Noto Serif", sans-serif;
border-width: 0 1px 1px 0; font-size: 19px;
font-family: "Noto Serif", sans-serif; font-weight: 700;
font-size: 19px; padding: 8px;
font-weight: 700; text-align: left;
padding: 8px; vertical-align: baseline;
text-align: left; }
vertical-align: baseline;
} .mce-item-table td {
border-width: 0 1px 1px 0;
.mce-item-table td { font-family: "Noto Serif", sans-serif;
border-width: 0 1px 1px 0; font-size: 19px;
font-family: "Noto Serif", sans-serif; padding: 8px;
font-size: 19px; vertical-align: baseline;
padding: 8px; }
vertical-align: baseline;
} img {
border: 0;
img { height: auto;
border: 0; max-width: 660px;
height: auto; vertical-align: middle;
max-width: 660px; }
vertical-align: middle;
} figure {
margin: 0;
figure { }
margin: 0;
} del {
opacity: 0.8;
del { }
opacity: 0.8;
} a {
border-bottom: 1px solid #333;
a { color: #333;
border-bottom: 1px solid #333; text-decoration: none;
color: #333; }
text-decoration: none;
}
/**
* 4.0 Alignment
/** */
* 4.0 Alignment
*/ .alignleft {
float: left;
.alignleft { margin: 8px 32px 32px 0;
float: left; }
margin: 8px 32px 32px 0;
} .alignright {
float: right;
.alignright { margin: 8px 0 32px 32px;
float: right; }
margin: 8px 0 32px 32px;
} .aligncenter {
clear: both;
.aligncenter { display: block;
clear: both; margin: 8px auto;
display: block; }
margin: 8px auto;
}
/**
* 5.0 Caption
/** */
* 5.0 Caption
*/ .wp-caption {
background: transparent;
.wp-caption { border: none;
background: transparent; color: #707070;
border: none; font-family: "Noto Sans", sans-serif;
color: #707070; margin: 0 0 32px 0;
font-family: "Noto Sans", sans-serif; max-width: 660px;
margin: 0 0 32px 0; padding: 0;
max-width: 660px; text-align: center;
padding: 0; }
text-align: center;
} .wp-caption.alignleft {
margin: 8px 32px 8px 0;
.wp-caption.alignleft { }
margin: 8px 32px 8px 0;
} .wp-caption.alignright {
margin: 8px 0 8px 32px;
.wp-caption.alignright { }
margin: 8px 0 8px 32px;
} .wp-caption.aligncenter {
margin: 8px auto;
.wp-caption.aligncenter { }
margin: 8px auto;
} .wp-caption .wp-caption-text,
.wp-caption-dd {
.wp-caption .wp-caption-text, font-size: 16px;
.wp-caption-dd { line-height: 1.5;
font-size: 16px; padding: 8px 0;
line-height: 1.5; }
padding: 8px 0;
}
/**
* 6.0 Galleries
/** */
* 6.0 Galleries
*/ .gallery {
margin-bottom: 32px;
.gallery { }
margin-bottom: 32px;
} .gallery-item {
display: inline-block;
.gallery-item { padding: 1.79104477%;
display: inline-block; text-align: center;
padding: 1.79104477%; vertical-align: top;
text-align: center; width: 100%;
vertical-align: top; }
width: 100%;
} .gallery-columns-2 .gallery-item {
max-width: 50%;
.gallery-columns-2 .gallery-item { }
max-width: 50%;
} .gallery-columns-3 .gallery-item {
max-width: 33.33%;
.gallery-columns-3 .gallery-item { }
max-width: 33.33%;
} .gallery-columns-4 .gallery-item {
max-width: 25%;
.gallery-columns-4 .gallery-item { }
max-width: 25%;
} .gallery-columns-5 .gallery-item {
max-width: 20%;
.gallery-columns-5 .gallery-item { }
max-width: 20%;
} .gallery-columns-6 .gallery-item {
max-width: 16.66%;
.gallery-columns-6 .gallery-item { }
max-width: 16.66%;
} .gallery-columns-7 .gallery-item {
max-width: 14.28%;
.gallery-columns-7 .gallery-item { }
max-width: 14.28%;
} .gallery-columns-8 .gallery-item {
max-width: 12.5%;
.gallery-columns-8 .gallery-item { }
max-width: 12.5%;
} .gallery-columns-9 .gallery-item {
max-width: 11.11%;
.gallery-columns-9 .gallery-item { }
max-width: 11.11%;
} .gallery .gallery-caption {
color: #707070;
.gallery .gallery-caption { display: block;
color: #707070; font-family: "Noto Sans", sans-serif;
display: block; font-size: 16px;
font-family: "Noto Sans", sans-serif; line-height: 1.5;
font-size: 16px; padding: 8px 0;
line-height: 1.5; }
padding: 8px 0;
} .gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-6 .gallery-caption, .gallery-columns-8 .gallery-caption,
.gallery-columns-7 .gallery-caption, .gallery-columns-9 .gallery-caption {
.gallery-columns-8 .gallery-caption, display: none;
.gallery-columns-9 .gallery-caption { }
display: none;
}
/**
* 7.0 Audio / Video
/** */
* 7.0 Audio / Video
*/ .mce-content-body .wpview-wrap {
margin-bottom: 32px;
.mce-content-body .wpview-wrap { }
margin-bottom: 32px;
} .mce-content-body .wp-audio-playlist {
margin: 0;
.mce-content-body .wp-audio-playlist { }
margin: 0;
}
/**
* 8.0 RTL
/** */
* 8.0 RTL
*/ body.rtl {
margin: 83px 83px 83px 0;
html .mceContentBody.rtl { }
direction: rtl;
unicode-bidi: embed; .rtl blockquote {
} border-right: 4px solid #707070;
border-left: none;
.rtl body { margin: 0 -24px 40px 0;
margin: 83px 83px 83px 0; padding-right: 20px;
} padding-left: 0;
}
.rtl blockquote {
border-right: 4px solid #707070; .rtl blockquote > blockquote {
border-left: none; margin-right: 0;
margin: 0 -24px 40px 0; margin-left: auto;
padding-right: 20px; }
padding-left: 0;
} .rtl li > ul,
.rtl li > ol {
.rtl blockquote > blockquote { margin: 0 25px 0 0;
margin-right: 0; }
margin-left: auto;
} .rtl .mce-item-table th,
.rtl .mce-item-table caption {
.rtl li > ul, text-align: right;
.rtl li > ol { }
margin: 0 25px 0 0;
} .rtl .wp-caption.alignright {
margin: 8px 0 8px 32px;
.rtl .mce-item-table th, }
.rtl .mce-item-table caption {
text-align: right; .rtl .wp-caption.alignleft {
} margin: 8px 32px 8px 0;
}
.rtl .wp-caption.alignright {
margin: 8px 0 8px 32px;
}
.rtl .wp-caption.alignleft {
margin: 8px 32px 8px 0;
}