aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme
diff options
context:
space:
mode:
authorFabio Comuni <fabrix.xm@gmail.com>2012-01-06 09:11:25 +0100
committerFabio Comuni <fabrix.xm@gmail.com>2012-01-06 09:11:25 +0100
commitefe308b5ac9ac7e8d399fb880f31b6967de8fec1 (patch)
tree2b4e9ba4d155b267d21551f97a155b3e04dc2b97 /view/theme
parenta9670cbb7d2cab644ee9d499aade98164f92631a (diff)
downloadvolse-hubzilla-efe308b5ac9ac7e8d399fb880f31b6967de8fec1.tar.gz
volse-hubzilla-efe308b5ac9ac7e8d399fb880f31b6967de8fec1.tar.bz2
volse-hubzilla-efe308b5ac9ac7e8d399fb880f31b6967de8fec1.zip
Use html5 placeholder for title text input
Diffstat (limited to 'view/theme')
-rw-r--r--view/theme/darkzero/style.css18
-rw-r--r--view/theme/duepuntozero/jot.tpl25
-rw-r--r--view/theme/duepuntozero/style.css28
3 files changed, 45 insertions, 26 deletions
diff --git a/view/theme/darkzero/style.css b/view/theme/darkzero/style.css
index 1aa1efe87..25ae0c71f 100644
--- a/view/theme/darkzero/style.css
+++ b/view/theme/darkzero/style.css
@@ -70,3 +70,21 @@ input#dfrn-url {
color: #000088;
}
+#jot-perms-icon {
+ float: left;
+}
+
+
+#jot-title {
+ background-color: #333333;
+ border: 1px solid #333333;
+}
+
+#jot-title::-webkit-input-placeholder{ color: #555555!important;}
+#jot-title:-moz-placeholder{color: #555555!important;}
+
+
+#jot-title:hover,
+#jot-title:focus {
+ border: 1px solid #cccccc;
+}
diff --git a/view/theme/duepuntozero/jot.tpl b/view/theme/duepuntozero/jot.tpl
index 36008c5a1..e6ea1c1bd 100644
--- a/view/theme/duepuntozero/jot.tpl
+++ b/view/theme/duepuntozero/jot.tpl
@@ -14,42 +14,37 @@
<input type="hidden" name="coord" id="jot-coord" value="" />
<input type="hidden" name="post_id" value="$post_id" />
<input type="hidden" name="preview" id="jot-preview" value="0" />
- <div id="jot-title-wrapper">
- <span id="jot-title-desc" style="display: none;">$addtitle</span>
- <span id="jot-title-display" style="display: none;"></span>
- <input type="text" name="title" id="jot-title" value="" style="display: none;" />
- </div>
-
+ <input name="title" id="jot-title" type="text" placeholder="$placeholdertitle" value="$title" class="jothidden" style="display:none">
<img id="profile-jot-text-loading" src="images/rotator.gif" alt="$wait" title="$wait" style="display: none;" />
<textarea rows="5" cols="64" class="profile-jot-text" id="profile-jot-text" name="body" >{{ if $content }}$content{{ else }}$share{{ endif }}</textarea>
{{ if $content }}<script>initEditor();</script>{{ endif }}
-<div id="profile-jot-submit-wrapper" style="display:none">
+<div id="profile-jot-submit-wrapper" class="jothidden">
<div id="profile-upload-wrapper" style="display: $visitor;" >
- <div id="wall-image-upload-div" ><a href="#" onclick="return false;" id="wall-image-upload" class="camera" title="$upload">image upload</a></div>
+ <div id="wall-image-upload-div" ><a href="#" onclick="return false;" id="wall-image-upload" class="camera" title="$upload">$shortupload</a></div>
</div>
<div id="profile-attach-wrapper" style="display: $visitor;" >
- <div id="wall-file-upload-div" ><a href="#" onclick="return false;" id="wall-file-upload" class="attach" title="$attach">attach file</a></div>
+ <div id="wall-file-upload-div" ><a href="#" onclick="return false;" id="wall-file-upload" class="attach" title="$attach">$shortattach</a></div>
</div>
<div id="profile-link-wrapper" style="display: $visitor;" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);" >
- <a id="profile-link" class="link" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;">enter link</a>
+ <a id="profile-link" class="link" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;">$shortweblink</a>
</div>
<div id="profile-video-wrapper" style="display: $visitor;" >
- <a id="profile-video" class="video" title="$video" onclick="jotVideoURL();return false;">video url</a>
+ <a id="profile-video" class="video" title="$video" onclick="jotVideoURL();return false;">$shortvideo</a>
</div>
<div id="profile-audio-wrapper" style="display: $visitor;" >
- <a id="profile-audio" class="audio" title="$audio" onclick="jotAudioURL();return false;">audio url</a>
+ <a id="profile-audio" class="audio" title="$audio" onclick="jotAudioURL();return false;">$shortaudio</a>
</div>
<div id="profile-location-wrapper" style="display: $visitor;" >
- <a id="profile-location" class="globe" title="$setloc" onclick="jotGetLocation();return false;">set location</a>
+ <a id="profile-location" class="globe" title="$setloc" onclick="jotGetLocation();return false;">$shortsetloc</a>
</div>
<div id="profile-nolocation-wrapper" style="display: none;" >
- <a id="profile-nolocation" class="noglobe" title="$noloc" onclick="jotClearLocation();return false;">no location</a>
+ <a id="profile-nolocation" class="noglobe" title="$noloc" onclick="jotClearLocation();return false;">$shortnoloc</a>
</div>
<div id="profile-jot-perms" class="profile-jot-perms" style="display: $pvisit;" >
- <a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="$lockstate" title="$permset" >permissions</a>$bang
+ <a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="$lockstate" title="$permset" >$shortpermset</a>$bang
</div>
<input type="submit" id="profile-jot-submit" name="submit" value="$share" />
<div id="profile-jot-perms-end"></div>
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 6ce4c52c0..2f9691cad 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -269,22 +269,28 @@ div.wall-item-content-wrapper.shiny {
float: left;
}
-#jot-title-desc {
- color: #cccccc;
-}
-#jot-title-wrapper {
- margin-bottom: 5px;
-}
-#jot-title-display {
+#jot-title {
+ border: 0px;
+ margin: 0px;
+ height: 20px;
+ width: 90%;
font-weight: bold;
+ border: 1px solid #ffffff;
}
-#jot-title {
- border: 1px solid #cccccc;
- width: 530px;
+#jot-title::-webkit-input-placeholder{font-weight: normal;}
+#jot-title:-moz-placeholder{font-weight: normal;}
+
+
+#jot-title:hover,
+#jot-title:focus {
+ border: 1px solid #cccccc;
}
+.jothidden { display:none; }
+
+
.fakelink, .fakelink:visited, .fakelink:link {
color: #3465a4;
text-decoration: none;
@@ -1540,7 +1546,7 @@ input#dfrn-url {
padding: 3px 0px 0px 5px;
-moz-border-radius: 3px;
border-radius: 3px;
-
+ width: 100%;
}