Browse Source

fixed title class + some styles

Artal Druk 8 years ago
parent
commit
7bece37261
2 changed files with 20 additions and 2 deletions
  1. 19
    1
      src/ZSSRichTextEditor/style.css
  2. 1
    1
      src/editor.html

+ 19
- 1
src/ZSSRichTextEditor/style.css View File

9
     padding: 0;
9
     padding: 0;
10
     margin: 0;
10
     margin: 0;
11
     font-family: Arial, Helvetica, sans-serif;
11
     font-family: Arial, Helvetica, sans-serif;
12
+    font-size:1em;
13
+    color:#2d4150;
12
 }
14
 }
13
 
15
 
14
 body {
16
 body {
15
-    padding: 10px;
17
+    padding-left:10px;
18
+    padding-right:10px;
19
+    padding-top: 0px;
20
+    padding-bottom: 0px;
16
     overflow-y: scroll;
21
     overflow-y: scroll;
17
     -webkit-overflow-scrolling: touch;
22
     -webkit-overflow-scrolling: touch;
18
     height: 100%;
23
     height: 100%;
41
     overflow:auto;
46
     overflow:auto;
42
 }
47
 }
43
 
48
 
49
+div.zss_editor_title {
50
+    font-family: 'Helvetica Neue Light', sans-serif;
51
+    font-size: 23px;
52
+    line-height: 31px;
53
+    color: #2d4150;
54
+}
55
+
44
 [placeholder]:empty:before {
56
 [placeholder]:empty:before {
45
     content: attr(placeholder);
57
     content: attr(placeholder);
46
     color: #555;
58
     color: #555;
48
 
60
 
49
 [placeholder]:empty:focus:before {
61
 [placeholder]:empty:focus:before {
50
     content: "";
62
     content: "";
63
+}
64
+
65
+hr {
66
+    border: none;
67
+    height: 1px;
68
+    background-color: #e7e7e7;
51
 }
69
 }

+ 1
- 1
src/editor.html View File

15
 
15
 
16
 	<body onLoad="zss_editor.init();">
16
 	<body onLoad="zss_editor.init();">
17
 		<!-- ZSSRichTextEditor Editable Content -->
17
 		<!-- ZSSRichTextEditor Editable Content -->
18
-		<div id="zss_editor_title" class="zs_editor_content" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
18
+		<div id="zss_editor_title" class="zss_editor_title" contenteditable="true" placeholder="" disableLineBreaks="true"></div>
19
 		<div><hr></div>
19
 		<div><hr></div>
20
 		<div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
20
 		<div id="zss_editor_content" class="zs_editor_content" contenteditable="true" placeholder=""></div>
21
 	</body>
21
 	</body>