163 lines
2.4 KiB
CSS
163 lines
2.4 KiB
CSS
/**
|
|
* @file
|
|
* Editor Styling.
|
|
*/
|
|
|
|
|
|
body.ckeditor {
|
|
text-align: justify;
|
|
padding: 1%;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
text-align: left;
|
|
}
|
|
body.ckeditor,
|
|
body.ckeditor h1,
|
|
body.ckeditor h2,
|
|
body.ckeditor h3,
|
|
body.ckeditor h4,
|
|
body.ckeditor h5,
|
|
body.ckeditor h6 {
|
|
font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
}
|
|
a:focus {
|
|
outline: 0;
|
|
}
|
|
pre {
|
|
margin-top: 10px;
|
|
}
|
|
body.ckeditor pre {
|
|
font-size: 88%;
|
|
}
|
|
|
|
/*
|
|
* Indent & Justify classes.
|
|
*/
|
|
td ul, td ol {
|
|
padding-left: 8%;
|
|
}
|
|
body.ckeditor ul, body.ckeditor ol,
|
|
.node .content ul, .node .content ol {
|
|
padding-left: 5.4%;
|
|
}
|
|
.rteindent1 {
|
|
margin-left: 5.4%;
|
|
}
|
|
.rteindent2 {
|
|
margin-left: 10.8%;
|
|
}
|
|
.rteindent3 {
|
|
margin-left: 16.2%;
|
|
}
|
|
.rteindent4 {
|
|
margin-left: 21.6%;
|
|
}
|
|
|
|
/*
|
|
* Tables.
|
|
*/
|
|
table {
|
|
width: 100%;
|
|
}
|
|
thead th {
|
|
border-bottom: 2px solid #ddd;
|
|
}
|
|
td, th {
|
|
padding: 5px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
td[align=right], th[align=right] {
|
|
text-align: right;
|
|
}
|
|
td {
|
|
font-size: 90%;
|
|
}
|
|
|
|
/*
|
|
* Images.
|
|
*/
|
|
body.ckeditor img,
|
|
.node .content img {
|
|
margin: 3px 8px;
|
|
}
|
|
body.ckeditor img.img-responsive,
|
|
.node .content img.img-responsive {
|
|
height: auto !important;
|
|
margin: 3px auto;
|
|
}
|
|
body.ckeditor img.img-responsive[style*=float],
|
|
.node .content img.img-responsive[style*=float] {
|
|
margin: 3px 4px;
|
|
}
|
|
.node .content a.lexicon-icon img {
|
|
margin: 0;
|
|
}
|
|
|
|
/*
|
|
* Iframes / Video responsive.
|
|
*/
|
|
.video-responsive {
|
|
position: relative;
|
|
padding-top: 25px;
|
|
padding-bottom: 56.25%;
|
|
height: 0;
|
|
margin: 1.1em 0;
|
|
}
|
|
.video-responsive iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
body.ckeditor .video-responsive {
|
|
padding-top: 0;
|
|
padding-bottom: 58%;
|
|
}
|
|
|
|
/*
|
|
* Normalizing styles.
|
|
*/
|
|
body.ckeditor img.cke_drupal_break {
|
|
margin: 0 0 .8em;
|
|
}
|
|
body.ckeditor img.cke_iframe {
|
|
margin: 0;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
/*
|
|
* The following are the styles used in the "Styles" toolbar command.
|
|
*/
|
|
.note-red,
|
|
.note-cyan,
|
|
.note-green,
|
|
.note-orange,
|
|
.note-yellow {
|
|
color: #222;
|
|
margin: .5em;
|
|
padding: .5em;
|
|
}
|
|
.note-red {
|
|
background-color: Red;
|
|
color: #fff;
|
|
}
|
|
.note-cyan {
|
|
background-color: SkyBlue;
|
|
}
|
|
.note-green {
|
|
background-color: PaleGreen;
|
|
}
|
|
.note-orange {
|
|
background-color: Coral;
|
|
}
|
|
.note-yellow {
|
|
background-color: BlanchedAlmond;
|
|
}
|
|
.text-underline {
|
|
border-bottom: 1px solid currentColor;
|
|
}
|
|
.text-overline {
|
|
text-decoration: line-through;
|
|
}
|