fix text-editor in theme

diff --git a/view/theme/diabook/icons/attach.png b/view/theme/diabook/icons/attach.png
new file mode 100755 (executable)
index 0000000..4412d94
Binary files /dev/null and b/view/theme/diabook/icons/attach.png differ

diff --git a/view/theme/diabook/icons/audio.png b/view/theme/diabook/icons/audio.png
new file mode 100755 (executable)
index 0000000..075e047
Binary files /dev/null and b/view/theme/diabook/icons/audio.png differ

diff --git a/view/theme/diabook/icons/camera.png b/view/theme/diabook/icons/camera.png
new file mode 100755 (executable)
index 0000000..8769cc8
Binary files /dev/null and b/view/theme/diabook/icons/camera.png differ

diff --git a/view/theme/diabook/icons/globe.png b/view/theme/diabook/icons/globe.png
new file mode 100755 (executable)
index 0000000..daec0c2
Binary files /dev/null and b/view/theme/diabook/icons/globe.png differ

diff --git a/view/theme/diabook/icons/unglobe.png b/view/theme/diabook/icons/unglobe.png
new file mode 100755 (executable)
index 0000000..ddcdfa2
Binary files /dev/null and b/view/theme/diabook/icons/unglobe.png differ

diff --git a/view/theme/diabook/icons/unlock.png b/view/theme/diabook/icons/unlock.png
new file mode 100755 (executable)
index 0000000..3d65430
Binary files /dev/null and b/view/theme/diabook/icons/unlock.png differ

diff --git a/view/theme/diabook/icons/video.png b/view/theme/diabook/icons/video.png
new file mode 100755 (executable)
index 0000000..c9a905e
Binary files /dev/null and b/view/theme/diabook/icons/video.png differ

diff --git a/view/theme/diabook/icons/weblink.png b/view/theme/diabook/icons/weblink.png
new file mode 100755 (executable)
index 0000000..45c471e
Binary files /dev/null and b/view/theme/diabook/icons/weblink.png differ

diff --git a/view/theme/diabook/jot.tpl b/view/theme/diabook/jot.tpl
new file mode 100755 (executable)
index 0000000..bb0f4b6
--- /dev/null
+++ b/view/theme/diabook/jot.tpl
@@ -0,0 +1,83 @@
+
+<div id="profile-jot-wrapper" >
+       <div id="profile-jot-banner-wrapper">
+               <div id="profile-jot-desc" >&nbsp;</div>
+               <div id="character-counter" class="grey"></div>
+       </div>
+       <div id="profile-jot-banner-end"></div>
+
+       <form id="profile-jot-form" action="$action" method="post" >
+               <input type="hidden" name="type" value="$ptyp" />
+               <input type="hidden" name="profile_uid" value="$profile_uid" />
+               <input type="hidden" name="return" value="$return_path" />
+               <input type="hidden" name="location" id="jot-location" value="$defloc" />
+               <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" />
+               <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>
+
+
+<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"></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"></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="weblink" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;"></a>
+       </div> 
+       <div id="profile-video-wrapper" style="display: $visitor;" >
+               <a id="profile-video" class="video" title="$video" onclick="jotVideoURL();return false;"></a>
+       </div> 
+       <div id="profile-audio-wrapper" style="display: $visitor;" >
+               <a id="profile-audio" class="audio" title="$audio" onclick="jotAudioURL();return false;"></a>
+       </div> 
+       <div id="profile-location-wrapper" style="display: $visitor;" >
+               <a id="profile-location" class="globe" title="$setloc" onclick="jotGetLocation();return false;"></a>
+       </div> 
+       <div id="profile-nolocation-wrapper" style="display: none;" >
+               <a id="profile-nolocation" class="noglobe" title="$noloc" onclick="jotClearLocation();return false;"></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="icon $lockstate"  title="$permset" ></a>$bang
+       </div>
+
+       <button onclick="preview_post();" id="jot-preview-link" class="button creation1">$preview</button>
+       <input type="submit" id="profile-jot-submit" class="button creation2" name="submit" value="$share" />
+
+       <div id="profile-jot-perms-end"></div>
+
+
+       <div id="profile-jot-plugin-wrapper">
+       $jotplugins
+       </div>
+
+       <div id="profile-rotator-wrapper" style="display: $visitor;" >
+               <img id="profile-rotator" src="images/rotator.gif" alt="$wait" title="$wait" style="display: none;" />
+       </div> 
+       
+       <div id="jot-preview-content" style="display:none;"></div>
+
+       <div style="display: none;">
+               <div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
+                       $acl
+                       <hr style="clear:both"/>
+                       <div id="profile-jot-email-label">$emailcc</div><input type="text" name="emailcc" id="profile-jot-email" title="$emtitle" />
+                       <div id="profile-jot-email-end"></div>
+                       $jotnets
+               </div>
+       </div>
+
+
+</div>
+
+<div id="profile-jot-end"></div>
+</form>
+</div>
+               {{ if $content }}<script>initEditor();</script>{{ endif }}

diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index c1eb3be5a72c447afafb247f5299d8202d038561..c497beffd68ccd78408e1e99ff1784e2dc20d62f 100644 (file)
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -104,20 +104,46 @@
 .icon.star    { background-image: url("../../../view/theme/diabook/icons/star.png");}
 .icon.link             { background-image: url("../../../view/theme/diabook/icons/link.png");}
 .icon.lock             { background-image: url("../../../view/theme/diabook/icons/lock.png");}
+.icon.unlock           { background-image: url("../../../view/theme/diabook/icons/unlock.png");}
+
+.camera        { background-image: url("../../../view/theme/diabook/icons/camera.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+.attach        { background-image: url("../../../view/theme/diabook/icons/attach.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+.video         { background-image: url("../../../view/theme/diabook/icons/video.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }     
+.audio         { background-image: url("../../../view/theme/diabook/icons/audio.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+.weblink       { background-image: url("../../../view/theme/diabook/icons/weblink.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+.globe         { background-image: url("../../../view/theme/diabook/icons/globe.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+.unglobe       { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
+                         
+                         
+
 
 .article       { background-position: -50px  0px;}
-.audio                 { background-position: -70px  0px;}
+/*.audio               { background-position: -70px  0px;}*/
 .block                 { background-position: -90px  0px;}
 /*.drop                { background-position: -110px 0px;}*/
 /*.drophide    { background-position: -130px 0px;}*/
 .edit          { background-position: -150px 0px;}
-.camera        { background-position: -170px 0px;}
+/*.camera      { background-position: -170px 0px;}*/
 /*.dislike     { background-position: -190px 0px;}*/
 /*.like                { background-position: -210px 0px;}*/
 /*.link                { background-position: -230px 0px;}*/
 
-.globe                 { background-position: -50px  -20px;}
-.noglobe       { background-position: -70px  -20px;}
+/*.globe               { background-position: -50px  -20px;}*/
+/*.noglobe     { background-position: -70px  -20px;}*/
 .no            { background-position: -90px  -20px;}
 .pause                 { background-position: -110px -20px;}
 .play          { background-position: -130px -20px;}
@@ -130,10 +156,10 @@
 .tools                 { background-position: -50px  -40px;}
 /*.lock                { background-position: -70px  -40px;}*/
 
-.video          { background-position: -110px -40px;}
+/*.video          { background-position: -110px -40px;}*/
 .youtube        { background-position: -130px -40px;}
 
-.attach         { background-position: -190px -40px;}
+/*.attach         { background-position: -190px -40px;}*/
 .language       { background-position: -210px -40px;}
 
 
@@ -1280,9 +1306,10 @@ section {
   height: 40px;
   overflow: none;
   width: 783px;
-  background-color: #0e232e;
+  background-color: #fff;
   border-bottom: 2px solid #9eabb0;
 }
+
 #jot #jot-tools li {
   list-style: none;
   float: left;
@@ -1379,7 +1406,94 @@ section {
   line-height: 20px;
   padding-right: 20px;
 }
+#jot-perms-icon, 
+#profile-location,
+#profile-nolocation,
+#profile-youtube, 
+#profile-video, 
+#profile-audio,
+#profile-link,
+#profile-title, 
+#wall-image-upload,
+#wall-file-upload,
+#wall-image-upload-div,
+#wall-file-upload-div,
+.hover, .focus {
+       cursor: pointer;
+       margin-top: 2px;
+}
+#profile-jot-wrapper{
+       margin: 0 2em 20px 0;
+   width: 685px;
+       }
+
+#profile-jot-submit-wrapper {
+       margin-bottom: 50px;
+       width: 675px;
+}
+
+#profile-jot-submit {
+       float: left;
+}
+#profile-upload-wrapper {
+       float: left;
+       
+}
+#profile-attach-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-rotator {
+       float: left;
+       margin-left: 30px;
+}
+#profile-link-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-youtube-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-video-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-audio-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-location-wrapper {
+       float: left;
+       margin-left: 15px;
+}
+#profile-jot-perms {
+       float: left;
+       margin-left: 45px;
+}
+#jot-preview-link {
+       float: left;
+       margin-left: 10px;
+       margin-top: 0px !important;
+}
+ 
 /** buttons **/
+.button.creation1 {
+    background-color: #fff;
+    border: 1px solid #777777;
+    background-image: -moz-linear-gradient(center top , white 0%, #DDDDDD 100%);
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 1px 1px #CFCFCF;
+}
+.button.creation2 {
+    background-color: #33ACFF;
+    background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%);
+    border: 1px solid #777777;
+    color: white;
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 1px 1px #CFCFCF;
+    margin-left: 5px;
+}
 /*input[type="submit"] {
        border: 0px;
     background-color: @ButtonBackgroundColor;