diff options
author | Chris Case <kahotep@bunda.dreamhost.com> | 2011-05-21 21:40:16 -0700 |
---|---|---|
committer | Chris Case <kahotep@bunda.dreamhost.com> | 2011-05-21 21:40:16 -0700 |
commit | 4cff911939b263993eb41682ca558c975e2db01f (patch) | |
tree | 78f58e08d04413827744689d0f5df7660bee6caa /view/theme | |
parent | 2cf696d0b5d647e1741d2f94ee379aa19b25ae1b (diff) | |
parent | f3f063c0dd7fd8b706987b856d79c7b58924acbb (diff) | |
download | volse-hubzilla-4cff911939b263993eb41682ca558c975e2db01f.tar.gz volse-hubzilla-4cff911939b263993eb41682ca558c975e2db01f.tar.bz2 volse-hubzilla-4cff911939b263993eb41682ca558c975e2db01f.zip |
merged multipart email changes
Diffstat (limited to 'view/theme')
27 files changed, 2218 insertions, 57 deletions
diff --git a/view/theme/darkzero/border.jpg b/view/theme/darkzero/border.jpg Binary files differnew file mode 100644 index 000000000..4967412bf --- /dev/null +++ b/view/theme/darkzero/border.jpg diff --git a/view/theme/darkzero/head.jpg b/view/theme/darkzero/head.jpg Binary files differnew file mode 100644 index 000000000..67e852140 --- /dev/null +++ b/view/theme/darkzero/head.jpg diff --git a/view/theme/darkzero/sectionend.jpg b/view/theme/darkzero/sectionend.jpg Binary files differnew file mode 100644 index 000000000..9d5d5c8f3 --- /dev/null +++ b/view/theme/darkzero/sectionend.jpg diff --git a/view/theme/darkzero/shiny.png b/view/theme/darkzero/shiny.png Binary files differnew file mode 100644 index 000000000..994c0d05d --- /dev/null +++ b/view/theme/darkzero/shiny.png diff --git a/view/theme/darkzero/style.css b/view/theme/darkzero/style.css new file mode 100644 index 000000000..c92529f26 --- /dev/null +++ b/view/theme/darkzero/style.css @@ -0,0 +1,64 @@ +@import url('../duepuntozero/style.css'); + +/* dark variation Fabio Comuni <fabrix.xm@gmail.com> */ + +a:link, a:visited { color: #99CCFF; text-decoration: none; } +a:hover {text-decoration: underline; } + +input, select, textarea { + background-color: #222222; + color: #FFFFFF; + border: 1px solid #444444; +} +.openid { background-color: #222222;} + +body { background-color: #222222; color: #cccccc; background-image: url(head.jpg); } +aside{ background-image: url(border.jpg); padding-bottom: 0px; } +section { background-color: #333333; background-image: url(border.jpg); } + + +#profile-tabs-wrapper { background-image: url(head.jpg); } +div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); } + +nav #banner #logo-text a { color: #ffffff; } + +.wall-item-content-wrapper { border: 1px solid #444444; } +.wall-item-tools { background-color: #444444; background-image: none;} +.comment-edit-wrapper{ background-color: #333333; } +.wall-item-content-wrapper.comment { background-color: #444444; border: 0px;} +.photo-top-album-name{ background-color: #333333; } +.photo-album-image-wrapper .caption { background-color: rgba(51, 51, 51, 0.8); color: #FFFFFF; } + +.nav-selected.nav-link { color: #ffffff!important; border-bottom: 0px} +.nav-commlink, .nav-login-link {background-color: #b7bab3;} +.nav-commlink:link, .nav-commlink:visited, +.nav-login-link:link, .nav-login-link:visited{ + color: #ffffff; +} + +.fakelink, .fakelink:visited { + color: #99CCFF; +} + +.wall-item-name-link { + color: #99CCFF; +} + +.wall-item-photo-menu li a { + color: #CCCCCC; background-color: #333333; +} + +.wall-item-photo-menu li a:hover { + background-color: #CCCCCC; color: #333333; +} +#page-footer { min-height: 1em;} +footer { + margin: 0px 10%; + display: block; + background-image: url('sectionend.jpg'); + background-position: top left; + background-repeat: repeat-x; + height: 25px; +} + + diff --git a/view/theme/dispy/connect.png b/view/theme/dispy/connect.png Binary files differnew file mode 100644 index 000000000..b76fc13dc --- /dev/null +++ b/view/theme/dispy/connect.png diff --git a/view/theme/dispy/icons.png b/view/theme/dispy/icons.png Binary files differnew file mode 100644 index 000000000..43228bb9d --- /dev/null +++ b/view/theme/dispy/icons.png diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl new file mode 100644 index 000000000..245957808 --- /dev/null +++ b/view/theme/dispy/jot-header.tpl @@ -0,0 +1,186 @@ + +<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; +var textlen = 0; + +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(); + textlen = txt.length; + if(textlen != 0 && $('#jot-perms-icon').is('.unlock')) { + $('#profile-jot-desc').html(ispublic); + } + else { + $('#profile-jot-desc').html(' '); + } + + if(textlen <= 140) { + $('#character-counter').removeClass('red'); + $('#character-counter').removeClass('orange'); + $('#character-counter').addClass('grey'); + } + if((textlen > 140) && (textlen <= 420)) { + $('#character-counter').removeClass('grey'); + $('#character-counter').removeClass('red'); + $('#character-counter').addClass('orange'); + } + if(textlen > 420) { + $('#character-counter').removeClass('grey'); + $('#character-counter').removeClass('orange'); + $('#character-counter').addClass('red'); + } + $('#character-counter').text(textlen); + }); + + ed.onInit.add(function(ed) { + ed.pasteAsPlainText = true; + }); + + } +}); + +</script> +<script type="text/javascript" src="include/ajaxupload.js" ></script> +<script> + var ispublic = '$ispublic'; + $(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'); + $('#jot-public').hide(); + $('.profile-jot-net input').attr('disabled', 'disabled'); + }); + if(selstr == null) { + $('#jot-perms-icon').removeClass('lock').addClass('unlock'); + $('#jot-public').show(); + $('.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> + diff --git a/view/theme/dispy/jot.tpl b/view/theme/dispy/jot.tpl new file mode 100644 index 000000000..ab121db31 --- /dev/null +++ b/view/theme/dispy/jot.tpl @@ -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> diff --git a/view/theme/dispy/mail_head.tpl b/view/theme/dispy/mail_head.tpl new file mode 100644 index 000000000..89615cbd0 --- /dev/null +++ b/view/theme/dispy/mail_head.tpl @@ -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> diff --git a/view/theme/dispy/menu-user-pin.jpg b/view/theme/dispy/menu-user-pin.jpg Binary files differnew file mode 100644 index 000000000..26449569f --- /dev/null +++ b/view/theme/dispy/menu-user-pin.jpg diff --git a/view/theme/dispy/nav.tpl b/view/theme/dispy/nav.tpl new file mode 100644 index 000000000..3938777e9 --- /dev/null +++ b/view/theme/dispy/nav.tpl @@ -0,0 +1,51 @@ +$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.profiles }}<li><a id="nav-profiles-link" class="nav-commlink nav-sep $nav.profiles.2" href="$nav.profiles.0">$nav.profiles.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.manage }}<li><a id="nav-manage-link" class="nav-commlink $nav.manage.2" href="$nav.manage.0">$nav.manage.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 }}<a id="net-update" class="nav-ajax-update" href="$nav.network.0" title="$nav.network.1"></a>{{ endif }} + {{ if $nav.home }}<a id="home-update" class="nav-ajax-update" href="$nav.home.0" title="$nav.home.1"></a>{{ endif }} + {{ if $nav.notifications }}<a id="notify-update" class="nav-ajax-update" href="$nav.notifications.0" title="$nav.notifications.1"></a>{{ endif }} + {{ if $nav.messages }}<a id="mail-update" class="nav-ajax-update" href="$nav.messages.0" title="$nav.messages.1"></a>{{ 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 }} + + + diff --git a/view/theme/dispy/next.png b/view/theme/dispy/next.png Binary files differnew file mode 100644 index 000000000..353e2e72a --- /dev/null +++ b/view/theme/dispy/next.png diff --git a/view/theme/dispy/notifications.png b/view/theme/dispy/notifications.png Binary files differnew file mode 100644 index 000000000..f0f6a90e8 --- /dev/null +++ b/view/theme/dispy/notifications.png diff --git a/view/theme/dispy/photo_view.tpl b/view/theme/dispy/photo_view.tpl new file mode 100644 index 000000000..4582751c6 --- /dev/null +++ b/view/theme/dispy/photo_view.tpl @@ -0,0 +1,40 @@ +<div id="live-display"></div> +<h3><a href="$album.0">$album.1</a></h3> + +<div id="photo-edit-link-wrap"> +{{ if $tools }} +<a id="photo-edit-link" href="$tools.edit.0">$tools.edit.1</a> +- +<a id="photo-toprofile-link" href="$tools.profile.0">$tools.profile.1</a> +{{ endif }} +{{ if $lock }} - <img src="images/lock_icon.gif" class="lockview" alt="$lock" onclick="lockview(event,'photo$id');" /> {{ endif }} +</div> + +<div id="photo-photo"> + {{ if $prevlink }}<div id="photo-prev-link"><a href="$prevlink.0">$prevlink.1</a></div>{{ endif }} + <a href="$photo.href" title="$photo.title"><img src="$photo.src" /></a> + {{ if $nextlink }}<div id="photo-next-link"><a href="$nextlink.0">$nextlink.1</a></div>{{ endif }} +</div> + +<div id="photo-photo-end"></div> +<div id="photo-caption" >$desc</div> +{{ if $tags }} +<div id="in-this-photo-text">$tags.0</div> +<div id="in-this-photo">$tags.1</div> +{{ endif }} +{{ if $tags.2 }}<div id="tag-remove"><a href="$tags.2">$tags.3</a></div>{{ endif }} + +{{ if $edit }}$edit{{ endif }} + +{{ if $likebuttons }} +<div id="photo-like-div"> + $likebuttons + $like + $dislike +</div> +{{ endif }} + +$comments + +$paginate + diff --git a/view/theme/dispy/prev.png b/view/theme/dispy/prev.png Binary files differnew file mode 100644 index 000000000..0ae6022af --- /dev/null +++ b/view/theme/dispy/prev.png diff --git a/view/theme/dispy/profile_tabs.tpl b/view/theme/dispy/profile_tabs.tpl new file mode 100644 index 000000000..63b6d48dd --- /dev/null +++ b/view/theme/dispy/profile_tabs.tpl @@ -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>
\ No newline at end of file diff --git a/view/theme/dispy/search_item.tpl b/view/theme/dispy/search_item.tpl new file mode 100644 index 000000000..41cc95e65 --- /dev/null +++ b/view/theme/dispy/search_item.tpl @@ -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> + diff --git a/view/theme/dispy/settings.tpl b/view/theme/dispy/settings.tpl new file mode 100644 index 000000000..953e5c3f2 --- /dev/null +++ b/view/theme/dispy/settings.tpl @@ -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> + + diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css new file mode 100644 index 000000000..a212c1935 --- /dev/null +++ b/view/theme/dispy/style.css @@ -0,0 +1,797 @@ +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;} +.fakelink { color: #3465a4; cursor: pointer; } +.fakelink :hover{ color: #729fcf; } + +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; +} + +.smalltext { font-size: 0.7em } + +#panel { + position: absolute; + font-size:0.8em; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + border: 1px solid #ffffff; + background-color: #2e3436; + color: #eeeeec; + padding:1em; +} + +.pager { + padding-top: 30px; + display:block; + clear: both; + text-align: center; +} + +.pager span { padding: 4px; margin:4px; } +.pager_current { background-color: #729fcf; color: #ffffff; } + +/** + * login + */ +#login-extra-links a { margin-right: 20px; } + +/********* +* nav +*********/ + +nav { + height: 50px; + display: block; + background-color: #2e3436; + color: #eeeeec; + position: relative; + padding: 0px 10%; +} +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 { + 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; + display: none; +} +#net-update { background-position: 0px 0px; } +#mail-update { background-position: -30px 0px; } +#notify-update { background-position: -60px 0px; } +#home-update { background-position: -90px 0px; } + +/** sysmsg **/ +#sysmsg { + position:fixed; + bottom: 0px; right:10%; + -moz-box-shadow: 0px 0px 5px #888; + -webkit-box-shadow: 0px 0px 5px #888; + box-shadow: 0px 0px 5px #888; + padding: 10px; + background-color: #fcaf3e; border:2px solid #f8911b; + border-bottom:0px; + padding-bottom: 50px; + z-index: 1000; +} +#sysmsg br { + display:block; + margin:2px 0px; + border-top: 1px solid #ccccce; +} + +/** +* aside +**/ + +aside { + position: absolute; + right: 11%; + 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;} + +#profile-extra-links ul { margin-left: 0px; padding-left: 0px; list-style: none; } + +#dfrn-request-link { + background: #3465A4 url('connect.png') no-repeat 95% center; + border-radius: 5px 5px 5px 5px; + color: #FFFFFF; + display: block; + font-size: 1.2em; + padding: 0.2em 0.5em; +} + +/** +* contacts block +*/ +.contact-block-div { width: 50px; height: 50px; float: left; } +.contact-block-textdiv { width: 150px; height: 34px; float: left; } +#contact-block-end { clear: both; } + +/** + * jot + **/ +#profile-jot-text_tbl { margin-bottom: 10px; } +#profile-jot-text_ifr { width: 99.9%!important } +#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; + margin-top: 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; } + +#profile-jot-email-wrapper { + margin: 10px 10% 0px 10%; + border: 1px solid #555753; + border-bottom: 0px; +} +#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;} +#profile-jot-email { margin: 5px; width: 90%; } + +#profile-jot-networks { + margin: 0px 10%; + border: 1px solid #555753; + border-top: 0px; + border-bottom: 0px; + padding: 5px; +} +#profile-jot-acl-wrapper { + margin: 0px 10%; + border: 1px solid #555753; + border-top: 0px; +} +#group_allow_wrapper, +#group_deny_wrapper, +#acl-permit-outer-wrapper { width: 47%; float: left; } + +#contact_allow_wrapper, +#contact_deny_wrapper, +#acl-deny-outer-wrapper { width: 47%; float: right; } + +#acl-permit-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} +#jot-public {background-color: #555753; color: #ff0000; padding: 5px; float: left;} +#acl-deny-text {background-color: #555753; color: #ccccce; padding: 5px; float: left;} + +#acl-permit-text-end, +#acl-deny-text-end { clear: both; } + + + + +#acl-permit-wrapper, +#acl-deny-wrapper { padding: 5px; } + +#acl-allow-group-label, +#acl-allow-contact-label, +#acl-deny-group-label, +#acl-deny-contact-label { display: block } + +#group_allow, #contact_allow, +#group_deny, #contact_deny, +#profile-jot-acl-wrapper select { width: 100%; } + +#acl-wrapper-end, +#profile-jot-end { clear: both; height: 5px; } + +/** + * section + */ +section { margin: 10px 11% 0px 11%; 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: -99999px; + 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 .icon { float: left; } +.wall-item-location > a { margin-left: 25px; font-size: 0.7em; display: block;} +.wall-item-location .smalltext { margin-left: 25px; font-size: 0.7em; display: block;} +.wall-item-location > br { display: none; } + +.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 + */ + + .ccollapse-wrapper { font-size: 0.9em; margin-left: 80px; } + +.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 { + min-width: 50px; + top: 60px; +} + + +.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-top-links { + margin-bottom:30px; +} +.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; + + padding-bottom: 30px; + 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} + + +#photo-photo{ + position: relative; + float:left; +} +#photo-photo-end { clear: both; } +#photo-prev-link, +#photo-next-link{ + position: absolute; + width:30%; + height: 100%; + background-color: rgba(255,255,255,0.5); + opacity: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + background-position: center center; + background-repeat: no-repeat; + +} +#photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); } +#photo-next-link { right:0px; top:0px; background-image: url('next.png');} + +#photo-prev-link a, +#photo-next-link a{ + display: block; width: 100%; height: 100%; + overflow: hidden; + text-indent: -900000px; +} + +#photo-prev-link:hover, +#photo-next-link:hover{ + opacity: 1; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +#photos-upload-spacer, +#photos-upload-new-wrapper, +#photos-upload-exist-wrapper { margin-bottom: 1em; } +#photos-upload-existing-album-text, +#photos-upload-newalbum-div { + background-color: #555753; + color: #eeeeec; + padding: 1px; +} +#photos-upload-album-select, +#photos-upload-newalbum { width: 99% } +#photos-upload-perms-menu { text-align: right; } + +/** + * 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 + */ + +.view-contact-wrapper, +.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; +} + +#contact-edit-banner-name { font-size: 1.5em; } +#contact-edit-photo-wrapper {position: relative; float: left; padding: 20px;} +#contact-edit-direction-icon { position: absolute; top: 60px; left:0px;} +#contact-edit-nav-wrapper { margin-left: 210px; } +#contact-edit-links { float: left; margin-top: 23px; } +#contact-drop-links { margin-left: 5px; } +#contact-edit-nav-wrapper .icon { + border: 1px solid #babdb6; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +#contact-edit-poll-wrapper { margin-left: 50px; } +#contact-edit-last-update-text { margin-bottom: 15px; } +#contact-edit-last-updated { font-weight: bold; } +#contact-edit-poll-text { display: inline; } +#contact-edit-end { clear: both; } + +/** + * 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;} +.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;} + +/** + * profile + */ +#cropimage-wrapper { float:left; } +#crop-image-form { clear:both; } + + +/** + * 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; } + diff --git a/view/theme/dispy/wall_item.tpl b/view/theme/dispy/wall_item.tpl new file mode 100644 index 000000000..ed1206f81 --- /dev/null +++ b/view/theme/dispy/wall_item.tpl @@ -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> + diff --git a/view/theme/dispy/wallwall_item.tpl b/view/theme/dispy/wallwall_item.tpl new file mode 100644 index 000000000..263b67c73 --- /dev/null +++ b/view/theme/dispy/wallwall_item.tpl @@ -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> + diff --git a/view/theme/duepuntozero/photo-menu.jpg b/view/theme/duepuntozero/photo-menu.jpg Binary files differnew file mode 100644 index 000000000..fde5eb535 --- /dev/null +++ b/view/theme/duepuntozero/photo-menu.jpg diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index c54b9835a..8a397c10c 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -16,7 +16,7 @@ body { } -a, a:visited { color: #3465a4; text-decoration: none; } +a, a:visited, a:link { color: #3465a4; text-decoration: none; } a:hover {text-decoration: underline; } input { @@ -51,6 +51,11 @@ blockquote:before { content: '>> '; } +.icollapse-wrapper, .ccollapse-wrapper { + border: 1px solid #CCC; + padding: 5px; +} + #panel { background-color: ivory; position: absolute; @@ -206,9 +211,12 @@ div.wall-item-content-wrapper.shiny { /* from default */ #jot-perms-icon, #profile-location, -#profile-nolocation, +#profile-nolocation, +#profile-youtube, #profile-video, -#profile-link, +#profile-audio, +#profile-link, +#profile-title, #wall-image-upload, #profile-upload-wrapper, #wall-image-upload-div, @@ -216,7 +224,11 @@ div.wall-item-content-wrapper.shiny { cursor: pointer; } -.fakelink, .fakelink:visited { +#jot-perms-icon { + float: left; +} + +.fakelink, .fakelink:visited, .fakelink:link { color: #3465a4; text-decoration: none; cursor: pointer; @@ -370,6 +382,11 @@ input#dfrn-url { } #settings-nick-wrapper { + margin-top: 20px; + +} + +#settings-expire-end { margin-bottom: 30px; } @@ -378,6 +395,7 @@ input#dfrn-url { #settings-nick-end, #settings-defloc-end, #settings-allowloc-end, +#settings-blockw-end, #settings-timezone-end, #settings-theme-end, #settings-password-end, @@ -388,7 +406,14 @@ input#dfrn-url { #notify2-end, #notify3-end, #notify4-end, -#notify5-end { +#notify5-end, +#imap-server-end, +#imap-port-end, +#imap-ssl-end, +#imap-user-end, +#imap-pass-end, +#imap-replyto-end, +#imap-pubmail-end { margin-bottom: 5px; clear: both; } @@ -398,6 +423,7 @@ input#dfrn-url { #settings-nick-label, #settings-defloc-label, #settings-allowloc-label, +#settings-blockw-label, #settings-timezone-label, #settings-theme-label, #settings-password-label, @@ -408,7 +434,14 @@ input#dfrn-url { #settings-label-notify2, #settings-label-notify3, #settings-label-notify4, -#settings-label-notify5 { +#settings-label-notify5, +#settings-label-imap1, +#settings-label-imap2, +#settings-label-imap3, +#settings-label-imap4, +#settings-label-imap5, +#settings-label-imap6, +#settings-label-imap7 { float: left; width: 200px; } @@ -418,6 +451,7 @@ input#dfrn-url { #settings-nick, #settings-defloc, #settings-allowloc, +#settings-blockw, #timezone-select, #theme-select, #settings-password, @@ -427,7 +461,14 @@ input#dfrn-url { #notify2, #notify3, #notify4, -#notify5 { +#notify5, +#imap-server, +#imap-port, +#imap-ssl, +#imap-user, +#imap-pass, +#imap-replyto, +#imap-pubmail { float: left; margin-bottom: 20px; } @@ -465,10 +506,6 @@ input#dfrn-url { width: 500px; } -#settings-nick { - margin-bottom: 50px; -} - #cropimage-wrapper, #cropimage-preview-wrapper { float: left; padding: 30px; @@ -605,6 +642,11 @@ input#dfrn-url { #profile-photo-link-select-wrapper { margin-top: 2em; } + +#profile-photo-submit-wrapper { + margin-top: 10px; +} + #profile-photo-wrapper img { width:175px; height:175px; @@ -624,7 +666,8 @@ input#dfrn-url { #profile-edit-sexual-label, #profile-edit-politic-label, #profile-edit-religion-label, -#profile-edit-keywords-label, +#profile-edit-pubkeywords-label, +#profile-edit-prvkeywords-label, #profile-edit-homepage-label { float: left; width: 175px; @@ -644,7 +687,8 @@ input#dfrn-url { #sexual-select, #profile-edit-politic, #profile-edit-religion, -#profile-edit-keywords, +#profile-edit-pubkeywords, +#profile-edit-prvkeywords, #profile-in-dir-yes, #profile-in-dir-no, #profile-in-netdir-yes, @@ -698,7 +742,8 @@ input#dfrn-url { #profile-edit-pdesc-desc, -#profile-edit-keywords-desc { +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } @@ -741,7 +786,8 @@ input#dfrn-url { #profile-edit-sexual-end, #profile-edit-politic-end, #profile-edit-religion-end, -#profile-edit-keywords-end, +#profile-edit-pubkeywords-end, +#profile-edit-prvkeywords-end, #profile-edit-homepage-end, #profile-in-dir-break, #profile-in-dir-end, @@ -846,6 +892,37 @@ input#dfrn-url { margin-bottom: 10px; width: 100px; } +.wall-item-photo-menu-button { + display: block; + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 74px; left:10px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.wall-item-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 10px; top: 90px; + display: none; + z-index: 10000; +} +.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.wall-item-photo-menu li a { display: block; padding: 2px; } +.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + + +.comment .wall-item-photo-menu-button { top: 44px;} +.comment .wall-item-photo-menu { top: 60px; } .wallwall .wwto { left: 50px; @@ -858,6 +935,7 @@ input#dfrn-url { width: 30px; height: 30px; } + .wallwall .wall-item-photo-end { clear: both; } @@ -908,11 +986,23 @@ input#dfrn-url { border-right: 2px solid #fff; } +.wall-item-like-buttons > a, +.wall-item-like-buttons > img { + float: left; +} .wall-item-like-buttons img { cursor: pointer; } +.wall-item-share-buttons { + margin-left: 10px; +} + +.editpost { + margin-left: 15px; +} + .wall-item-links-wrapper { float: left; } @@ -1029,33 +1119,45 @@ input#dfrn-url { } #profile-upload-wrapper { float: left; - margin-left: 50px; + margin-left: 30px; } #profile-rotator { float: left; - margin-left: 50px; + margin-left: 30px; } #profile-link-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; } #profile-youtube-wrapper { float: left; - margin-left: 20px; + 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: 20px; + margin-left: 15px; } #profile-nolocation-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; +} +#profile-title-wrapper { + float: left; + margin-left: 15px; } #profile-jot-perms { float: left; - margin-left: 200px; + margin-left: 100px; font-weight: bold; font-size: 1.2em; } @@ -1343,6 +1445,9 @@ input#dfrn-url { #contact-edit-links { float: left; } +#contact-edit-links a { + float: left; +} #contact-edit-links img { margin-left: 20px; border: none; @@ -1405,7 +1510,7 @@ input#dfrn-url { /*margin-left: 50px;*/ } -#block-message, #ignore-message, #profile-edit-insecure { +#block-message, #ignore-message { margin-top: 20px; color: #FF0000; font-size: 1.1em; @@ -1414,13 +1519,21 @@ input#dfrn-url { padding: 10px; } +#profile-edit-insecure { + margin-top: 20px; + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding-left: 5px; + /*: 3px 3px 3px 5px; */ + width: 587px; +} + #block-message, #ignore-message { width: 180px; } -#profile-edit-insecure { - width: 600px; -} /* .profile-tabs { @@ -1471,11 +1584,26 @@ input#dfrn-url { display: block; } -#acl-permit-text, +#acl-permit-text { + margin-top: 10px; + float: left; +} + #acl-deny-text { margin-top: 10px; } +#jot-public { + float: left; + margin-top: 10px; + margin-left: 15px; + color: #FF0000; +} + +#acl-permit-text-end { + clear: both; +} + #acl-allow-group-label, #acl-allow-contact-label, #acl-deny-group-label, @@ -1778,9 +1906,11 @@ a.mail-list-link { #profile-jot-desc { /*float: left;*/ width: 480px; + color: #FF0000; margin-top: 10px; margin-bottom: 10px; } + #character-counter { float: right; font-size: 120%; @@ -1806,7 +1936,7 @@ a.mail-list-link { margin-bottom: 15px; } -#photos-upload-perms-menu, #photos-upload-perms-menu:visited { +#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link { color: #8888FF; text-decoration: none; cursor: pointer; @@ -1939,6 +2069,12 @@ a.mail-list-link { width: 52px; height: 52px; } +.contact-block-textdiv { + float: left; + width: 150px; + height: 34px; +} + #contact-block-end { clear: both; } @@ -2008,10 +2144,14 @@ a.mail-list-link { #plugin-settings-link, #account-settings-link { - margin-bottom: 25px; + margin-bottom: 10px; +} + +#uexport-link { + margin-bottom: 20px; } -/* end from defautlt */ +/* end from default */ .fn { @@ -2056,7 +2196,7 @@ a.mail-list-link { .tool-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; } .tool-link { @@ -2107,3 +2247,164 @@ a.mail-list-link { clear: both; } +.profile-match-photo { + float: left; + text-align: center; + width: 120px; +} + +.profile-match-name { + float: left; + text-align: center; + width: 120px; + overflow: hidden; +} + +.profile-match-break, +.profile-match-end { + clear: both; +} + +.profile-match-wrapper { + float: left; + padding: 10px; +} +#profile-match-wrapper-end { + clear: both; +} +.side-link { + margin-bottom: 15px; +} + +#language-selector { + position: absolute; + top: 0; + left: 0; +} + +#group-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-members-end { + clear: both; +} + +#group-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#group-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#group-edit-desc { + margin-top: 15px; +} + + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-members-end { + clear: both; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#prof-edit-desc { + margin-top: 15px; +} + +#crepair-nick-label, +#crepair-url-label, +#crepair-request-label, +#crepair-confirm-label, +#crepair-notify-label, +#crepair-poll-label { + float: left; + width: 200px; + margin-bottom: 15px; +} + +#crepair-nick, +#crepair-url, +#crepair-request, +#crepair-confirm, +#crepair-notify, +#crepair-poll { + float: left; + width: 300px; +} + +#contact-edit-links .icon, #contact-drop-links .icon { + margin: 0px 3px 0px 3px; +} + +/** + * 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;} diff --git a/view/theme/greenzero/style.css b/view/theme/greenzero/style.css index 5a8401160..ec15b736e 100644 --- a/view/theme/greenzero/style.css +++ b/view/theme/greenzero/style.css @@ -2,7 +2,7 @@ /* green variation by Tobias Diekershoff <tobias.diekershoff@gmx.net> */ -a, a:visited { color: #549f4f; text-decoration: none; } +a:link, a:visited { color: #549f4f; text-decoration: none; } a:hover {text-decoration: underline; } diff --git a/view/theme/loozah/photo-menu.jpg b/view/theme/loozah/photo-menu.jpg Binary files differnew file mode 100644 index 000000000..bd39696a2 --- /dev/null +++ b/view/theme/loozah/photo-menu.jpg diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css index 4461907bb..0ae2ab4cd 100644 --- a/view/theme/loozah/style.css +++ b/view/theme/loozah/style.css @@ -107,9 +107,12 @@ blockquote:before { #jot-perms-icon, #profile-location, -#profile-nolocation, -#profile-video, -#profile-link, +#profile-nolocation, +#profile-youtube, +#profile-video, +#profile-audio, +#profile-link, +#profile-title, #wall-image-upload, #profile-upload-wrapper, #wall-image-upload-div, @@ -117,6 +120,10 @@ blockquote:before { cursor: pointer; } +#jot-perms-icon { + float: left; +} + .fakelink, .fakelink:visited { color: #15607B; text-decoration: none; @@ -503,6 +510,10 @@ input#dfrn-url { } #settings-nick-wrapper { + margin-bottom: 15px; +} + +#settings-expire-end { margin-bottom: 30px; } @@ -511,6 +522,7 @@ input#dfrn-url { #settings-nick-end, #settings-defloc-end, #settings-allowloc-end, +#settings-blockw-end, #settings-timezone-end, #settings-theme-end, #settings-password-end, @@ -521,7 +533,14 @@ input#dfrn-url { #notify2-end, #notify3-end, #notify4-end, -#notify5-end { +#notify5-end, +#imap-server-end, +#imap-port-end, +#imap-ssl-end, +#imap-user-end, +#imap-pass-end, +#imap-replyto-end, +#imap-pubmail-end { margin-bottom: 5px; clear: both; } @@ -531,6 +550,7 @@ input#dfrn-url { #settings-nick-label, #settings-defloc-label, #settings-allowloc-label, +#settings-blockw-label, #settings-timezone-label, #settings-theme-label, #settings-password-label, @@ -541,7 +561,14 @@ input#dfrn-url { #settings-label-notify2, #settings-label-notify3, #settings-label-notify4, -#settings-label-notify5 { +#settings-label-notify5, +#settings-label-imap1, +#settings-label-imap2, +#settings-label-imap3, +#settings-label-imap4, +#settings-label-imap5, +#settings-label-imap6, +#settings-label-imap7 { float: left; width: 200px; } @@ -551,6 +578,7 @@ input#dfrn-url { #settings-nick, #settings-defloc, #settings-allowloc, +#settings-blockw, #timezone-select, #theme-select, #settings-password, @@ -560,7 +588,14 @@ input#dfrn-url { #notify2, #notify3, #notify4, -#notify5 { +#notify5, +#imap-server, +#imap-port, +#imap-ssl, +#imap-user, +#imap-pass, +#imap-replyto, +#imap-pubmail { float: left; margin-bottom: 20px; } @@ -599,7 +634,7 @@ input#dfrn-url { } #settings-nick { - margin-bottom: 50px; + margin-bottom: 30px; } #cropimage-wrapper, #cropimage-preview-wrapper { @@ -755,7 +790,8 @@ input#dfrn-url { #profile-edit-sexual-label, #profile-edit-politic-label, #profile-edit-religion-label, -#profile-edit-keywords-label, +#profile-edit-pubkeywords-label, +#profile-edit-prvkeywords-label, #profile-edit-homepage-label { float: left; width: 175px; @@ -775,7 +811,8 @@ input#dfrn-url { #sexual-select, #profile-edit-politic, #profile-edit-religion, -#profile-edit-keywords, +#profile-edit-pubkeywords, +#profile-edit-prvkeywords, #profile-in-dir-yes, #profile-in-dir-no, #profile-in-netdir-yes, @@ -806,7 +843,8 @@ input#dfrn-url { margin-left: 20px; } -#profile-edit-keywords-desc { +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { float: left; margin-left: 20px; } @@ -864,7 +902,8 @@ input#dfrn-url { #profile-edit-sexual-end, #profile-edit-politic-end, #profile-edit-religion-end, -#profile-edit-keywords-end, +#profile-edit-pubkeywords-end, +#profile-edit-prvkeywords-end, #profile-edit-homepage-end, #profile-in-dir-break, #profile-in-dir-end, @@ -945,6 +984,7 @@ input#dfrn-url { .wall-item-content-wrapper { margin-top: 10px; border: 1px solid #CCC; + position: relative; } .wall-item-content-wrapper.comment { @@ -959,10 +999,37 @@ input#dfrn-url { width: 100px; float: left; } + +.wall-item-photo-menu-button { + display: block; + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 74px; left:10px; + overflow: hidden; + text-indent: 40px; + display: none; +} +.wall-item-photo-menu { + width: auto; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 10px; top: 90px; + display: none; + z-index: 10000; +} +.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.wall-item-photo-menu li a { display: block; padding: 2px; } +.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + + .wall-item-arrowphoto-wrapper { margin-top: 40px; - margin-right: 20px; - float: left; } .wall-item-wrapper { margin-left: 10px;; @@ -984,6 +1051,28 @@ input#dfrn-url { padding-right: 10px; border-right: 2px solid #fff; } +.wall-item-like-buttons > a, +.wall-item-like-buttons > img { + float: left; +} + +.wall-item-share-buttons { + margin-left: 5px; +} + +.editpost { + margin-left: 15px; +} + +.wall-item-info.wallwall { + width: 285px; +} + +.wwto, .wall-item-arrowphoto-wrapper, .wwfrom { + float: left; + margin-right: 10px; +} + .wall-item-links-wrapper { float: left; @@ -1098,33 +1187,46 @@ padding: 5px 10px 0px; } #profile-upload-wrapper { float: left; - margin-left: 50px; + margin-left: 30px; } #profile-rotator { float: left; - margin-left: 50px; + margin-left: 30px; } #profile-link-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; } #profile-youtube-wrapper { float: left; - margin-left: 20px; + 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: 20px; + margin-left: 15px; } #profile-nolocation-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; +} + +#profile-title-wrapper { + float: left; + margin-left: 15px; } #profile-jot-perms { float: left; - margin-left: 200px; + margin-left: 100px; font-weight: bold; font-size: 1.2em; } @@ -1410,6 +1512,9 @@ padding: 5px 10px 0px; #contact-edit-links { float: left; } +#contact-edit-links a { + float: left; +} #contact-edit-links img { margin-left: 20px; border: none; @@ -1539,9 +1644,24 @@ padding: 5px 10px 0px; display: block; } -#acl-permit-text, +#acl-permit-text { + margin-top: 10px; + float: left; +} + #acl-deny-text { - margin-top: 10px; + margin-top: 10px; +} + +#jot-public { + float: left; + margin-top: 10px; + margin-left: 15px; + color: #FF0000; +} + +#acl-permit-text-end { + clear: both; } #acl-allow-group-label, @@ -1982,6 +2102,12 @@ a.mail-list-link { width: 52px; height: 52px; } +.contact-block-textdiv { + float: left; + width: 150px; + height: 34px; +} + #contact-block-end { clear: both; } @@ -2050,8 +2176,8 @@ a.mail-list-link { } -#plugin-settings-link, #account-settings-link { - margin-bottom: 25px; +#plugin-settings-link, #account-settings-link, #uexport-link { + margin-bottom: 10px; } @@ -2086,7 +2212,7 @@ a.mail-list-link { .tool-wrapper { float: left; - margin-left: 20px; + margin-left: 15px; } .tool-link { cursor: pointer; @@ -2140,3 +2266,163 @@ a.mail-list-link { clear: both; } + +.profile-match-photo { + float: left; + text-align: center; + width: 120px; +} + +.profile-match-name { + float: left; + text-align: center; + width: 120px; + overflow: hidden; +} + +.profile-match-break, +.profile-match-end { + clear: both; +} + +.profile-match-wrapper { + float: left; + padding: 10px; +} +#profile-match-wrapper-end { + clear: both; +} + +.side-link { + margin-bottom: 15px; +} + +#language-selector { + position: absolute; + top: 0; + left: 0; +} + + +#group-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-members-end { + clear: both; +} + +#group-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#group-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#group-edit-desc { + margin-top: 15px; +} + + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-members-end { + clear: both; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#prof-edit-desc { + margin-top: 15px; +} + +#crepair-nick-label, +#crepair-url-label, +#crepair-request-label, +#crepair-confirm-label, +#crepair-notify-label, +#crepair-poll-label { + float: left; + width: 200px; + margin-bottom: 15px; +} + +#crepair-nick, +#crepair-url, +#crepair-request, +#crepair-confirm, +#crepair-notify, +#crepair-poll { + 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;} |