mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-15 03:05:26 +02:00
Code Issues Releases Wiki Activity

Minor improvements to default CKEditor contents.css, bumping up the font size slightly and increasing the left/right margin a bit

Browse Source
This commit is contained in:
Ryan Cramer
2019-01-11 09:08:58 -05:00
parent 770b75bb8a
commit 3517295e27
3 changed files with 8 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
wire/modules/Inputfield/InputfieldCKEditor/contents-inline.css
View File

@@ -1,97 +1 @@
/**
* General editor styles (inline only)
*
* See contents.css for regular mode styles.
*
*/
.InputfieldForm .InputfieldCKEditorInline {
font-family: Arial, sans-serif; }
.InputfieldForm .InputfieldCKEditorInline p, .InputfieldForm .InputfieldCKEditorInline li, .InputfieldForm .InputfieldCKEditorInline dl, .InputfieldForm .InputfieldCKEditorInline td {
font-size: 1em;
color: #333;
background: #fff; }
.InputfieldForm .InputfieldCKEditorInline a {
color: #444;
background: none;
text-decoration: underline; }
.InputfieldForm .InputfieldCKEditorInline a:hover {
color: #222;
background: #ffffdd; }
.InputfieldForm .InputfieldCKEditorInline i, .InputfieldForm .InputfieldCKEditorInline em {
font-style: italic; }
.InputfieldForm .InputfieldCKEditorInline b, .InputfieldForm .InputfieldCKEditorInline strong {
font-weight: bold; }
.InputfieldForm .InputfieldCKEditorInline strong em,
.InputfieldForm .InputfieldCKEditorInline em strong {
font-weight: bold;
font-style: italic; }
.InputfieldForm .InputfieldCKEditorInline small {
font-size: 0.875em; }
.InputfieldForm .InputfieldCKEditorInline ul li,
.InputfieldForm .InputfieldCKEditorInline ol li {
list-style: disc;
display: list-item;
margin: 0 0 0 2em; }
.InputfieldForm .InputfieldCKEditorInline ol li {
list-style: decimal; }
.InputfieldForm .InputfieldCKEditorInline blockquote {
padding-left: 1em;
border-left: 3px solid #ccc; }
.InputfieldForm .InputfieldCKEditorInline h1, .InputfieldForm .InputfieldCKEditorInline h2, .InputfieldForm .InputfieldCKEditorInline h3, .InputfieldForm .InputfieldCKEditorInline h4, .InputfieldForm .InputfieldCKEditorInline h5 {
color: #222;
font-family: Arial, sans-serif;
font-weight: normal;
text-transform: none; }
.InputfieldForm .InputfieldCKEditorInline h1 {
font-size: 2.0em; }
.InputfieldForm .InputfieldCKEditorInline h2 {
font-size: 1.7em; }
.InputfieldForm .InputfieldCKEditorInline h3 {
font-size: 1.5em; }
.InputfieldForm .InputfieldCKEditorInline h4 {
font-size: 1.3em; }
.InputfieldForm .InputfieldCKEditorInline h5 {
font-size: 1.2em; }
.InputfieldForm .InputfieldCKEditorInline h6 {
font-size: 1.1em; }
.InputfieldForm .InputfieldCKEditorInline table td,
.InputfieldForm .InputfieldCKEditorInline table th {
padding: 3px; }
.InputfieldForm .InputfieldCKEditorInline table th {
font-weight: bold; }
.InputfieldForm .InputfieldCKEditorInline img .cke_anchor {
display: inline; }
.InputfieldForm .InputfieldCKEditorInline figure {
display: table;
margin: 1em 0; }
.InputfieldForm .InputfieldCKEditorInline figure figcaption {
display: table-caption;
caption-side: bottom;
line-height: 1.3em;
color: #777;
font-size: 13px; }
.InputfieldForm .InputfieldCKEditorInline img.right, .InputfieldForm .InputfieldCKEditorInline img.align_right, .InputfieldForm .InputfieldCKEditorInline img.align-right,
.InputfieldForm .InputfieldCKEditorInline figure.right,
.InputfieldForm .InputfieldCKEditorInline figure.align_right,
.InputfieldForm .InputfieldCKEditorInline figure.align-right {
/* RCD */
float: right;
margin-left: 15px;
margin-right: 0;
margin-top: 0; }
.InputfieldForm .InputfieldCKEditorInline img.left, .InputfieldForm .InputfieldCKEditorInline img.align_left, .InputfieldForm .InputfieldCKEditorInline img.align-left,
.InputfieldForm .InputfieldCKEditorInline figure.left,
.InputfieldForm .InputfieldCKEditorInline figure.align_left,
.InputfieldForm .InputfieldCKEditorInline figure.align-left {
/* RCD */
float: left;
margin-top: 0;
margin-left: 0;
margin-right: 15px; }
.InputfieldForm .InputfieldCKEditorInline img.align_center, .InputfieldForm .InputfieldCKEditorInline img.align-center,
.InputfieldForm .InputfieldCKEditorInline figure.align_center,
.InputfieldForm .InputfieldCKEditorInline figure.align-center {
/* RCD */
display: block;
margin-left: auto;
margin-right: auto; }
.InputfieldForm .InputfieldCKEditorInline{font-family:Arial,sans-serif}.InputfieldForm .InputfieldCKEditorInline p,.InputfieldForm .InputfieldCKEditorInline li,.InputfieldForm .InputfieldCKEditorInline dl,.InputfieldForm .InputfieldCKEditorInline td{font-size:1em;color:#333;background:#fff}.InputfieldForm .InputfieldCKEditorInline a{color:#444;background:none;text-decoration:underline}.InputfieldForm .InputfieldCKEditorInline a:hover{color:#222;background:#ffd}.InputfieldForm .InputfieldCKEditorInline i,.InputfieldForm .InputfieldCKEditorInline em{font-style:italic}.InputfieldForm .InputfieldCKEditorInline b,.InputfieldForm .InputfieldCKEditorInline strong{font-weight:bold}.InputfieldForm .InputfieldCKEditorInline strong em,.InputfieldForm .InputfieldCKEditorInline em strong{font-weight:bold;font-style:italic}.InputfieldForm .InputfieldCKEditorInline small{font-size:.875em}.InputfieldForm .InputfieldCKEditorInline ul li,.InputfieldForm .InputfieldCKEditorInline ol li{list-style:disc;display:list-item;margin:0 0 0 2em}.InputfieldForm .InputfieldCKEditorInline ol li{list-style:decimal}.InputfieldForm .InputfieldCKEditorInline blockquote{padding-left:1em;border-left:3px solid #ccc}.InputfieldForm .InputfieldCKEditorInline h1,.InputfieldForm .InputfieldCKEditorInline h2,.InputfieldForm .InputfieldCKEditorInline h3,.InputfieldForm .InputfieldCKEditorInline h4,.InputfieldForm .InputfieldCKEditorInline h5{color:#222;font-family:Arial,sans-serif;font-weight:normal;text-transform:none}.InputfieldForm .InputfieldCKEditorInline h1{font-size:2em}.InputfieldForm .InputfieldCKEditorInline h2{font-size:1.7em}.InputfieldForm .InputfieldCKEditorInline h3{font-size:1.5em}.InputfieldForm .InputfieldCKEditorInline h4{font-size:1.3em}.InputfieldForm .InputfieldCKEditorInline h5{font-size:1.2em}.InputfieldForm .InputfieldCKEditorInline h6{font-size:1.1em}.InputfieldForm .InputfieldCKEditorInline table td,.InputfieldForm .InputfieldCKEditorInline table th{padding:3px}.InputfieldForm .InputfieldCKEditorInline table th{font-weight:bold}.InputfieldForm .InputfieldCKEditorInline img .cke_anchor{display:inline}.InputfieldForm .InputfieldCKEditorInline figure{display:table;margin:1em 0}.InputfieldForm .InputfieldCKEditorInline figure figcaption{display:table-caption;caption-side:bottom;line-height:1.3em;color:#777;font-size:13px}.InputfieldForm .InputfieldCKEditorInline img.right,.InputfieldForm .InputfieldCKEditorInline img.align_right,.InputfieldForm .InputfieldCKEditorInline img.align-right,.InputfieldForm .InputfieldCKEditorInline figure.right,.InputfieldForm .InputfieldCKEditorInline figure.align_right,.InputfieldForm .InputfieldCKEditorInline figure.align-right{float:right;margin-left:15px;margin-right:0;margin-top:0}.InputfieldForm .InputfieldCKEditorInline img.left,.InputfieldForm .InputfieldCKEditorInline img.align_left,.InputfieldForm .InputfieldCKEditorInline img.align-left,.InputfieldForm .InputfieldCKEditorInline figure.left,.InputfieldForm .InputfieldCKEditorInline figure.align_left,.InputfieldForm .InputfieldCKEditorInline figure.align-left{float:left;margin-top:0;margin-left:0;margin-right:15px}.InputfieldForm .InputfieldCKEditorInline img.align_center,.InputfieldForm .InputfieldCKEditorInline img.align-center,.InputfieldForm .InputfieldCKEditorInline figure.align_center,.InputfieldForm .InputfieldCKEditorInline figure.align-center{display:block;margin-left:auto;margin-right:auto}

1
wire/modules/Inputfield/InputfieldCKEditor/contents-inline.scss
View File

@@ -1,4 +1,3 @@
/**
* General editor styles (inline only)
*

9
wire/modules/Inputfield/InputfieldCKEditor/contents.css
View File

@@ -13,7 +13,7 @@
body {
/* Font */
font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
font-size: 15px;
font-size: 16px;
/* Text color */
color: #333;
@@ -21,7 +21,7 @@ body {
/* Remove the background color to make it transparent */
background-color: #fff;
margin: 10px;
margin: 10px 15px;
}
.cke_editable {
@@ -33,6 +33,7 @@ blockquote {
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;
margin-left: 0;
border-style: solid;
border-color: #ccc;
border-width: 0;
@@ -55,6 +56,10 @@ a {
color: #0782C1;
}
small {
font-size: 14px;
}
ol,ul,dl {
/* IE7: reset rtl list margin. (#7334) */
*margin-right: 0px;