mirror of
https://github.com/WordPress/WordPress.git
synced 2024-10-30 15:31:04 +01:00
e7370bd83b
The table and calendar block font sizes were not as expected on front end within editor. This includes changes for header cells (th), removes redundant font size rules, corrects font-weight and updates figcaption selector along with editing text alignment and adding RTL font selection. Props nidhidhandhukiya, sabernhardt, sheulyshila, iamfarhan09, bijit027, jannathsyeda, pooja1210, shailu25, hmbashar. Fixes #58355. Built from https://develop.svn.wordpress.org/trunk@58635 git-svn-id: http://core.svn.wordpress.org/trunk@58064 1a063a9b-81f0-0310-95a4-ce76da25c4cd
544 lines
6.4 KiB
CSS
544 lines
6.4 KiB
CSS
/*
|
|
Theme Name: Twenty Sixteen
|
|
Description: Used to style the TinyMCE editor.
|
|
*/
|
|
|
|
|
|
/**
|
|
* Table of Contents:
|
|
*
|
|
* 1.0 - Body
|
|
* 2.0 - Typography
|
|
* 3.0 - Elements
|
|
* 4.0 - Alignment
|
|
* 5.0 - Caption
|
|
* 6.0 - Galleries
|
|
* 7.0 - Audio / Video
|
|
* 8.0 - RTL
|
|
*/
|
|
|
|
|
|
/**
|
|
* 1.0 - Body
|
|
*/
|
|
|
|
body {
|
|
color: #1a1a1a;
|
|
font-family: Merriweather, Georgia, serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.75;
|
|
margin: auto 20px;
|
|
max-width: 600px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
body.post-type-page {
|
|
max-width: 840px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 2.0 - Typography
|
|
*/
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
clear: both;
|
|
font-weight: 900;
|
|
margin: 56px 0 28px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 33px;
|
|
line-height: 1.2727272727;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 28px;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 23px;
|
|
line-height: 1.2173913043;
|
|
}
|
|
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-size: 19px;
|
|
line-height: 1.1052631579;
|
|
}
|
|
|
|
h4 {
|
|
letter-spacing: 0.13333em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h6 {
|
|
font-style: italic;
|
|
}
|
|
|
|
h1:first-child,
|
|
h2:first-child,
|
|
h3:first-child,
|
|
h4:first-child,
|
|
h5:first-child,
|
|
h6:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 28px;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
dfn,
|
|
cite,
|
|
em,
|
|
i {
|
|
font-style: italic;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 4px solid #1a1a1a;
|
|
color: #686868;
|
|
font-size: 19px;
|
|
font-style: italic;
|
|
line-height: 1.4736842105;
|
|
margin-bottom: 28px;
|
|
overflow: hidden;
|
|
padding: 0 0 0 24px;
|
|
}
|
|
|
|
blockquote blockquote:not(.alignleft):not(.alignright) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
blockquote:before,
|
|
blockquote:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
|
|
blockquote:after {
|
|
clear: both;
|
|
}
|
|
|
|
blockquote > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
blockquote cite,
|
|
blockquote small {
|
|
color: #1a1a1a;
|
|
font-size: 16px;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
blockquote em,
|
|
blockquote i,
|
|
blockquote cite {
|
|
font-style: normal;
|
|
}
|
|
|
|
blockquote strong,
|
|
blockquote b {
|
|
font-weight: 400;
|
|
}
|
|
|
|
blockquote.alignleft,
|
|
blockquote.alignright {
|
|
border: 0 solid #1a1a1a;
|
|
border-top-width: 4px;
|
|
padding: 18px 0 0;
|
|
width: -webkit-calc(50% - 14px);
|
|
width: calc(50% - 14px);
|
|
}
|
|
|
|
address {
|
|
font-style: italic;
|
|
margin: 0 0 28px;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
tt,
|
|
var,
|
|
samp,
|
|
pre {
|
|
font-family: Inconsolata, monospace;
|
|
}
|
|
|
|
pre {
|
|
border: 1px solid #d1d1d1;
|
|
font-size: 16px;
|
|
line-height: 1.3125;
|
|
margin: 0 0 28px;
|
|
overflow: auto;
|
|
padding: 1.75em;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
code {
|
|
background-color: #d1d1d1;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted #d1d1d1;
|
|
cursor: help;
|
|
}
|
|
|
|
mark,
|
|
ins {
|
|
background: #007acc;
|
|
color: #fff;
|
|
padding: 2px 4px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
sup,
|
|
sub {
|
|
font-size: 75%;
|
|
height: 0;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup {
|
|
top: -6px;
|
|
}
|
|
|
|
sub {
|
|
bottom: -3px;
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
big {
|
|
font-size: 125%;
|
|
}
|
|
|
|
|
|
/**
|
|
* 3.0 - Elements
|
|
*/
|
|
|
|
hr {
|
|
background-color: #d1d1d1;
|
|
border: 0;
|
|
height: 1px;
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin: 0 0 28px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul {
|
|
list-style: disc;
|
|
}
|
|
|
|
ol {
|
|
list-style: decimal;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
li > ul,
|
|
blockquote > ul {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
li > ol,
|
|
blockquote > ol {
|
|
margin-left: 24px;
|
|
}
|
|
|
|
dl {
|
|
margin: 0 0 28px;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd {
|
|
margin: 0 0 28px;
|
|
}
|
|
|
|
table,
|
|
th,
|
|
td,
|
|
.mce-item-table,
|
|
.mce-item-table th,
|
|
.mce-item-table td {
|
|
border: 1px solid #d1d1d1;
|
|
}
|
|
|
|
table a {
|
|
color: #007acc;
|
|
}
|
|
|
|
table,
|
|
.mce-item-table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
border-width: 1px 0 0 1px;
|
|
margin: 0 0 28px;
|
|
width: 100%;
|
|
}
|
|
|
|
table th,
|
|
.mce-item-table th,
|
|
table caption {
|
|
border-width: 0 1px 1px 0;
|
|
font-weight: 700;
|
|
padding: 7px;
|
|
text-align: start;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
table caption {
|
|
font-weight: normal;
|
|
}
|
|
|
|
table td,
|
|
.mce-item-table td {
|
|
border-width: 0 1px 1px 0;
|
|
padding: 7px;
|
|
vertical-align: baseline;
|
|
text-align: start;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
height: auto;
|
|
max-width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
a img {
|
|
display: block;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
}
|
|
|
|
del {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
a {
|
|
box-shadow: 0 1px 0 0 currentColor;
|
|
color: #007acc;
|
|
text-decoration: none;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #d1d1d1;
|
|
margin: 0 0 28px;
|
|
padding: 14px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 4.0 - Alignment
|
|
*/
|
|
|
|
.alignleft {
|
|
float: left;
|
|
margin: 6px 28px 28px 0;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
margin: 6px 0 28px 28px;
|
|
}
|
|
|
|
.aligncenter {
|
|
clear: both;
|
|
display: block;
|
|
margin: 0 auto 28px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 5.0 - Caption
|
|
*/
|
|
|
|
.wp-caption {
|
|
background: transparent;
|
|
border: none;
|
|
margin-bottom: 28px;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
text-align: inherit;
|
|
}
|
|
|
|
.wp-caption-text,
|
|
.wp-caption-dd {
|
|
color: #686868;
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
line-height: 1.6153846154;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 6.0 - Galleries
|
|
*/
|
|
|
|
.mce-content-body .wpview-wrap {
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
.gallery {
|
|
margin: 0 -1.1666667%;
|
|
padding: 0;
|
|
}
|
|
|
|
.gallery .gallery-item {
|
|
display: inline-block;
|
|
max-width: 33.33%;
|
|
padding: 0 1.1400652% 2.2801304%;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-columns-1 .gallery-item {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.gallery-columns-2 .gallery-item {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.gallery-columns-4 .gallery-item {
|
|
max-width: 25%;
|
|
}
|
|
|
|
.gallery-columns-5 .gallery-item {
|
|
max-width: 20%;
|
|
}
|
|
|
|
.gallery-columns-6 .gallery-item {
|
|
max-width: 16.66%;
|
|
}
|
|
|
|
.gallery-columns-7 .gallery-item {
|
|
max-width: 14.28%;
|
|
}
|
|
|
|
.gallery-columns-8 .gallery-item {
|
|
max-width: 12.5%;
|
|
}
|
|
|
|
.gallery-columns-9 .gallery-item {
|
|
max-width: 11.11%;
|
|
}
|
|
|
|
.gallery .gallery-caption {
|
|
font-size: 13px;
|
|
margin: 0;
|
|
}
|
|
|
|
.gallery-columns-6 .gallery-caption,
|
|
.gallery-columns-7 .gallery-caption,
|
|
.gallery-columns-8 .gallery-caption,
|
|
.gallery-columns-9 .gallery-caption {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/**
|
|
* 7.0 - Audio / Video
|
|
*/
|
|
|
|
.wp-audio-shortcode a,
|
|
.wp-playlist a {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mce-content-body .wp-audio-playlist {
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mce-content-body .wp-playlist-tracks {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mce-content-body .wp-playlist-item {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.mce-content-body .wp-playlist-item-length {
|
|
top: 10px;
|
|
}
|
|
|
|
|
|
/**
|
|
* 8.0 - RTL
|
|
*/
|
|
|
|
body.rtl,
|
|
[dir="rtl"] body {
|
|
font-family: Arial, Tahoma, sans-serif;
|
|
}
|
|
|
|
.rtl blockquote {
|
|
border: 0 solid #1a1a1a;
|
|
border-right-width: 4px;
|
|
}
|
|
|
|
.rtl blockquote.alignleft,
|
|
.rtl blockquote.alignright {
|
|
border: 0 solid #1a1a1a;
|
|
border-top-width: 4px;
|
|
}
|
|
|
|
.rtl blockquote:not(.alignleft):not(.alignright) {
|
|
padding: 0 24px 0 0;
|
|
}
|
|
|
|
.rtl blockquote blockquote:not(.alignleft):not(.alignright) {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.rtl li > ul,
|
|
.rtl blockquote > ul {
|
|
margin-right: 20px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.rtl li > ol,
|
|
.rtl blockquote > ol {
|
|
margin-right: 24px;
|
|
margin-left: auto;
|
|
}
|