aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
Diffstat (limited to 'view')
-rw-r--r--view/jot.tpl6
-rw-r--r--view/theme/quattro/quattro.less32
-rw-r--r--view/theme/quattro/style.css31
3 files changed, 65 insertions, 4 deletions
diff --git a/view/jot.tpl b/view/jot.tpl
index df82f7199..00196e9d3 100644
--- a/view/jot.tpl
+++ b/view/jot.tpl
@@ -1,8 +1,8 @@
<form action="$action" method="post">
<div id="jot">
- <div id="profile-jot-desc" >&nbsp;</div>
- <input name="title" id="jot-title" type="text" placeholder="$titleplaceholder" value="$title" class="jothidden" style="display:none">
- <div id="character-counter" class="grey"></div>
+ <div id="profile-jot-desc" class="jothidden" >&nbsp;</div>
+ <input name="title" id="jot-title" type="text" placeholder="$placeholdertitle" value="$title" class="jothidden" style="display:none">
+ <div id="character-counter" class="grey jothidden"></div>
<input type="hidden" name="type" value="$ptyp" />
<input type="hidden" name="profile_uid" value="$profile_uid" />
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;