themes-wordpress/toujours/editor-style.css
2018-02-27 14:26:04 +11:00

284 lines
4.6 KiB
CSS

/*
Theme Name: Toujours
Editor styles
*/
body#tinymce.wp-editor {
width: 760px;
}
body#tinymce.wp-editor,
#tinymce.wp-editor button,
#tinymce.wp-editor input,
#tinymce.wp-editor select,
#tinymce.wp-editor textarea {
color: #404040;
font-family: "Merriweather", Georgia, "Times New Roman", serif;
font-size: 17px;
line-height: 1.8;
}
#tinymce.wp-editor h1,
#tinymce.wp-editor h2,
#tinymce.wp-editor h3,
#tinymce.wp-editor h4,
#tinymce.wp-editor h5,
#tinymce.wp-editor h6 {
clear: both;
font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
line-height: 1.2;
margin: 0;
padding: 0 0 15px;
}
#tinymce.wp-editor h1 {
font-size: 40px;
}
#tinymce.wp-editor h2 {
font-size: 35px;
}
#tinymce.wp-editor h3 {
font-size: 30px;
}
#tinymce.wp-editor h4 {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#tinymce.wp-editor h5 {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#tinymce.wp-editor h6 {
font-size: 16px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#tinymce.wp-editor p {
margin: 0 0 1.5em;
padding: 0;
}
#tinymce.wp-editor dfn,
#tinymce.wp-editor cite,
#tinymce.wp-editor em,
#tinymce.wp-editor i {
font-style: italic;
}
#tinymce.wp-editor blockquote {
color: #888;
border-left: 4px solid #f0f0f0;
margin: 0 0 1.5em;
padding: 0 0 0 30px;
}
#tinymce.wp-editor blockquote p:last-child {
margin-bottom: 0;
}
#tinymce.wp-editor blockquote cite {
display: block;
font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
margin-top: 5px;
}
#tinymce.wp-editor address {
margin: 0 0 1.5em;
}
#tinymce.wp-editor pre {
background: #333;
color: #ddd;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
position: relative;
}
#tinymce.wp-editor pre:before {
border: 1px solid rgba(255, 255, 255, 0.4);
bottom: 3px;
content: "";
display: block;
left: 3px;
position: absolute;
right: 3px;
top: 3px;
}
#tinymce.wp-editor code,
#tinymce.wp-editor kbd,
#tinymce.wp-editor tt,
#tinymce.wp-editor var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
#tinymce.wp-editor abbr,
#tinymce.wp-editor acronym {
border-bottom: 1px dotted #666;
}
#tinymce.wp-editor mark,
#tinymce.wp-editor ins {
background: #fff9c0;
text-decoration: none;
}
#tinymce.wp-editor big {
font-size: 125%;
}
#tinymce.wp-editor blockquote:before,
#tinymce.wp-editor blockquote:after,
#tinymce.wp-editor q:before,
#tinymce.wp-editor q:after {
content: "";
}
#tinymce.wp-editor blockquote,
#tinymce.wp-editor q {
quotes: "" "";
}
#tinymce.wp-editor blockquote {
font-size: 120%;
font-style: italic;
position: relative;
}
#tinymce.wp-editor blockquote blockquote {
font-size: 100%;
}
#tinymce.wp-editor hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
#tinymce.wp-editor ul,
#tinymce.wp-editor ol {
margin: 0 0 30px;
}
#tinymce.wp-editor ul {
list-style: disc;
}
#tinymce.wp-editor ol {
list-style: decimal;
}
#tinymce.wp-editor li > ul,
#tinymce.wp-editor li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
#tinymce.wp-editor dl {
margin-bottom: 30px;
margin-top: 0;
}
#tinymce.wp-editor dt {
font-weight: bold;
}
#tinymce.wp-editor dd {
margin: 0 1.5em 1.5em;
}
#tinymce.wp-editor table {
border-bottom: 4px double #e1e1e1;
border-top: 4px double #e1e1e1;
margin: 0 0 30px;
max-width: 100%;
overflow: auto;
width: 100%;
}
#tinymce.wp-editor tr {
border-bottom: 1px solid #e1e1e1;
}
#tinymce.wp-editor th,
#tinymce.wp-editor td {
font-size: 90%;
padding: 10px;
text-align: left;
}
#tinymce.wp-editor thead {
font-weight: 700;
}
#tinymce.wp-editor a {
color: #2590ec;
}
#tinymce.wp-editor a:hover,
#tinymce.wp-editor a:active {
outline: 0;
}
#tinymce.wp-editor .alignleft {
display: inline;
float: left;
margin: 0 1.5em 1em 0;
}
#tinymce.wp-editor .alignright {
display: inline;
float: right;
margin: 0 0 1em 1.5em;
}
#tinymce.wp-editor .aligncenter {
clear: both;
display: block;
margin: 0 auto 1em;
}
#tinymce.wp-editor .wp-caption {
color: #999;
font-size: 14px;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
#tinymce.wp-editor .wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
#tinymce.wp-editor .wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
#tinymce.wp-editor .wp-caption-text {
text-align: center;
}