Bläddra i källkod

add style css ckedit - refs BT#12688

Alex Aragon 7 år sedan
förälder
incheckning
eb7b6e3ff2

+ 16 - 22
app/Resources/public/css/editor.css

@@ -73,11 +73,7 @@ body{
     padding: 2% 3%;
     line-height: 20px;
 }
-.ck-title{
-    display: block;
-    font-weight: bold;
-    color: #000;
-}
+
 .ck-title2{
     padding-top: 0;
     margin-top: 0;
@@ -142,30 +138,28 @@ blockquote p {
     background-color: yellow;
 }
 /* line horizontal separation */
-.ck-style1 {
-    height: 6px;
-    background: url(../../main/img/document/hr-1.png) repeat-x 0 0;
-    border: 0;
+.ck-title {
+    border-top: 1px solid #84bd00;
+    display: inline-block;
+    width: 100%;
+    padding-top: 15px;
+    font-weight: normal;
+    font-size: 25px;
 }
 .ck-style2 {
     height: 6px;
     background: url(../../main/img/document/hr-2.png) repeat-x 0 0;
     border: 0;
 }
-.ck-style3 { 
-  border-top: 1px dashed #8c8b8b; 
+.ck-title3 { 
+  border-top: 1px solid #84bd00;
+  display: inline-block;
+  width: 100%;
+  padding-top: 15px;
+  font-weight: bold;
+  font-size: 16px;
 } 
-.ck-style3:after { 
-  content: '\002702'; 
-  display: inline-block; 
-  position: relative; 
-  top: -12px; 
-  left: 40px; 
-  padding: 0 3px; 
-  background: #FFF;
-  color: #8c8b8b; 
-  font-size: 18px; 
-}
+
 .alert {
   padding: 15px;
   margin-bottom: 20px;

+ 5 - 0
main/template/rainbow/javascript/editor/ckeditor/config_js.tpl

@@ -30,6 +30,11 @@ CKEDITOR.editorConfig = function (config) {
             element : 'h2',
             attributes : { 'class': 'ck ck-title2' }
         },
+        { 
+            name : 'Title 3',
+            element : 'h3',
+            attributes : { 'class': 'ck ck-title3' }
+        },
         { 
             name : 'Alert Success',
             element : 'p',