2 files changed, 62 insertions, 1 deletions
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 81943c9b3..c5dfccf25 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -34,6 +34,7 @@ h4 { font-size: 1.1em }
 	transition: all 0.2s ease-in-out;
 }
 
+
 a, a:link { color: @Link; text-decoration: none; }
 a:visited { color: @LinkVisited; text-decoration: none; }
 a:hover {color: @LinkHover; text-decoration: underline; }
@@ -461,7 +462,7 @@ section {
 }
 
 /* editor */
-
+.jothidden { display: none; }
 #jot {
 
 	width: 100%;
@@ -536,6 +537,35 @@ section {
 		}
 	}
 
+	#jot-title {
+		border: 0px;
+		margin: 0px;
+		height: 20px;
+		width: 700px;
+		font-weight: bold;
+		border: 1px solid @BodyBackground;
+
+		&:-webkit-input-placeholder {
+			font-weight: normal;
+		}
+
+		&:-moz-placeholder {
+			font-weight: normal;
+		}		
+	
+		&:hover { border: 1px solid @CommentBoxEmptyBorderColor }
+		&:focus { border: 1px solid @CommentBoxEmptyBorderColor }
+	}
+	
+	#character-counter {
+		width: 80px;
+		float: right;
+		text-align: right;
+		height: 20px;
+		line-height: 20px;
+		padding-right: 20px;
+	}
+
 }
 
 
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 0ba05b8ac..6d3ebc62e 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -787,6 +787,9 @@ section {
   color: #ffffff;
 }
 /* editor */
+.jothidden {
+  display: none;
+}
 #jot {
   width: 100%;
   margin: 0px 2em 20px 0px;
@@ -863,6 +866,34 @@ section {
   background-color: #bdcdd4;
   color: #666666;
 }
+#jot #jot-title {
+  border: 0px;
+  margin: 0px;
+  height: 20px;
+  width: 700px;
+  font-weight: bold;
+  border: 1px solid #ffffff;
+}
+#jot #jot-title:-webkit-input-placeholder {
+  font-weight: normal;
+}
+#jot #jot-title:-moz-placeholder {
+  font-weight: normal;
+}
+#jot #jot-title:hover {
+  border: 1px solid #999999;
+}
+#jot #jot-title:focus {
+  border: 1px solid #999999;
+}
+#jot #character-counter {
+  width: 80px;
+  float: right;
+  text-align: right;
+  height: 20px;
+  line-height: 20px;
+  padding-right: 20px;
+}
 /** buttons **/
 /*input[type="submit"] {
 	border: 0px;