diff options
| author | Fabio Comuni <fabrix.xm@gmail.com> | 2011-12-20 17:17:17 +0100 |
|---|---|---|
| committer | Fabio Comuni <fabrix.xm@gmail.com> | 2011-12-20 17:17:17 +0100 |
| commit | f3b499f1192a3cc2386aa639d2f0d2fa147e911a (patch) | |
| tree | 528164831daba7714939ec3347fa81eef0aae165 /view | |
| parent | 2a3f94e4521f00142b99ba4fa5f4ec093159cbb7 (diff) | |
| download | volse-hubzilla-f3b499f1192a3cc2386aa639d2f0d2fa147e911a.tar.gz volse-hubzilla-f3b499f1192a3cc2386aa639d2f0d2fa147e911a.tar.bz2 volse-hubzilla-f3b499f1192a3cc2386aa639d2f0d2fa147e911a.zip | |
quattro: more on editor
Diffstat (limited to 'view')
| -rw-r--r-- | view/jot.tpl | 6 | ||||
| -rw-r--r-- | view/theme/quattro/quattro.less | 32 | ||||
| -rw-r--r-- | view/theme/quattro/style.css | 31 |
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" > </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" > </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; |