Main theme for SuiteDesk

themes/zuitedesk/css/editor.css

@@ -0,0 +1,163 @@
+/**
+ * @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;
+}