Merge pull request #2539 from AngelFQC/1.11.x
Fix CKEditor styles when creating HTML documents or single blocks - refs BT#14381pull/2573/head
commit
ea39005ff9
@ -0,0 +1,36 @@ |
|||||||
|
/* |
||||||
|
Stylesheet for HTML documents created with CKEditor. |
||||||
|
|
||||||
|
This stylesheet must import editor_content.css file |
||||||
|
*/ |
||||||
|
@import url(./editor_content.css); |
||||||
|
|
||||||
|
body { |
||||||
|
color: #666; |
||||||
|
font-family: 'Open Sans', sans-serif; |
||||||
|
line-height: 30px; |
||||||
|
padding: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
blockquote { |
||||||
|
background: #f9f9f9; |
||||||
|
border-left: 8px solid #ccc; |
||||||
|
display: inline-block; |
||||||
|
font: 14px/20px italic Times, serif; |
||||||
|
margin: 1.5em 10px; |
||||||
|
padding: 0.5em 10px; |
||||||
|
quotes: "\201C" "\201D" "\2018" "\2019"; |
||||||
|
} |
||||||
|
|
||||||
|
blockquote:before { |
||||||
|
color: #ccc; |
||||||
|
content: open-quote; |
||||||
|
font-size: 4em; |
||||||
|
line-height: 0.1em; |
||||||
|
margin-right: 0.25em; |
||||||
|
vertical-align: -0.4em; |
||||||
|
} |
||||||
|
|
||||||
|
blockquote p { |
||||||
|
display: inline; |
||||||
|
} |
@ -0,0 +1,216 @@ |
|||||||
|
/* |
||||||
|
Stylesheet for HTML blocks created with CKEditor to embed in Chamilo pages. |
||||||
|
*/ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Open Sans'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 300; |
||||||
|
src: local('Open Sans Light'), |
||||||
|
local('OpenSans-Light'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Light.woff2) format('woff2'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Light.woff) format('woff'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Open Sans'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 400; |
||||||
|
src: local('Open Sans'), |
||||||
|
local('OpenSans'), |
||||||
|
url(themes/chamilo/fonts/OpenSans.woff2) format('woff2'), |
||||||
|
url(themes/chamilo/fonts/OpenSans.woff) format('woff'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Open Sans'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 600; |
||||||
|
src: local('Open Sans Semibold'), |
||||||
|
local('OpenSans-Semibold'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Semibold.woff2) format('woff2'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Semibold.woff) format('woff'); |
||||||
|
} |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: 'Open Sans'; |
||||||
|
font-style: normal; |
||||||
|
font-weight: 700; |
||||||
|
src: local('Open Sans Bold'), |
||||||
|
local('OpenSans-Bold'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Bold.woff2) format('woff2'), |
||||||
|
url(themes/chamilo/fonts/OpenSans-Bold.woff) format('woff'); |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
font-family: 'Open Sans', sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
/* Hack for show Bootstrap alerts in CKEditor' style select */ |
||||||
|
.cke_panel_listItem a > :first-child { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.ck { |
||||||
|
display: block; |
||||||
|
font-feature-settings: normal; |
||||||
|
font-kerning: auto; |
||||||
|
font-language-override: normal; |
||||||
|
font-size-adjust: none; |
||||||
|
font-stretch: normal; |
||||||
|
font-style: normal; |
||||||
|
font-synthesis: weight style; |
||||||
|
font-variant: normal; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-article { |
||||||
|
color: #E95839; |
||||||
|
background: url(../../main/img/document/border-title.png) repeat-x 0 80%; |
||||||
|
font-weight: bold; |
||||||
|
margin-bottom: 10px; |
||||||
|
padding-bottom: 2%; |
||||||
|
text-transform: uppercase; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-article:before { |
||||||
|
content: "\f15c"; |
||||||
|
font-family: FontAwesome; |
||||||
|
font-weight: normal; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-paragraph-box { |
||||||
|
background-color: #F5EEE2; |
||||||
|
line-height: 20px; |
||||||
|
padding: 2% 3%; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-title { |
||||||
|
color: #000; |
||||||
|
display: block; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-title2 { |
||||||
|
color: #000; |
||||||
|
font-weight: 500; |
||||||
|
margin-top: 0; |
||||||
|
padding-top: 0; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-title2:after { |
||||||
|
background-color: #E95839; |
||||||
|
content: ""; |
||||||
|
display: block; |
||||||
|
height: 2px; |
||||||
|
margin: 10px 0 0; |
||||||
|
width: 50px; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-stand-out { |
||||||
|
background-color: yellow; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-style1 { |
||||||
|
background: url(../../main/img/document/hr-1.png) repeat-x 0 0; |
||||||
|
border: 0; |
||||||
|
height: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-style2 { |
||||||
|
background: url(../../main/img/document/hr-2.png) repeat-x 0 0; |
||||||
|
border: 0; |
||||||
|
height: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-style3 { |
||||||
|
border-top: 1px dashed #8c8b8b; |
||||||
|
} |
||||||
|
|
||||||
|
.ck-style3:after { |
||||||
|
background: #FFF; |
||||||
|
color: #8c8b8b; |
||||||
|
content: '\002702'; |
||||||
|
display: inline-block; |
||||||
|
font-size: 18px; |
||||||
|
left: 40px; |
||||||
|
padding: 0 3px; |
||||||
|
position: relative; |
||||||
|
top: -12px; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-baseline { |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-top { |
||||||
|
vertical-align: top; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-bottom { |
||||||
|
vertical-align: bottom; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-middle { |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-super { |
||||||
|
vertical-align: super; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-sub { |
||||||
|
vertical-align: sub; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-text-top { |
||||||
|
vertical-align: text-top; |
||||||
|
} |
||||||
|
|
||||||
|
.img-va-text-bottom { |
||||||
|
vertical-align: text-bottom; |
||||||
|
} |
||||||
|
|
||||||
|
figure.image { |
||||||
|
border: 1px solid #ddd; |
||||||
|
border-radius: 5px; |
||||||
|
display: inline-block; |
||||||
|
margin-bottom: 1em; |
||||||
|
padding: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
.cke_widget_image.pull-right, |
||||||
|
img.pull-right, |
||||||
|
figure.image.pull-right { |
||||||
|
margin-left: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
.cke_widget_image.pull-left, |
||||||
|
img.pull-left, |
||||||
|
figure.image.pull-left { |
||||||
|
margin-right: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
.text-center .img-responsive { |
||||||
|
margin-left: auto; |
||||||
|
margin-right: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.cke_widget_image.pull-left figure.image, |
||||||
|
.cke_widget_image.pull-right figure.image, |
||||||
|
figure.image.pull-left, |
||||||
|
figure.image.pull-right { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
figure.image figcaption { |
||||||
|
background-color: #f3f3f3; |
||||||
|
border-radius: 0; |
||||||
|
margin: 0; |
||||||
|
padding-left: 5px; |
||||||
|
padding-top: 0; |
||||||
|
text-align: left; |
||||||
|
} |
Loading…
Reference in new issue