mirror of
https://github.com/friendica/friendica
synced 2024-12-23 12:00:16 +00:00
commit
e14ab2d369
29 changed files with 1410 additions and 42 deletions
2
boot.php
2
boot.php
|
@ -2631,7 +2631,7 @@ if(! function_exists('get_plink')) {
|
|||
function get_plink($item) {
|
||||
$a = get_app();
|
||||
$plink = (((x($item,'plink')) && (! $item['private'])) ? '<div class="wall-item-links-wrapper"><a href="'
|
||||
. $item['plink'] . '" title="' . t('link to source') . '" target="external-link" ><img src="' . $a->get_baseurl() . '/images/remote-link.gif" alt="' . t('link to source') . '" /></a></div>' : '');
|
||||
. $item['plink'] . '" title="' . t('link to source') . '" target="external-link" class="icon remote-link"></a></div>' : '');
|
||||
return $plink;
|
||||
}}
|
||||
|
||||
|
|
BIN
images/icons.png
Normal file
BIN
images/icons.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.2 KiB |
|
@ -91,19 +91,20 @@
|
|||
$.get("ping",function(data) {
|
||||
$(data).find('result').each(function() {
|
||||
var net = $(this).find('net').text();
|
||||
if(net == 0) { net = ''; }
|
||||
if(net == 0) { net = ''; $('#net-update').hide() } else { $('#net-update').show() }
|
||||
$('#net-update').html(net);
|
||||
var home = $(this).find('home').text();
|
||||
if(home == 0) { home = ''; }
|
||||
if(home == 0) { home = ''; $('#home-update').hide() } else { $('#home-update').show() }
|
||||
$('#home-update').html(home);
|
||||
var mail = $(this).find('mail').text();
|
||||
if(mail == 0) { mail = ''; }
|
||||
if(mail == 0) { mail = ''; $('#mail-update').hide() } else { $('#mail-update').show() }
|
||||
$('#mail-update').html(mail);
|
||||
var intro = $(this).find('intro').text();
|
||||
var register = $(this).find('register').text();
|
||||
if(intro == 0) { intro = ''; }
|
||||
if(register != 0 && intro != '') { intro = intro+'/'+register; }
|
||||
if(register != 0 && intro == '') { intro = '0/'+register; }
|
||||
if (intro == '') { $('#notify-update').hide() } else { $('#notify-update').show() }
|
||||
$('#notify-update').html(intro);
|
||||
|
||||
});
|
||||
|
@ -161,15 +162,11 @@
|
|||
}
|
||||
|
||||
function imgbright(node) {
|
||||
$(node).attr("src",$(node).attr("src").replace('hide','show'));
|
||||
$(node).css('width',24);
|
||||
$(node).css('height',24);
|
||||
$(node).removeClass("drophide").addClass("drop");
|
||||
}
|
||||
|
||||
function imgdull(node) {
|
||||
$(node).attr("src",$(node).attr("src").replace('show','hide'));
|
||||
$(node).css('width',16);
|
||||
$(node).css('height',16);
|
||||
$(node).removeClass("drop").addClass("drophide");
|
||||
}
|
||||
|
||||
// Since our ajax calls are asynchronous, we will give a few
|
||||
|
|
|
@ -18,13 +18,13 @@
|
|||
<div id="contact-edit-nav-wrapper" >
|
||||
|
||||
<div id="contact-edit-links" >
|
||||
<a href="contacts/$contact_id/block" id="contact-edit-block-link" ><img src="images/b_block.gif" alt="$blockunblock" title="$block_text"/></a>
|
||||
<a href="contacts/$contact_id/ignore" id="contact-edit-ignore-link" ><img src="images/no.gif" alt="$ignorecont" title="$ignore_text"/></a>
|
||||
<a href="crepair/$contact_id" id="contact-edit-repair" ><img src="images/tools.png" alt="$altcrepair" title="$lblcrepair"/></a>
|
||||
<a href="contacts/$contact_id/block" class="icon block" id="contact-edit-block-link" title="$block_text"></a>
|
||||
<a href="contacts/$contact_id/ignore" class="icon no" id="contact-edit-ignore-link" title="$ignore_text"></a>
|
||||
<a href="crepair/$contact_id" class="icon tools" id="contact-edit-repair" title="$lblcrepair"></a>
|
||||
|
||||
</div>
|
||||
<div id="contact-drop-links" >
|
||||
<a href="contacts/$contact_id/drop" id="contact-edit-drop-link" onclick="return confirmDelete();" ><img src="images/b_drophide.gif" alt="$delete" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" /></a>
|
||||
<a href="contacts/$contact_id/drop" class="icon drophide" id="contact-edit-drop-link" onclick="return confirmDelete();" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);"></a>
|
||||
</div>
|
||||
<div id="contact-edit-nav-end"></div>
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
</div>
|
||||
<div class="contact-entry-direction-end" ></div>
|
||||
<div class="contact-entry-edit-links" >
|
||||
<a href="contacts/$id" class="contact-entry-edit-link" ><img src="images/b_edit.gif" alt="$edit_hover" title="$edit_hover" /></a>
|
||||
<a class="icon pencil" href="contacts/$id" class="contact-entry-edit-link" title="$edit_hover"></a>
|
||||
</div>
|
||||
<div class="contact-entry-edit-end"></div>
|
||||
</div>
|
||||
|
|
|
@ -1 +1,10 @@
|
|||
<div class="group-delete-wrapper" id="group-delete-wrapper-$id" ><a href="group/drop/$id" onclick="return confirmDelete();" ><img src="images/b_drophide.gif" alt="$delete" title="$delete" id="group-delete-icon-$id" class="group-delete-icon" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a></div><div class="group-delete-end"></div>
|
||||
<div class="group-delete-wrapper" id="group-delete-wrapper-$id" >
|
||||
<a href="group/drop/$id"
|
||||
onclick="return confirmDelete();"
|
||||
title="$delete"
|
||||
id="group-delete-icon-$id"
|
||||
class="icon drophide group-delete-icon"
|
||||
onmouseover="imgbright(this);"
|
||||
onmouseout="imgdull(this);" ></a>
|
||||
</div>
|
||||
<div class="group-delete-end"></div>
|
||||
|
|
|
@ -74,11 +74,11 @@ tinyMCE.init({
|
|||
var selstr;
|
||||
$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
|
||||
selstr = $(this).text();
|
||||
$('#profile-jot-perms img').attr('src', 'images/lock_icon.gif');
|
||||
$('#jot-perms-icon').removeClass('unlock').addClass('lock');
|
||||
$('.profile-jot-net input').attr('disabled', 'disabled');
|
||||
});
|
||||
if(selstr == null) {
|
||||
$('#profile-jot-perms img').attr('src', 'images/unlock_icon.gif');
|
||||
$('#jot-perms-icon').removeClass('lock').addClass('unlock');
|
||||
$('.profile-jot-net input').attr('disabled', false);
|
||||
}
|
||||
|
||||
|
|
26
view/jot.tpl
26
view/jot.tpl
|
@ -21,28 +21,28 @@
|
|||
<div id="profile-jot-submit-wrapper" >
|
||||
<input type="submit" id="profile-jot-submit" name="submit" value="$share" />
|
||||
<div id="profile-upload-wrapper" style="display: $visitor;" >
|
||||
<div id="wall-image-upload-div" ><img id="wall-image-upload" src="images/camera-icon.gif" alt="$upload" title="$upload" /></div>
|
||||
<div id="wall-image-upload-div" ><a href="#" onclick="return false;" id="wall-image-upload" class="icon camera" title="$upload"></a></div>
|
||||
</div>
|
||||
<div id="profile-link-wrapper" style="display: $visitor;" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);" >
|
||||
<img id="profile-link" src="images/link-icon.gif" alt="$weblink" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink();" />
|
||||
<a id="profile-link" class="icon link" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-youtube-wrapper" style="display: $visitor;" >
|
||||
<img id="profile-youtube" src="images/youtube_icon.gif" alt="$youtube" title="$youtube" onclick="jotGetVideo();" />
|
||||
<a id="profile-youtube" class="icon youtube" title="$youtube" onclick="jotGetVideo();return false;"></a>
|
||||
</div>
|
||||
<div id="profile-video-wrapper" style="display: $visitor;" >
|
||||
<img id="profile-video" src="images/video.gif" alt="$video" title="$video" onclick="jotVideoURL();" />
|
||||
<a id="profile-video" class="icon video" title="$video" onclick="jotVideoURL();return false;"></a>
|
||||
</div>
|
||||
<div id="profile-audio-wrapper" style="display: $visitor;" >
|
||||
<img id="profile-audio" src="images/audio.gif" alt="$audio" title="$audio" onclick="jotAudioURL();" />
|
||||
<a id="profile-audio" class="icon audio" title="$audio" onclick="jotAudioURL();return false;"></a>
|
||||
</div>
|
||||
<div id="profile-location-wrapper" style="display: $visitor;" >
|
||||
<img id="profile-location" src="images/globe.gif" alt="$setloc" title="$setloc" onclick="jotGetLocation();" />
|
||||
<a id="profile-location" class="icon globe" title="$setloc" onclick="jotGetLocation();return false;"></a>
|
||||
</div>
|
||||
<div id="profile-nolocation-wrapper" style="display: none;" >
|
||||
<img id="profile-nolocation" src="images/noglobe.gif" alt="$noloc" title="$noloc" onclick="jotClearLocation();" />
|
||||
<a id="profile-nolocation" class="icon noglobe" title="$noloc" onclick="jotClearLocation();return false;"></a>
|
||||
</div>
|
||||
<div id="profile-title-wrapper" style="display: $visitor;" >
|
||||
<img id="profile-title" src="images/article.gif" alt="$title" title="$title" onclick="jotTitle();" />
|
||||
<a id="profile-title" class="icon article" title="$title" onclick="jotTitle();return false;"></a>
|
||||
</div>
|
||||
|
||||
<div id="profile-jot-plugin-wrapper">
|
||||
|
@ -52,14 +52,16 @@
|
|||
<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="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" ><img id="jot-perms-icon" src="images/$lockstate_icon.gif" alt="$permset" title="$permset" onClick="openClose('profile-jot-acl-wrapper'); openClose('profile-jot-email-wrapper'); openClose('profile-jot-networks');" />$bang</div>
|
||||
<div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" >
|
||||
<a id="jot-perms-icon" class="icon $lockstate" title="$permset" onClick="openClose('profile-jot-acl-wrapper'); openClose('profile-jot-email-wrapper'); openClose('profile-jot-networks');return false;"></a>$bang
|
||||
</div>
|
||||
<div id="profile-jot-perms-end"></div>
|
||||
<div id="profile-jot-email-wrapper" style="display: none;" >
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div id="profile-jot-networks" style="display: none;" >
|
||||
$jotnets
|
||||
$jotnets
|
||||
</div>
|
||||
<div id="profile-jot-networks-end"></div>
|
||||
<div id="profile-jot-acl-wrapper" style="display: none;" >$acl</div>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<div class="wall-item-like-buttons" id="wall-item-like-buttons-$id">
|
||||
<img src="images/like.gif" alt="$likethis" title="$likethis" onclick="dolike($id,'like');" />
|
||||
<img src="images/dislike.gif" alt="$nolike" title="$nolike" onclick="dolike($id,'dislike');" />
|
||||
<img src="images/recycle.gif" alt="$share" title="$share" class="wall-item-share-buttons" onclick="jotShare($id);" />
|
||||
<a href="#" class="icon like"title="$likethis" onclick="dolike($id,'like'); return false"></a>
|
||||
<a href="#" class="icon dislike" title="$nolike" onclick="dolike($id,'dislike'); return false"></a>
|
||||
<a href="#" class="icon recycle wall-item-share-buttons" title="$share"onclick="jotShare($id); return false"></a>
|
||||
<img id="like-rotator-$id" class="like-rotator" src="images/rotator.gif" alt="$wait" title="$wait" style="display: none;" />
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<div class="wall-item-like-buttons" id="wall-item-like-buttons-$id">
|
||||
<img src="images/like.gif" alt="$likethis" title="$likethis" onclick="dolike($id,'like');" />
|
||||
<img src="images/dislike.gif" alt="$nolike" title="$nolike" onclick="dolike($id,'dislike');" />
|
||||
<a href="#" class="icon like"title="$likethis" onclick="dolike($id,'like'); return false"></a>
|
||||
<a href="#" class="icon dislike" title="$nolike" onclick="dolike($id,'dislike'); return false"></a>
|
||||
<img id="like-rotator-$id" class="like-rotator" src="images/rotator.gif" alt="$wait" title="$wait" style="display: none;" />
|
||||
</div>
|
||||
|
|
|
@ -8,6 +8,9 @@
|
|||
<div class="mail-list-subject"><a href="message/$id" class="mail-list-link">$subject</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mail-list-delete-wrapper" id="mail-list-delete-wrapper-$id" ><a href="message/dropconv/$id" onclick="return confirmDelete();" ><img src="images/b_drophide.gif" alt="$delete" title="$delete" id="mail-list-delete-icon-$id" class="mail-list-delete-icon" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a></div><div class="mail-list-delete-end"></div>
|
||||
<div class="mail-list-delete-wrapper" id="mail-list-delete-wrapper-$id" >
|
||||
<a href="message/dropconv/$id" onclick="return confirmDelete();" title="$delete" class="icon drophide mail-list-delete-icon" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>
|
||||
</div>
|
||||
<div class="mail-list-delete-end"></div>
|
||||
|
||||
<div class="mail-list-outside-wrapper-end"></div>
|
||||
|
|
|
@ -17,12 +17,12 @@ $select
|
|||
|
||||
</div>
|
||||
<div id="prvmail-submit-wrapper" >
|
||||
<input type="submit" id="prvmail-submit" name="submit" value="Submit" />
|
||||
<input type="submit" id="prvmail-submit" name="submit" value="Submit" />
|
||||
<div id="prvmail-upload-wrapper" >
|
||||
<div id="prvmail-upload-div" ><img id="prvmail-upload" src="images/camera-icon.gif" alt="$upload" title="$upload" /></div>
|
||||
<div id="prvmail-upload"class="icon border camera" title="$upload" /></div>
|
||||
</div>
|
||||
<div id="prvmail-link-wrapper" >
|
||||
<img id="prvmail-link" src="images/link-icon.gif" alt="$insert" title="$insert" onclick="jotGetLink();" />
|
||||
<div id="prvmail-link" class="icon border link" title="$insert" onclick="jotGetLink();" ></div>
|
||||
</div>
|
||||
<div id="prvmail-rotator-wrapper" >
|
||||
<img id="prvmail-rotator" src="images/rotator.gif" alt="$wait" title="$wait" style="display: none;" />
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<h3>$regtitle</h3>
|
||||
|
||||
<form action="register" method="post" >
|
||||
<form action="register" method="post" id="register-form">
|
||||
|
||||
<input type="hidden" name="photo" value="$photo" />
|
||||
|
||||
|
|
BIN
view/theme/dispy/icons.png
Normal file
BIN
view/theme/dispy/icons.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
175
view/theme/dispy/jot-header.tpl
Normal file
175
view/theme/dispy/jot-header.tpl
Normal file
|
@ -0,0 +1,175 @@
|
|||
|
||||
<script language="javascript" type="text/javascript" src="$baseurl/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
var editor;
|
||||
|
||||
tinyMCE.init({
|
||||
theme : "advanced",
|
||||
mode : "specific_textareas",
|
||||
editor_selector: /(profile-jot-text|prvmail-text)/,
|
||||
plugins : "bbcode,paste",
|
||||
theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code",
|
||||
theme_advanced_buttons2 : "",
|
||||
theme_advanced_buttons3 : "",
|
||||
theme_advanced_toolbar_location : "top",
|
||||
theme_advanced_toolbar_align : "center",
|
||||
theme_advanced_blockformats : "blockquote,code",
|
||||
//theme_advanced_resizing : true,
|
||||
//theme_advanced_statusbar_location : "bottom",
|
||||
paste_text_sticky : true,
|
||||
entity_encoding : "raw",
|
||||
add_unload_trigger : false,
|
||||
remove_linebreaks : false,
|
||||
force_p_newlines : false,
|
||||
force_br_newlines : true,
|
||||
forced_root_block : '',
|
||||
convert_urls: false,
|
||||
content_css: "$baseurl/view/custom_tinymce.css",
|
||||
theme_advanced_path : false,
|
||||
setup : function(ed) {
|
||||
//Character count
|
||||
ed.onKeyUp.add(function(ed, e) {
|
||||
var txt = tinyMCE.activeEditor.getContent();
|
||||
var text = txt.length;
|
||||
if(txt.length <= 140) {
|
||||
$('#character-counter').removeClass('red');
|
||||
$('#character-counter').removeClass('orange');
|
||||
$('#character-counter').addClass('grey');
|
||||
}
|
||||
if((txt.length > 140) && (txt .length <= 420)) {
|
||||
$('#character-counter').removeClass('grey');
|
||||
$('#character-counter').removeClass('red');
|
||||
$('#character-counter').addClass('orange');
|
||||
}
|
||||
if(txt.length > 420) {
|
||||
$('#character-counter').removeClass('grey');
|
||||
$('#character-counter').removeClass('orange');
|
||||
$('#character-counter').addClass('red');
|
||||
}
|
||||
$('#character-counter').text(text);
|
||||
});
|
||||
|
||||
ed.onInit.add(function(ed) {
|
||||
ed.pasteAsPlainText = true;
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
<script type="text/javascript" src="include/ajaxupload.js" ></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var uploader = new window.AjaxUpload(
|
||||
'wall-image-upload',
|
||||
{ action: 'wall_upload/$nickname',
|
||||
name: 'userfile',
|
||||
onSubmit: function(file,ext) { $('#profile-rotator').show(); },
|
||||
onComplete: function(file,response) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,response);
|
||||
$('#profile-rotator').hide();
|
||||
}
|
||||
}
|
||||
);
|
||||
$('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
|
||||
var selstr;
|
||||
$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
|
||||
selstr = $(this).text();
|
||||
$('#jot-perms-icon').removeClass('unlock').addClass('lock');
|
||||
$('.profile-jot-net input').attr('disabled', 'disabled');
|
||||
});
|
||||
if(selstr == null) {
|
||||
$('#jot-perms-icon').removeClass('lock').addClass('unlock');
|
||||
$('.profile-jot-net input').attr('disabled', false);
|
||||
}
|
||||
|
||||
}).trigger('change');
|
||||
|
||||
});
|
||||
|
||||
function jotGetLink() {
|
||||
reply = prompt("$linkurl");
|
||||
if(reply && reply.length) {
|
||||
reply = bin2hex(reply);
|
||||
$('#profile-rotator').show();
|
||||
$.get('parse_url?url=' + reply, function(data) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,data);
|
||||
$('#profile-rotator').hide();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function jotGetVideo() {
|
||||
reply = prompt("$utubeurl");
|
||||
if(reply && reply.length) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,'[youtube]' + reply + '[/youtube]');
|
||||
}
|
||||
}
|
||||
|
||||
function jotVideoURL() {
|
||||
reply = prompt("$vidurl");
|
||||
if(reply && reply.length) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,'[video]' + reply + '[/video]');
|
||||
}
|
||||
}
|
||||
|
||||
function jotAudioURL() {
|
||||
reply = prompt("$audurl");
|
||||
if(reply && reply.length) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,'[audio]' + reply + '[/audio]');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function jotGetLocation() {
|
||||
reply = prompt("$whereareu", $('#jot-location').val());
|
||||
if(reply && reply.length) {
|
||||
$('#jot-location').val(reply);
|
||||
}
|
||||
}
|
||||
|
||||
function jotTitle() {
|
||||
reply = prompt("$title", $('#jot-title').val());
|
||||
if(reply && reply.length) {
|
||||
$('#jot-title').val(reply);
|
||||
}
|
||||
}
|
||||
|
||||
function jotShare(id) {
|
||||
$('#like-rotator-' + id).show();
|
||||
$.get('share/' + id, function(data) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,data);
|
||||
$('#like-rotator-' + id).hide();
|
||||
$(window).scrollTop(0);
|
||||
});
|
||||
}
|
||||
|
||||
function linkdropper(event) {
|
||||
var linkFound = event.dataTransfer.types.contains("text/uri-list");
|
||||
if(linkFound)
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
function linkdrop(event) {
|
||||
var reply = event.dataTransfer.getData("text/uri-list");
|
||||
event.target.textContent = reply;
|
||||
event.preventDefault();
|
||||
if(reply && reply.length) {
|
||||
$('#profile-rotator').show();
|
||||
$.get('parse_url?url=' + reply, function(data) {
|
||||
tinyMCE.execCommand('mceInsertRawHTML',false,data);
|
||||
$('#profile-rotator').hide();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function jotClearLocation() {
|
||||
$('#jot-coord').val('');
|
||||
$('#profile-nolocation-wrapper').hide();
|
||||
}
|
||||
|
||||
$geotag
|
||||
|
||||
</script>
|
||||
|
72
view/theme/dispy/jot.tpl
Normal file
72
view/theme/dispy/jot.tpl
Normal file
|
@ -0,0 +1,72 @@
|
|||
|
||||
<div id="profile-jot-wrapper" >
|
||||
<div id="profile-jot-banner-wrapper">
|
||||
<div id="profile-jot-desc" > </div>
|
||||
<div id="character-counter" class="grey">0</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>
|
||||
|
||||
<form id="profile-jot-form" action="$action" method="post" >
|
||||
<input type="hidden" name="type" value="wall" />
|
||||
<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="title" id="jot-title" value="" />
|
||||
<input type="hidden" name="post_id" value="$post_id" />
|
||||
|
||||
<textarea rows="5" style="width:100%" class="profile-jot-text" id="profile-jot-text" name="body" >$content</textarea>
|
||||
|
||||
|
||||
<div id="profile-jot-submit-wrapper" >
|
||||
<div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" ><a id="jot-perms-icon" class="icon $lockstate" title="$permset" onClick="openClose('profile-jot-acl-wrapper'); openClose('profile-jot-email-wrapper'); openClose('profile-jot-networks');return false;"></a>$bang</div>
|
||||
<input type="submit" id="profile-jot-submit" name="submit" value="$share" />
|
||||
</div>
|
||||
|
||||
<div id="profile-upload-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<div id="wall-image-upload-div" ><a onclick="return false;" id="wall-image-upload" class="icon border camera" title="$upload"></a></div>
|
||||
</div>
|
||||
<div id="profile-link-wrapper" class="jot-tool" style="display: $visitor;" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);" >
|
||||
<a id="profile-link" class="icon border link" title="$weblink" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-youtube-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<a id="profile-youtube" class="icon border youtube" title="$youtube" onclick="jotGetVideo(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-video-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<a id="profile-video" class="icon border video" title="$video" onclick="jotVideoURL(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-audio-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<a id="profile-audio" class="icon border audio" title="$audio" onclick="jotAudioURL(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-location-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<a id="profile-location" class="icon border globe" title="$setloc" onclick="jotGetLocation(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-nolocation-wrapper" class="jot-tool" style="display: none;" >
|
||||
<a id="profile-nolocation" class="icon border noglobe" title="$noloc" onclick="jotClearLocation(); return false;"></a>
|
||||
</div>
|
||||
<div id="profile-title-wrapper" class="jot-tool" style="display: $visitor;" >
|
||||
<a id="profile-title" class="icon border article" title="$title" onclick="jotTitle(); return false;"></a>
|
||||
</div>
|
||||
|
||||
<div id="profile-jot-plugin-wrapper">
|
||||
$jotplugins
|
||||
</div>
|
||||
|
||||
<div id="profile-jot-tools-end"></div>
|
||||
|
||||
<div id="profile-jot-email-wrapper" style="display: none;" >
|
||||
<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>
|
||||
</div>
|
||||
<div id="profile-jot-networks" style="display: none;" >
|
||||
$jotnets
|
||||
</div>
|
||||
<div id="profile-jot-networks-end"></div>
|
||||
<div id="profile-jot-acl-wrapper" style="display: none;" >$acl</div>
|
||||
|
||||
|
||||
<div id="profile-jot-end"></div>
|
||||
</form>
|
||||
</div>
|
7
view/theme/dispy/mail_head.tpl
Normal file
7
view/theme/dispy/mail_head.tpl
Normal file
|
@ -0,0 +1,7 @@
|
|||
<h3>$messages</h3>
|
||||
|
||||
<ul class="tabs-wrapper">
|
||||
<li><a href="message" class="tabs">$inbox</a></li>
|
||||
<li><a href="message/sent" class="tabs">$outbox</a></li>
|
||||
<li><a href="message/new" class="tabs">$new</a></li>
|
||||
</ul>
|
BIN
view/theme/dispy/menu-user-pin.jpg
Normal file
BIN
view/theme/dispy/menu-user-pin.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 385 B |
50
view/theme/dispy/nav.tpl
Normal file
50
view/theme/dispy/nav.tpl
Normal file
|
@ -0,0 +1,50 @@
|
|||
$langselector
|
||||
<span id="banner">$banner</span>
|
||||
|
||||
|
||||
{{ if $nav.login }}<a id="nav-login-link" class="nav-link $nav.login.2" href="$nav.login.0" title="$nav.login.1">$nav.login.1</a> {{ endif }}
|
||||
<a id="nav-search-link" class="nav-link $nav.search.2" href="$nav.search.0" title="$nav.search.1">$nav.search.1</a>
|
||||
<a id="nav-directory-link" class="nav-link $nav.directory.2" href="$nav.directory.0" title="$nav.directory.1">$nav.directory.1</a>
|
||||
|
||||
<div id="user-menu" >
|
||||
<a id="user-menu-label" onclick="openClose('user-menu-popup'); return false" href="$nav.home.0">$sitelocation</a>
|
||||
|
||||
<ul id="user-menu-popup"
|
||||
onmouseover="if (typeof tmenu != 'undefined') clearTimeout(tmenu); openMenu('user-menu-popup')"
|
||||
onmouseout="tmenu=setTimeout('closeMenu(\'user-menu-popup\');',200)">
|
||||
|
||||
|
||||
{{ if $nav.register }}<li><a id="nav-register-link" class="nav-commlink $nav.register.2" href="$nav.register.0" title="$nav.register.1">$nav.register.1</a></li>{{ endif }}
|
||||
|
||||
{{ if $nav.home }}<li><a id="nav-home-link" class="nav-commlink $nav.home.2" href="$nav.home.0">$nav.home.1</a></li>{{ endif }}
|
||||
|
||||
{{ if $nav.network }}<li><a id="nav-network-link" class="nav-commlink $nav.network.2" href="$nav.network.0">$nav.network.1</a></li>{{ endif }}
|
||||
|
||||
|
||||
{{ if $nav.notifications }}<li><a id="nav-notify-link" class="nav-commlink $nav.notifications.2" href="$nav.notifications.0">$nav.notifications.1</a></li>{{ endif }}
|
||||
{{ if $nav.messages }}<li><a id="nav-messages-link" class="nav-commlink $nav.messages.2" href="$nav.messages.0">$nav.messages.1</a></li>{{ endif }}
|
||||
{{ if $nav.contacts }}<li><a id="nav-contacts-link" class="nav-commlink $nav.contacts.2" href="$nav.contacts.0">$nav.contacts.1</a></li>{{ endif }}
|
||||
|
||||
{{ if $nav.manage }}<li><a id="nav-manage-link" class="nav-commlink nav-sep $nav.manage.2" href="$nav.manage.0">$nav.manage.1</a></li>{{ endif }}
|
||||
|
||||
{{ if $nav.settings }}<li><a id="nav-settings-link" class="nav-commlink $nav.settings.2" href="$nav.settings.0">$nav.settings.1</a></li>{{ endif }}
|
||||
{{ if $nav.profiles }}<li><a id="nav-profiles-link" class="nav-commlink $nav.profiles.2" href="$nav.profiles.0">$nav.profiles.1</a></li>{{ endif }}
|
||||
|
||||
|
||||
{{ if $nav.logout }}<li><a id="nav-logout-link" class="nav-commlink nav-sep $nav.logout.2" href="$nav.logout.0">$nav.logout.1</a></li> {{ endif }}
|
||||
</ul>
|
||||
|
||||
<div id="notifications">
|
||||
{{ if $nav.network }}<div id="net-update-wrap" class="nav-ajax-update"><a id="net-update" href="$nav.network.0" title="$nav.network.1">1</a></div>{{ endif }}
|
||||
{{ if $nav.home }}<div id="home-update-wrap" class="nav-ajax-update"><a id="home-update" href="$nav.home.0" title="$nav.home.1">2</a></div>{{ endif }}
|
||||
{{ if $nav.notifications }}<div id="notify-update-wrap" class="nav-ajax-update"><a id="notify-update" href="$nav.notifications.0" title="$nav.notifications.1">3</a></div>{{ endif }}
|
||||
{{ if $nav.messages }}<div id="mail-update-wrap" class="nav-ajax-update"><a id="mail-update" href="$nav.messages.0" title="$nav.messages.1">4</a></div>{{ endif }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{{ if $nav.apps }}<a id="nav-apps-link" class="nav-link $nav.apps.2" href="$nav.apps.0" title="$nav.apps.1">$nav.apps.1</a>{{ endif }}
|
||||
|
||||
|
||||
|
BIN
view/theme/dispy/notifications.png
Normal file
BIN
view/theme/dispy/notifications.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.2 KiB |
7
view/theme/dispy/profile_tabs.tpl
Normal file
7
view/theme/dispy/profile_tabs.tpl
Normal file
|
@ -0,0 +1,7 @@
|
|||
|
||||
<div class="tabs-wrapper" >
|
||||
<a href="$url" id="profile-tab-status-link" class="tabs" >$status</a>
|
||||
<a href="$url?tab=profile" id="profile-tab-profile-link" class="tabs" >$profile</a>
|
||||
<a href="$phototab" id="profile-tab-photos-link" class="tabs" >$photos</a>
|
||||
<div class="tabs-end"></div>
|
||||
</div>
|
40
view/theme/dispy/search_item.tpl
Normal file
40
view/theme/dispy/search_item.tpl
Normal file
|
@ -0,0 +1,40 @@
|
|||
<div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" >
|
||||
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
|
||||
<div class="wall-item-info" id="wall-item-info-$id">
|
||||
<div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id"
|
||||
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')"
|
||||
onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id">
|
||||
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a>
|
||||
<span onclick="openClose('wall-item-photo-menu-$id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$id">menu</span>
|
||||
<div class="wall-item-photo-menu" id="wall-item-photo-menu-$id">
|
||||
<ul>
|
||||
$item_photo_menu
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wall-item-photo-end"></div>
|
||||
<div class="wall-item-location" id="wall-item-location-$id">{{ if $location }}<span class="icon globe"></span>$location {{ endif }}</div>
|
||||
</div>
|
||||
<div class="wall-item-lock-wrapper">$lock</div>
|
||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||
$drop
|
||||
</div>
|
||||
<div class="wall-item-content" id="wall-item-content-$id" >
|
||||
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
||||
<div class="wall-item-title-end"></div>
|
||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||
</div>
|
||||
<div class="wall-item-author">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a>
|
||||
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="wall-item-wrapper-end"></div>
|
||||
</div>
|
||||
|
||||
<div class="wall-item-outside-wrapper-end$indent" ></div>
|
||||
<div class="wall-item-conv" id="wall-item-conv-$id" >$conv</div>
|
||||
|
212
view/theme/dispy/settings.tpl
Normal file
212
view/theme/dispy/settings.tpl
Normal file
|
@ -0,0 +1,212 @@
|
|||
<div class="tabs-wrapper">
|
||||
<a class="tabs" id="profile-settings-link"><a href="settings">$ptitle</a>
|
||||
<a class="tabs" id="plugin-settings-link"><a href="settings/addon">$lbl_plug</a>
|
||||
<div class="tabs-end"></div>
|
||||
</div>
|
||||
|
||||
<h1>$ptitle</h1>
|
||||
|
||||
|
||||
$uexport
|
||||
|
||||
$nickname_block
|
||||
|
||||
|
||||
<form action="settings" id="settings-form" method="post" autocomplete="off" >
|
||||
|
||||
|
||||
<h3 class="settings-heading">$lbl_pass1</h3>
|
||||
|
||||
|
||||
<div id="settings-password-wrapper" >
|
||||
<p id="settings-password-desc" >
|
||||
$lbl_pass2
|
||||
</p>
|
||||
<label id="settings-password-label" for="settings-password" >$lbl_pass3 </label>
|
||||
<input type="password" id="settings-password" name="npassword" />
|
||||
</div>
|
||||
<div id="settings-password-end" ></div>
|
||||
|
||||
<div id="settings-confirm-wrapper" >
|
||||
<label id="settings-confirm-label" for="settings-confirm" >$lbl_pass4 </label>
|
||||
<input type="password" id="settings-confirm" name="confirm" />
|
||||
</div>
|
||||
<div id="settings-confirm-end" ></div>
|
||||
|
||||
<div id="settings-openid-wrapper" >
|
||||
$oidhtml
|
||||
</div>
|
||||
<div id="settings-openid-end" ></div>
|
||||
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="$submit" />
|
||||
</div>
|
||||
|
||||
|
||||
<h3 class="settings-heading">$lbl_basic</h3>
|
||||
|
||||
<div id="settings-username-wrapper" >
|
||||
<label id="settings-username-label" for="settings-username" >$lbl_fn </label>
|
||||
<input type="text" name="username" id="settings-username" value="$username" />
|
||||
</div>
|
||||
<div id="settings-username-end" ></div>
|
||||
|
||||
<div id="settings-email-wrapper" >
|
||||
<label id="settings-email-label" for="settings-email" >$lbl_email </label>
|
||||
<input type="text" name="email" id="settings-email" value="$email" />
|
||||
</div>
|
||||
<div id="settings-email-end" ></div>
|
||||
|
||||
|
||||
|
||||
<div id="settings-timezone-wrapper" >
|
||||
<label id="settings-timezone-label" for="timezone_select" >$lbl_tz </label>
|
||||
$zoneselect
|
||||
</div>
|
||||
<div id="settings-timezone-end" ></div>
|
||||
|
||||
<div id="settings-defloc-wrapper" >
|
||||
<label id="settings-defloc-label" for="settings-defloc" >$lbl_loc1 </label>
|
||||
<input type="text" name="defloc" id="settings-defloc" value="$defloc" />
|
||||
</div>
|
||||
<div id="settings-defloc-end" ></div>
|
||||
|
||||
<div id="settings-allowloc-wrapper" >
|
||||
<label id="settings-allowloc-label" for="settings-allowloc" >$lbl_loc2 </label>
|
||||
<input type="checkbox" name="allow_location" id="settings-allowloc" value="1" $loc_checked />
|
||||
</div>
|
||||
<div id="settings-allowloc-end" ></div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="settings-theme-select">
|
||||
<label id="settings-theme-label" for="theme-select" >$lbl_theme </label>
|
||||
$theme
|
||||
</div>
|
||||
<div id="settings-theme-end"></div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="$submit" />
|
||||
</div>
|
||||
|
||||
|
||||
<h3 class="settings-heading">$lbl_prv</h3>
|
||||
|
||||
|
||||
<input type="hidden" name="visibility" value="$visibility" />
|
||||
|
||||
<div id="settings-maxreq-wrapper">
|
||||
<label id="settings-maxreq-label" for="settings-maxreq" >$lbl_maxreq</label>
|
||||
<input id="settings-maxreq" name="maxreq" value="$maxreq" />
|
||||
<div id="settings-maxreq-desc">$lbl_maxrdesc</div>
|
||||
</div>
|
||||
<div id="settings-maxreq-end"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
$profile_in_dir
|
||||
|
||||
$profile_in_net_dir
|
||||
|
||||
|
||||
<div id="settings-default-perms" class="settings-default-perms" >
|
||||
<div id="settings-default-perms-menu" class="fakelink" onClick="openClose('settings-default-perms-select');" >$permissions $permdesc</div>
|
||||
<div id="settings-default-perms-menu-end"></div>
|
||||
|
||||
<div id="settings-default-perms-select" style="display: none;" >
|
||||
|
||||
$aclselect
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="settings-default-perms-end"></div>
|
||||
|
||||
<div id="settings-blockw-wrapper" >
|
||||
<label id="settings-blockw-label" for="settings-blockw" >$lbl_rempost </label>
|
||||
<input type="checkbox" name="blockwall" id="settings-blockw" value="1" $blockw_checked />
|
||||
</div>
|
||||
<div id="settings-blockw-end" ></div>
|
||||
|
||||
|
||||
|
||||
<div id="settings-expire-desc">$lbl_exp1 <input type="text" size="3" name="expire" value="$expire" /> $lbl_exp2</div>
|
||||
<div id="settings-expire-end"></div>
|
||||
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="Submit" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h3 class="settings-heading">$lbl_not1</h3>
|
||||
|
||||
|
||||
<div id="settings-notify-wrapper">
|
||||
<div id="settings-notify-desc">$lbl_not2 </div>
|
||||
<label for="notify1" id="settings-label-notify1">$lbl_not3</label>
|
||||
<input id="notify1" type="checkbox" $sel_notify1 name="notify1" value="1" />
|
||||
<div id="notify1-end"></div>
|
||||
<label for="notify2" id="settings-label-notify2">$lbl_not4</label>
|
||||
<input id="notify2" type="checkbox" $sel_notify2 name="notify2" value="2" />
|
||||
<div id="notify2-end"></div>
|
||||
<label for="notify3" id="settings-label-notify3">$lbl_not5</label>
|
||||
<input id="notify3" type="checkbox" $sel_notify3 name="notify3" value="4" />
|
||||
<div id="notify3-end"></div>
|
||||
<label for="notify4" id="settings-label-notify4">$lbl_not6</label>
|
||||
<input id="notify4" type="checkbox" $sel_notify4 name="notify4" value="8" />
|
||||
<div id="notify4-end"></div>
|
||||
<label for="notify5" id="settings-label-notify5">$lbl_not7</label>
|
||||
<input id="notify5" type="checkbox" $sel_notify5 name="notify5" value="16" />
|
||||
<div id="notify5-end"></div>
|
||||
</div>
|
||||
<div id="settings=notify-end"></div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="$submit" />
|
||||
</div>
|
||||
|
||||
<h3 class="settings-imap">$lbl_imap0</h3>
|
||||
<p>
|
||||
$imap_desc
|
||||
$mail_disabled
|
||||
</p>
|
||||
<label for="imap-server" id="settings-label-imap1">$lbl_imap1</label>
|
||||
<input type="text" id="imap-server" name="mail_server" value="$imap_server" $imap_disabled />
|
||||
<div id="imap-server-end"></div>
|
||||
<label for="imap-port" id="settings-label-imap2">$lbl_imap2</label>
|
||||
<input type="text" id="imap-port" name="mail_port" value="$imap_port" $imap_disabled />
|
||||
<div id="imap-port-end"></div>
|
||||
<label for="imap-ssl" id="settings-label-imap3">$lbl_imap3</label>
|
||||
<input type="text" id="imap-ssl" name="mail_ssl" value="$imap_ssl" $imap_disabled />
|
||||
<div id="imap-ssl-end"></div>
|
||||
<label for="imap-user" id="settings-label-imap4">$lbl_imap4</label>
|
||||
<input type="text" id="imap-user" name="mail_user" value="$imap_user" $imap_disabled />
|
||||
<div id="imap-user-end"></div>
|
||||
<label for="imap-pass" id="settings-label-imap5">$lbl_imap5</label>
|
||||
<input type="password" id="imap-pass" name="mail_pass" value="" $imap_disabled />
|
||||
<div id="imap-pass-end"></div>
|
||||
<label for="imap-replyto" id="settings-label-imap6">$lbl_imap6</label>
|
||||
<input type="text" id="imap-replyto" name="mail_replyto" value="$imap_replyto" $imap_disabled />
|
||||
<div id="imap-replyto-end"></div>
|
||||
<label for="imap-pubmail" id="settings-label-imap7">$lbl_imap7</label>
|
||||
<input type="checkbox" name="mail_pubmail" id="imap-pubmail" $pubmail_checked value="1" $imap_disabled />
|
||||
<div id="imap-pubmail-end"></div>
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="$submit" />
|
||||
</div>
|
||||
|
||||
|
||||
<h3 class="settings-heading">$lbl_advn</h3>
|
||||
|
||||
$pagetype
|
||||
|
||||
<div class="settings-submit-wrapper" >
|
||||
<input type="submit" name="submit" class="settings-submit" value="$submit" />
|
||||
</div>
|
||||
|
||||
|
616
view/theme/dispy/style.css
Normal file
616
view/theme/dispy/style.css
Normal file
|
@ -0,0 +1,616 @@
|
|||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-family: freesans,helvetica,arial,clean,sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
img { border: 0 none; }
|
||||
|
||||
a { color: #3465a4; text-decoration: none; margin-bottom:1px;}
|
||||
a:hover { color: #729fcf; padding-bottom: 0px; border-bottom: 1px dotted #729fcf;}
|
||||
|
||||
|
||||
.required { display: inline; color: #ff0000;}
|
||||
|
||||
input[type=submit] {
|
||||
margin-top: 20px;
|
||||
height: 22px;
|
||||
background-color: #555753;
|
||||
color: #eeeeec;
|
||||
-webkit-border-radius: 5px ;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* login
|
||||
*/
|
||||
#login-extra-links a { margin-right: 20px; }
|
||||
|
||||
/*********
|
||||
* nav
|
||||
*********/
|
||||
|
||||
nav {
|
||||
height: 50px;
|
||||
display: block;
|
||||
background-color: #2e3436;
|
||||
color: #eeeeec;
|
||||
position: relative;
|
||||
padding: 0px 20%;
|
||||
}
|
||||
nav a { text-decoration: none; color: #eeeeec; border:0px;}
|
||||
nav a:hover { text-decoration: none; color: #eeeeec; border:0px;}
|
||||
|
||||
nav #banner {
|
||||
display: block;
|
||||
position: absolute;
|
||||
margin-left: 20px;
|
||||
}
|
||||
nav #banner #logo-text a {
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
nav #user-menu {
|
||||
display: block;
|
||||
width: auto;
|
||||
float: right;
|
||||
margin-top: 22px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
|
||||
background-color: #555753;
|
||||
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
|
||||
}
|
||||
nav #user-menu-label {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
padding: 3px 20px 9px 5px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
ul#user-menu-popup {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #555753;
|
||||
width: 100%;
|
||||
padding: 10px 0px;
|
||||
margin: 0px;
|
||||
top: 20px;
|
||||
left: 0px;
|
||||
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
ul#user-menu-popup li { display: block; }
|
||||
ul#user-menu-popup li a { display: block; padding: 5px; }
|
||||
ul#user-menu-popup li a:hover { color: #2e3436; background-color: #eeeeec; }
|
||||
ul#user-menu-popup li a.nav-sep { border-top: 1px solid #eeeeec; }
|
||||
nav .nav-link {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
/*border: 1px solid #eeeeec;*/
|
||||
overflow: hidden;
|
||||
margin-top: 22px;
|
||||
margin-right: 10px;
|
||||
text-indent: 50px;
|
||||
background: transparent url('icons.png') 0px 0px no-repeat;
|
||||
}
|
||||
|
||||
#nav-directory-link { background-position: 0px -22px }
|
||||
#nav-directory-link:hover { background-position: -22px -22px;}
|
||||
#nav-search-link { background-position: 0px -44px }
|
||||
#nav-search-link:hover { background-position: -22px -44px;}
|
||||
#nav-apps-link { background-position: 0px -66px }
|
||||
#nav-apps-link:hover { background-position: -22px -66px;}
|
||||
#nav-login-link { background-position: 0px -88px }
|
||||
#nav-login-link:hover { background-position: -22px -88px;}
|
||||
|
||||
#notifications {
|
||||
height: 20px; width: 100%;
|
||||
position: absolute;
|
||||
top:-19px; left: 0px;
|
||||
}
|
||||
.nav-ajax-update {
|
||||
display: none;
|
||||
width: 30px;
|
||||
height: 19px;
|
||||
background: transparent url('notifications.png') 0px 0px no-repeat;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
font-size: 0.8em;
|
||||
padding-top: 0.2em;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-right: -4px;
|
||||
}
|
||||
.nav-ajax-update a { display: block;}
|
||||
#net-update-wrap { background-position: 0px 0px; }
|
||||
#mail-update-wrap { background-position: -30px 0px; }
|
||||
#notify-update-wrap { background-position: -60px 0px; }
|
||||
#home-update-wrap { background-position: -90px 0px; }
|
||||
|
||||
/** sysmsg **/
|
||||
#sysmsg {
|
||||
position:absolute; top: 20px; left:40%;
|
||||
-moz-box-shadow: 0px 0px 5px #888;
|
||||
-webkit-box-shadow: 0px 0px 5px #888;
|
||||
box-shadow: 0px 0px 5px #888;
|
||||
padding: 10px; background-color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* aside
|
||||
**/
|
||||
|
||||
aside {
|
||||
position: absolute;
|
||||
right: 20%;
|
||||
width: 200px;
|
||||
font-size: 0.7em;
|
||||
|
||||
}
|
||||
.vcard .fn { font-size: 1.7em; font-weight: bold; border-bottom: 1px solid #729fcf; padding-top: 1px;}
|
||||
|
||||
.vcard #profile-photo-wrapper { margin: 10px 0px }
|
||||
|
||||
aside h4 { font-size: 1.2em; }
|
||||
|
||||
aside #viewcontacts { text-align: right;}
|
||||
|
||||
/**
|
||||
* contacts block
|
||||
*/
|
||||
.contact-block-div { width: 50px; height: 50px; float: left; }
|
||||
#contact-block-end { clear: both; }
|
||||
|
||||
/**
|
||||
* jot
|
||||
**/
|
||||
#profile-jot-text_tbl { margin-bottom: 10px; }
|
||||
#profile-jot-submit-wrapper { float: right;}
|
||||
#profile-jot-perms {
|
||||
float: right;
|
||||
background-color: #555753;
|
||||
height: 22px; width: 20px;
|
||||
-webkit-border-radius: 0px 5px 5px 0px;
|
||||
-moz-border-radius: 0px 5px 5px 0px;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
overflow: hidden;
|
||||
border: 0px;
|
||||
margin-left:2px;
|
||||
}
|
||||
#profile-jot-submit {
|
||||
float: right;
|
||||
height: 22px;
|
||||
background-color: #555753;
|
||||
color: #eeeeec;
|
||||
-webkit-border-radius: 5px 0px 0px 5px;
|
||||
-moz-border-radius: 5px 0px 0px 5px;
|
||||
border-radius: 5px 0px 0px 5px;
|
||||
border: 0px;
|
||||
}
|
||||
#character-counter {
|
||||
float: right; padding: 8px 10px;
|
||||
}
|
||||
#profile-rotator-wrapper {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.jot-tool {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#profile-jot-tools-end,
|
||||
#profile-jot-banner-end { clear: both; }
|
||||
|
||||
|
||||
/**
|
||||
* section
|
||||
*/
|
||||
section { margin: 10px 20% 0px 20%; font-size: 0.8em; padding-right: 230px;}
|
||||
|
||||
/** tabs **/
|
||||
.tabs-wrapper {list-style: none; padding: 0px; margin: 0px; border-bottom: 1px solid #729fcf; }
|
||||
.tabs-wrapper li { display: inline;}
|
||||
.tabs { padding: 0px 5px; margin-right: 10px; }
|
||||
.tabs:hover { background-color: #729fcf; color: #eeeeec; border: 0px; }
|
||||
|
||||
|
||||
/**
|
||||
* items
|
||||
*/
|
||||
.wall-item-outside-wrapper {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.wall-item-outside-wrapper-end { clear: both;}
|
||||
.wall-item-content-wrapper { position: relative; }
|
||||
.wall-item-photo-menu { display: none;}
|
||||
.wall-item-photo-menu-button {
|
||||
display:none;
|
||||
text-indent: -9999px;
|
||||
background: #555753 url("menu-user-pin.jpg") no-repeat 75px center;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
height: 20px; width: 90px;
|
||||
top: 85px; left: 0px;
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.wall-item-info { float: left; width: 140px; }
|
||||
.wall-item-photo-wrapper {
|
||||
width: 80px; height: 80px;
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
background-color: #555753;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
.wall-item-tools {
|
||||
float: right;
|
||||
/*height: 0px;
|
||||
padding-top: 20px;
|
||||
overflow:hidden;
|
||||
background: #ffffff url("icons.png") no-repeat -50px -40px;*/
|
||||
filter: alpha(opacity=20);
|
||||
opacity: 0.2;
|
||||
-webkit-transition: all 1s ease-in-out;
|
||||
-moz-transition: all 1s ease-in-out;
|
||||
-o-transition: all 1s ease-in-out;
|
||||
-ms-transition: all 1s ease-in-out;
|
||||
transition: all 1s ease-in-out;
|
||||
}
|
||||
.wall-item-tools:hover {
|
||||
/*height:auto;*/
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 1s ease-in-out;
|
||||
-moz-transition: all 1s ease-in-out;
|
||||
-o-transition: all 1s ease-in-out;
|
||||
-ms-transition: all 1s ease-in-out;
|
||||
transition: all 1s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.wall-item-title { font-size: 1.2em; font-weight: bold;}
|
||||
.wall-item-body { margin-left: 140px;}
|
||||
.wall-item-lock-wrapper { float: right; }
|
||||
.wall-item-dislike,
|
||||
.wall-item-like,
|
||||
.wall-item-author { clear: left; font-size: 0.8em; margin: 10px 0px 0px 140px; color: #babdb6;}
|
||||
.wall-item-ago { display: inline; padding-left: 10px;}
|
||||
.wall-item-wrapper-end { clear:both; }
|
||||
.wall-item-location {
|
||||
margin-top:5px;
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
.wall-item-location span { float: left; }
|
||||
.wall-item-location a { margin-left: 25px; display: block;}
|
||||
|
||||
.wallwall .wwto {
|
||||
left: -10px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
width: 30px;
|
||||
z-index: 10001;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
}
|
||||
.wallwall .wwto img { width: 30px; height: 30px;}
|
||||
.wallwall .wall-item-photo-end { clear: both; }
|
||||
.wall-item-arrowphoto-wrapper {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 70px;
|
||||
z-index: 10002;
|
||||
}
|
||||
|
||||
.wall-item-photo-menu {
|
||||
min-width 92px;
|
||||
border: 2px solid #FFFFFF;
|
||||
border-top: 0px;
|
||||
background: #555753;
|
||||
position: absolute;
|
||||
left: -2px; top: 101px;
|
||||
display: none;
|
||||
z-index: 10000;
|
||||
-webkit-border-radius: 0px 5px 5px 5px;
|
||||
-moz-border-radius: 0px 5px 5px 5px;
|
||||
border-radius: 0px 5px 5px 5px;
|
||||
}
|
||||
.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none }
|
||||
.wall-item-photo-menu li a { white-space: nowrap; display: block; padding: 5px 2px; color: #eeeeec; }
|
||||
.wall-item-photo-menu li a:hover { color: #555753; background: #eeeeec; }
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* comment
|
||||
*/
|
||||
.wall-item-outside-wrapper.comment { margin-left: 80px; }
|
||||
.wall-item-outside-wrapper.comment .wall-item-photo { width: 40px; height: 40px;}
|
||||
.wall-item-outside-wrapper.comment .wall-item-photo-wrapper {width: 40px; height: 40px; }
|
||||
.wall-item-outside-wrapper.comment .wall-item-photo-menu-button {
|
||||
width: 50px; top: 45px; background-position: 35px center;
|
||||
}
|
||||
.wall-item-outside-wrapper.comment .wall-item-info { width: 60px; }
|
||||
.wall-item-outside-wrapper.comment .wall-item-body { margin-left: 60px;}
|
||||
.wall-item-outside-wrapper.comment .wall-item-author { margin-left: 60px;}
|
||||
|
||||
.wall-item-outside-wrapper.comment .wall-item-photo-menu {
|
||||
top: 60px;
|
||||
-webkit-border-radius: 0px 5px 5px 5px;
|
||||
-moz-border-radius: 0px 5px 5px 5px;
|
||||
border-radius: 0px 5px 5px 5px;
|
||||
}
|
||||
|
||||
|
||||
.comment-wwedit-wrapper,
|
||||
.comment-edit-wrapper { margin: 30px 0px 0px 80px;}
|
||||
.comment-wwedit-wrapper img,
|
||||
.comment-edit-wrapper img { width: 20px; height: 20px; }
|
||||
.comment-edit-photo-link { float: left; width: 40px;}
|
||||
.comment-edit-text-empty { width: 80%; height: 20px; border: 0px; color: #babdb6;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
.comment-edit-text-empty:hover { color: #999999;}
|
||||
.comment-edit-text-full { width: 80%; height: 6em;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
.comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
|
||||
.comment-edit-submit {
|
||||
height: 22px;
|
||||
background-color: #555753;
|
||||
color: #eeeeec;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* photos
|
||||
**/
|
||||
.photo-album-image-wrapper,
|
||||
.photo-top-image-wrapper {
|
||||
float: left;
|
||||
margin: 0px 10px 10px 0px;
|
||||
-moz-box-shadow: 0px 0px 5px #888;
|
||||
-webkit-box-shadow: 0px 0px 5px #888;
|
||||
box-shadow: 0px 0px 5px #888;
|
||||
background-color: #eeeeee;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
|
||||
height: 265px;
|
||||
position:relative;
|
||||
|
||||
}
|
||||
|
||||
.photo-top-image-wrapper a:hover,
|
||||
#photo-photo a:hover,
|
||||
.photo-album-image-wrapper a:hover {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.photo-top-photo,
|
||||
.photo-album-photo {
|
||||
-webkit-border-radius: 5px 5px 0px 0px;
|
||||
-moz-border-radius: 5px 5px 0px 0px;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
.photo-top-album-name { position: absolute; bottom: 0px; padding: 0px 5px;}
|
||||
.caption { position: absolute; bottom: 0px; margin: 0px 5px}
|
||||
|
||||
/**
|
||||
* message
|
||||
*/
|
||||
.prvmail-text { width: 100%;}
|
||||
#prvmail-subject { width: 100%;}
|
||||
#prvmail-submit-wrapper { margin-top: 10px; }
|
||||
#prvmail-submit {
|
||||
float: right;
|
||||
margin-top: 0px;
|
||||
}
|
||||
#prvmail-submit-wrapper > div {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
.mail-list-outside-wrapper { margin-top: 20px;}
|
||||
.mail-list-sender { float: left; }
|
||||
.mail-list-detail { margin-left: 90px; }
|
||||
.mail-list-sender-name { display: inline; }
|
||||
.mail-list-date { display: inline; font-size: 0.8em; padding-left: 10px;}
|
||||
.mail-list-subject { font-size: 1.5em;}
|
||||
.mail-list-delete-wrapper { float: right; }
|
||||
.mail-list-outside-wrapper-end { clear: both;}
|
||||
|
||||
/**
|
||||
* contacts
|
||||
*/
|
||||
|
||||
.contact-entry-wrapper { float: left; margin-right: 20px; margin-bottom: 20px; position: relative;}
|
||||
.contact-entry-direction-wrapper {position: absolute; top: 20px;}
|
||||
.contact-entry-edit-links { position: absolute; top: 60px; }
|
||||
.contact-entry-photo {
|
||||
margin-left:20px;
|
||||
}
|
||||
.contact-entry-edit-links .icon {
|
||||
border: 1px solid #babdb6;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/**
|
||||
* register, settings & profile forms
|
||||
*/
|
||||
#settings-nickname-desc {
|
||||
background-color: #DDEFFF;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#register-form div,
|
||||
#profile-edit-form div,
|
||||
#settings-form div {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#register-form label,
|
||||
#profile-edit-form label,
|
||||
#settings-form label {
|
||||
width: 300px; float: left;
|
||||
}
|
||||
|
||||
#register-form span,
|
||||
#profile-edit-form span,
|
||||
#settings-form span {
|
||||
color: #555753;
|
||||
display:block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.settings-submit-wrapper,
|
||||
.profile-edit-submit-wrapper { margin: 30px 0px;}
|
||||
.settings-submit-wrapper input,
|
||||
|
||||
.profile-listing { float: left; margin: 20px 20px 0px 0px}
|
||||
|
||||
#profile-edit-links ul { margin: 20px 0px; padding: 0px; list-style: none; }
|
||||
|
||||
|
||||
#register-sitename { display: inline; font-weight: bold;}
|
||||
|
||||
/**
|
||||
* contacts selector
|
||||
*/
|
||||
|
||||
#prof-members {
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
border: 1px solid #555753;
|
||||
-webkit-border-radius: 5px 5px 0px 0px;
|
||||
-moz-border-radius: 5px 5px 0px 0px;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
#prof-all-contacts {
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
border: 1px solid #555753;
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
}
|
||||
#prof-members h3,
|
||||
#prof-all-contacts h3{
|
||||
color: #eeeeec;
|
||||
background-color: #555753;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#prof-separator { display: none;}
|
||||
|
||||
|
||||
/**
|
||||
* directory
|
||||
*/
|
||||
.directory-item {float: left; margin: 50px 50px 0px 0px;}
|
||||
|
||||
/**
|
||||
* ICONS
|
||||
*/
|
||||
.icon {
|
||||
display: block; width: 20px; height: 20px;
|
||||
background-image: url('icons.png');
|
||||
}
|
||||
/*.icon:hover {
|
||||
border-bottom: 0px;
|
||||
}*/
|
||||
|
||||
.border {
|
||||
border: 1px solid #babdb6;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.article { background-position: -50px 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;}
|
||||
.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;}
|
||||
.no { background-position: -90px -20px;}
|
||||
.pause { background-position: -110px -20px;}
|
||||
.play { background-position: -130px -20px;}
|
||||
.pencil { background-position: -150px -20px;}
|
||||
.small-pencil{ background-position: -170px -20px;}
|
||||
.recycle { background-position: -190px -20px;}
|
||||
.remote-link{ background-position: -210px -20px;}
|
||||
.share { background-position: -230px -20px;}
|
||||
|
||||
.tools { background-position: -50px -40px;}
|
||||
.lock { background-position: -70px -40px;}
|
||||
.unlock { background-position: -90px -40px;}
|
||||
.video { background-position: -110px -40px;}
|
||||
.youtube { background-position: -130px -40px;}
|
||||
|
||||
/**
|
||||
* footer
|
||||
*/
|
||||
.cc-license { margin-top: 100px; font-size: 0.7em; }
|
||||
footer { display: block; margin: 50px 20%; clear: both; }
|
||||
|
47
view/theme/dispy/wall_item.tpl
Normal file
47
view/theme/dispy/wall_item.tpl
Normal file
|
@ -0,0 +1,47 @@
|
|||
<div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" >
|
||||
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
|
||||
<div class="wall-item-info" id="wall-item-info-$id">
|
||||
<div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id"
|
||||
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')"
|
||||
onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id">
|
||||
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" />
|
||||
</a>
|
||||
<span onclick="openClose('wall-item-photo-menu-$id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$id">menu</span>
|
||||
<div class="wall-item-photo-menu" id="wall-item-photo-menu-$id">
|
||||
<ul>
|
||||
$item_photo_menu
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wall-item-photo-end"></div>
|
||||
<div class="wall-item-location" id="wall-item-location-$id">{{ if $location }}<span class="icon globe"></span>$location {{ endif }}</div>
|
||||
</div>
|
||||
<div class="wall-item-lock-wrapper">$lock</div>
|
||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||
$vote
|
||||
$plink
|
||||
$edpost
|
||||
$drop
|
||||
</div>
|
||||
<div class="wall-item-content" id="wall-item-content-$id" >
|
||||
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
||||
<div class="wall-item-title-end"></div>
|
||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||
</div>
|
||||
<div class="wall-item-author">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a>
|
||||
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="wall-item-wrapper-end"></div>
|
||||
<div class="wall-item-like" id="wall-item-like-$id">$like</div>
|
||||
<div class="wall-item-dislike" id="wall-item-dislike-$id">$dislike</div>
|
||||
<div class="wall-item-comment-wrapper" >
|
||||
$comment
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wall-item-outside-wrapper-end$indent" ></div>
|
||||
|
51
view/theme/dispy/wallwall_item.tpl
Normal file
51
view/theme/dispy/wallwall_item.tpl
Normal file
|
@ -0,0 +1,51 @@
|
|||
<div class="wall-item-outside-wrapper$indent wallwall" id="wall-item-outside-wrapper-$id" >
|
||||
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
|
||||
<div class="wall-item-info wallwall" id="wall-item-info-$id">
|
||||
<div class="wall-item-photo-wrapper wwto" id="wall-item-ownerphoto-wrapper-$id" >
|
||||
<a href="$owner_url" title="$olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$id">
|
||||
<img src="$owner_photo" class="wall-item-photo$osparkle" id="wall-item-ownerphoto-$id" height="80" width="80" alt="$owner_name" /></a>
|
||||
</div>
|
||||
<div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$wall" /></div>
|
||||
<div class="wall-item-photo-wrapper wwfrom" id="wall-item-photo-wrapper-$id"
|
||||
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('wall-item-photo-menu-button-$id')"
|
||||
onmouseout="t$id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$id\'); closeMenu(\'wall-item-photo-menu-$id\');',200)">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id">
|
||||
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a>
|
||||
<span onclick="openClose('wall-item-photo-menu-$id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$id">menu</span>
|
||||
<div class="wall-item-photo-menu" id="wall-item-photo-menu-$id">
|
||||
<ul>
|
||||
$item_photo_menu
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="wall-item-photo-end"></div>
|
||||
<div class="wall-item-location" id="wall-item-location-$id">{{ if $location }}<span class="icon globe"></span>$location {{ endif }}</div>
|
||||
</div>
|
||||
<div class="wall-item-lock-wrapper">$lock</div>
|
||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||
$vote
|
||||
$plink
|
||||
$edpost
|
||||
$drop
|
||||
</div>
|
||||
<div class="wall-item-content" id="wall-item-content-$id" >
|
||||
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
||||
<div class="wall-item-title-end"></div>
|
||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||
</div>
|
||||
<div class="wall-item-author">
|
||||
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a>
|
||||
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wall-item-wrapper-end"></div>
|
||||
<div class="wall-item-like" id="wall-item-like-$id">$like</div>
|
||||
<div class="wall-item-dislike" id="wall-item-dislike-$id">$dislike</div>
|
||||
<div class="wall-item-comment-wrapper" >
|
||||
$comment
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wall-item-outside-wrapper-end$indent" ></div>
|
||||
|
|
@ -224,6 +224,10 @@ div.wall-item-content-wrapper.shiny {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jot-perms-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fakelink, .fakelink:visited, .fakelink:link {
|
||||
color: #3465a4;
|
||||
text-decoration: none;
|
||||
|
@ -2335,3 +2339,38 @@ a.mail-list-link {
|
|||
float: left;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
/**
|
||||
* ICONS
|
||||
*/
|
||||
.icon {
|
||||
display: block; width: 16px; height: 16px;
|
||||
background-image: url('../../../images/icons.png');
|
||||
}
|
||||
.article { background-position: 0px 0px;}
|
||||
.audio { background-position: -16px 0px;}
|
||||
.block { background-position: -32px 0px;}
|
||||
.drop { background-position: -48px 0px;}
|
||||
.drophide { background-position: -64px 0px;}
|
||||
.edit { background-position: -80px 0px;}
|
||||
.camera { background-position: -96px 0px;}
|
||||
.dislike { background-position: -112px 0px;}
|
||||
.like { background-position: -128px 0px;}
|
||||
.link { background-position: -144px 0px;}
|
||||
|
||||
.globe { background-position: 0px -16px;}
|
||||
.noglobe { background-position: -16px -16px;}
|
||||
.no { background-position: -32px -16px;}
|
||||
.pause { background-position: -48px -16px;}
|
||||
.play { background-position: -64px -16px;}
|
||||
.pencil { background-position: -80px -16px;}
|
||||
.small-pencil { background-position: -96px -16px;}
|
||||
.recycle { background-position: -112px -16px;}
|
||||
.remote-link { background-position: -128px -16px;}
|
||||
.share { background-position: -144px -16px;}
|
||||
|
||||
.tools { background-position: 0px -32px;}
|
||||
.lock { background-position: -16px -32px;}
|
||||
.unlock { background-position: -32px -32px;}
|
||||
.video { background-position: -48px -32px;}
|
||||
.youtube { background-position: -64px -32px;}
|
||||
|
|
|
@ -120,6 +120,10 @@ blockquote:before {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
#jot-perms-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fakelink, .fakelink:visited {
|
||||
color: #15607B;
|
||||
text-decoration: none;
|
||||
|
@ -2359,3 +2363,38 @@ a.mail-list-link {
|
|||
float: left;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
/**
|
||||
* ICONS
|
||||
*/
|
||||
.icon {
|
||||
display: block; width: 16px; height: 16px;
|
||||
background-image: url('../../../images/icons.png');
|
||||
}
|
||||
.article { background-position: 0px 0px;}
|
||||
.audio { background-position: -16px 0px;}
|
||||
.block { background-position: -32px 0px;}
|
||||
.drop { background-position: -48px 0px;}
|
||||
.drophide { background-position: -64px 0px;}
|
||||
.edit { background-position: -80px 0px;}
|
||||
.camera { background-position: -96px 0px;}
|
||||
.dislike { background-position: -112px 0px;}
|
||||
.like { background-position: -128px 0px;}
|
||||
.link { background-position: -144px 0px;}
|
||||
|
||||
.globe { background-position: 0px -16px;}
|
||||
.noglobe { background-position: -16px -16px;}
|
||||
.no { background-position: -32px -16px;}
|
||||
.pause { background-position: -48px -16px;}
|
||||
.play { background-position: -64px -16px;}
|
||||
.pencil { background-position: -80px -16px;}
|
||||
.small-pencil { background-position: -96px -16px;}
|
||||
.recycle { background-position: -112px -16px;}
|
||||
.remote-link { background-position: -128px -16px;}
|
||||
.share { background-position: -144px -16px;}
|
||||
|
||||
.tools { background-position: 0px -32px;}
|
||||
.lock { background-position: -16px -32px;}
|
||||
.unlock { background-position: -32px -32px;}
|
||||
.video { background-position: -48px -32px;}
|
||||
.youtube { background-position: -64px -32px;}
|
||||
|
|
|
@ -1,2 +1,4 @@
|
|||
<div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$id" ><a href="item/drop/$id" onclick="return confirmDelete();" ><img src="images/b_drophide.gif" alt="$delete" title="$delete" id="wall-item-delete-icon-$id" class="wall-item-delete-icon" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a></div>
|
||||
<div class="wall-item-delete-end"></div>
|
||||
<div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$id" >
|
||||
<a href="item/drop/$id" onclick="return confirmDelete();" class="icon drophide" title="$delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>
|
||||
</div>
|
||||
<div class="wall-item-delete-end"></div>
|
||||
|
|
Loading…
Reference in a new issue