MrPetovan/friendica
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

weee, dispys get another update

Browse source 
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-03-16 13:31:59 -04:00
parent a8c1cbc655
commit 7b15f27ba4
15 changed files with 293 additions and 194 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
view/theme/dispy-dark/style.css
View file

@ -123,9 +123,6 @@ a {
text-decoration: none; text-decoration: none;
margin-bottom: 1px; margin-bottom: 1px;
} }
/*a:hover { */
/* text-decoration: none;*/
/*}*/
a:hover img { a:hover img {
text-decoration: none; text-decoration: none;
} }
@ -778,6 +775,15 @@ aside #viewcontacts {
#profile-jot-text_ifr { #profile-jot-text_ifr {
width:99.900002% !important; width:99.900002% !important;
} }
[id$="jot-text_ifr"] {
width: 99.900002% !important;
color: #2e2f2e;
background: #eec;
}
[id$="jot-text_ifr"] .mceContentBody {
color: #2e2f2e;
background: #eec;
}
#profile-attach-wrapper, #profile-attach-wrapper,
#profile-audio-wrapper, #profile-audio-wrapper,
#profile-link-wrapper, #profile-link-wrapper,
@ -1527,7 +1533,6 @@ div[id$="wrapper"] br {
} }
.mail-list-subject { .mail-list-subject {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold;
} }
.mail-list-delete-wrapper { .mail-list-delete-wrapper {
float: right; float: right;
@ -1751,23 +1756,23 @@ div[id$="wrapper"] br {
margin: 30px 0px; margin: 30px 0px;
} }
.profile-edit-side-div { .profile-edit-side-div {
/*background: #111;*/ /*background: #111;
/*border-radius: 5px 5px 0px 0px;*/ border-radius: 5px 5px 0px 0px;
/*margin: 0px 0px 0px 0px;*/ margin: 0px 0px 0px 0px;
/*width: 100px;*/ width: 100px;
/*height: 25px;*/ height: 25px;
/*position: absolute;*/ position: absolute;*/
display: none; display: none;
/*left: 35%;*/ /*left: 35%;
/*top: 41%;*/ top: 41%;
/*cursor: pointer;*/ cursor: pointer;*/
} }
/*.profile-edit-side-div:hover {*/ /*.profile-edit-side-div:hover {
/*display: block;*/ display: block;
/*}*/ }
/*.profile-edit-side-link {*/ .profile-edit-side-link {
/*margin: 3px 0px 0px 70px;*/ margin: 3px 0px 0px 70px;
/*}*/ }*/
#profiles-menu-trigger { #profiles-menu-trigger {
margin: 0px 0px 0px 25px; margin: 0px 0px 0px 25px;
} }
@ -2123,12 +2128,12 @@ div[id$="wrapper"] br {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
#adminpage dt { #adminpage dt {
width: 200px; width: 250px;
float: left; float: left;
font-weight: bold; font-weight: bold;
} }
#adminpage dd { #adminpage dd {
margin-left: 200px; margin-left: 250px;
} }
#adminpage h3 { #adminpage h3 {
border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;
@ -2590,8 +2595,8 @@ footer {
margin-top: 30px; margin-top: 30px;
overflow: auto; overflow: auto;
} }
/*#acl-list-content {*/ /*#acl-list-content {
/*}*/ }*/
.acl-list-item { .acl-list-item {
border: 1px solid #eec; border: 1px solid #eec;
display: block; display: block;

8
view/theme/dispy-dark/theme.php
View file

@ -64,7 +64,7 @@ $(document).ready(function() {
$('#drop-' + id).addClass('iconspacer'); } $('#drop-' + id).addClass('iconspacer'); }
); );
// notifications // click outside notifications menu closes it
$('html').click(function() { $('html').click(function() {
$('#nav-notifications-linkmenu').removeClass('selected'); $('#nav-notifications-linkmenu').removeClass('selected');
document.getElementById("nav-notifications-menu").style.display = "none"; document.getElementById("nav-notifications-menu").style.display = "none";
@ -74,6 +74,7 @@ $(document).ready(function() {
event.stopPropagation(); event.stopPropagation();
}); });
// main function in toolbar functioning
function toggleToolbar() { function toggleToolbar() {
if ( $('#nav-floater').is(':visible') ) { if ( $('#nav-floater').is(':visible') ) {
$('#nav-floater').slideUp('fast'); $('#nav-floater').slideUp('fast');
@ -87,15 +88,20 @@ $(document).ready(function() {
}); });
} }
}; };
// our trigger for the toolbar button
$('.floaterflip').click(function() { $('.floaterflip').click(function() {
toggleToolbar(); toggleToolbar();
return false; return false;
}); });
// (attempt) to change the text colour in a top post
$('#profile-jot-text').focusin(function() { $('#profile-jot-text').focusin(function() {
$(this).css({color: '#eec'}); $(this).css({color: '#eec'});
}); });
// make auto-complete work in more places
$(".wall-item-comment-wrapper textarea").contact_autocomplete(baseurl+"/acl");
/* $('#profile-photo-wrapper').mouseover(function() { /* $('#profile-photo-wrapper').mouseover(function() {
$('.profile-edit-side-div').css({display: 'block'}); $('.profile-edit-side-div').css({display: 'block'});
}).mouseout(function() { }).mouseout(function() {

2
view/theme/dispy/contact_template.tpl
View file

@ -20,9 +20,11 @@
</div> </div>
<div class="contact-entry-photo-end" ></div> <div class="contact-entry-photo-end" ></div>
<div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div> <div class="contact-entry-name" id="contact-entry-name-$contact.id" >$contact.name</div>
{{ if $contact.alt_text }}<div class="contact-entry-details" id="contact-entry-rel-$contact.id" >$contact.alt_text</div>{{ endif }}
<div class="contact-entry-details" id="contact-entry-url-$contact.id" > <div class="contact-entry-details" id="contact-entry-url-$contact.id" >
<a href="$contact.itemurl" title="$contact.itemurl">Profile URL</a></div> <a href="$contact.itemurl" title="$contact.itemurl">Profile URL</a></div>
<div class="contact-entry-details" id="contact-entry-network-$contact.id" >$contact.network</div> <div class="contact-entry-details" id="contact-entry-network-$contact.id" >$contact.network</div>
<div class="contact-entry-end" ></div> <div class="contact-entry-end" ></div>
</div> </div>

6
view/theme/dispy/group_side.tpl
View file

@ -1,5 +1,5 @@
<div class="widget" id="group-sidebar"> <div id="group-sidebar" class="widget">
<h3>$title</h3> <h3 class="label">$title</h3>
<div id="sidebar-group-list"> <div id="sidebar-group-list">
<ul id="sidebar-group-ul"> <ul id="sidebar-group-ul">
@ -9,7 +9,7 @@
{{ if $group.edit }} {{ if $group.edit }}
<a <a
class="groupsideedit" class="groupsideedit"
href="$group.edit.href" title="$edittext"><span class="icon small-pencil"></span></a> href="$group.edit.href" title="$group.edit.title"><span class="icon small-pencil"></span></a>
{{ endif }} {{ endif }}
{{ if $group.cid }} {{ if $group.cid }}
<input type="checkbox" <input type="checkbox"

19
view/theme/dispy/head.tpl
View file

@ -74,25 +74,6 @@
} }
} }
$(document).ready(function() {
function toggleToolbar() {
if ( $('#nav-floater').is(':visible') ) {
$('#nav-floater').slideUp('fast');
$('.floaterflip').css({
backgroundPosition: '-210px -60px'
});
} else {
$('#nav-floater').slideDown('fast');
$('.floaterflip').css({
backgroundPosition: '-190px -60px'
});
}
};
$('.floaterflip').click(function() {
toggleToolbar();
return false;
});
});
</script> </script>

14
view/theme/dispy/jot-header.tpl
View file

@ -114,6 +114,7 @@ function enableOnUser(){
$(this).val(""); $(this).val("");
initEditor(); initEditor();
} }
</script> </script>
<script type="text/javascript" src="$baseurl/js/ajaxupload.js"></script> <script type="text/javascript" src="$baseurl/js/ajaxupload.js"></script>
<script type="text/javascript"> <script type="text/javascript">
@ -121,6 +122,7 @@ function enableOnUser(){
var addtitle = '$addtitle'; var addtitle = '$addtitle';
$(document).ready(function() { $(document).ready(function() {
/* enable tinymce on focus and click */ /* enable tinymce on focus and click */
$("#profile-jot-text").focus(enableOnUser); $("#profile-jot-text").focus(enableOnUser);
$("#profile-jot-text").click(enableOnUser); $("#profile-jot-text").click(enableOnUser);
@ -261,6 +263,18 @@ function enableOnUser(){
} }
} }
function itemFiler(id) {
reply = prompt("$fileas");
if(reply && reply.length) {
commentBusy = true;
$('body').css('cursor', 'wait');
$.get('filer/' + id + '?term=' + reply);
if(timer) clearTimeout(timer);
timer = setTimeout(NavUpdate,3000);
liking = 1;
}
}
function jotClearLocation() { function jotClearLocation() {
$('#jot-coord').val(''); $('#jot-coord').val('');
$('#profile-nolocation-wrapper').hide(); $('#profile-nolocation-wrapper').hide();

16
view/theme/dispy/nav.tpl
View file

@ -57,14 +57,6 @@ works -->
</li> </li>
{{ endif }} {{ endif }}
{{ if $userinfo }}
<ul id="nav-user-menu" class="menu-popup">
{{ for $nav.usermenu as $usermenu }}
<li><a class="$usermenu.2" href="$usermenu.0" title="$usermenu.3">$usermenu.1</a></li>
{{ endfor }}
</ul>
{{ endif }}
{{ if $nav.contacts }} {{ if $nav.contacts }}
<li><a id="nav-contacts-link" class="nav-commlink $nav.contacts.2" href="$nav.contacts.0" title="$nav.contacts.1">$nav.contacts.1</a></li> <li><a id="nav-contacts-link" class="nav-commlink $nav.contacts.2" href="$nav.contacts.0" title="$nav.contacts.1">$nav.contacts.1</a></li>
{{ endif }} {{ endif }}
@ -94,6 +86,14 @@ works -->
</ul> </ul>
</div> </div>
{{ if $userinfo }}
<ul id="nav-user-menu" class="menu-popup">
{{ for $nav.usermenu as $usermenu }}
<li><a class="$usermenu.2" href="$usermenu.0" title="$usermenu.3">$usermenu.1</a></li>
{{ endfor }}
</ul>
{{ endif }}
<div id="notifications"> <div id="notifications">
{{ if $nav.home }} {{ if $nav.home }}
<a id="home-update" class="nav-ajax-left" href="$nav.home.0" title="$nav.home.1"></a> <a id="home-update" class="nav-ajax-left" href="$nav.home.0" title="$nav.home.1"></a>

2
view/theme/dispy/nets.tpl Executable file → Normal file
View file

@ -4,7 +4,7 @@
<a href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a> <a href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a>
<ul class="nets-ul"> <ul class="nets-ul">
{{ for $nets as $net }} {{ for $nets as $net }}
<li><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li> <li><a href="$base?f=&nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
{{ endfor }} {{ endfor }}
</ul> </ul>
</div> </div>

2
view/theme/dispy/photo_view.tpl Executable file → Normal file
View file

@ -17,7 +17,7 @@
</div> </div>
<div id="photo-photo-end"></div> <div id="photo-photo-end"></div>
<div id="photo-caption" >$desc</div> <div id="photo-caption">$desc</div>
{{ if $tags }} {{ if $tags }}
<div id="in-this-photo-text">$tags.0</div> <div id="in-this-photo-text">$tags.0</div>
<div id="in-this-photo">$tags.1</div> <div id="in-this-photo">$tags.1</div>

22
view/theme/dispy/profile_vcard.tpl
View file

@ -1,12 +1,29 @@
<div class="vcard"> <div class="vcard">
{{ if $profile.edit }}
<div class="action">
<span class="icon-profile-edit"></span>
<a href="#" rel="#profiles-menu" class="ttright" id="profiles-menu-trigger" title="$profile.edit.3">$profile.edit.1</a>
<ul id="profiles-menu" class="menu-popup">
{{ for $profile.menu.entries as $e }}
<li>
<a href="profiles/$e.id"><img src='$e.photo'>$e.profile_name</a>
</li>
{{ endfor }}
<li><a href="profile_photo" >$profile.menu.chg_photo</a></li>
<li><a href="profiles/new" id="profile-listing-new-link">$profile.menu.cr_new</a></li>
</ul>
</div>
{{ endif }}
<div class="fn label">$profile.name</div> <div class="fn label">$profile.name</div>
{{ if $pdesc }} {{ if $pdesc }}
<div class="title">$profile.pdesc</div> <div class="title">$profile.pdesc</div>
{{ endif }} {{ endif }}
<div id="profile-photo-wrapper"> <div id="profile-photo-wrapper">
<img class="photo" width="175" height="175" src="$profile.photo" alt="$profile.name" /> <img class="photo" width="175" height="175" src="$profile.photo?rev=$profile.picdate" alt="$profile.name" />
</div> </div>
{{ if $location }} {{ if $location }}
@ -15,10 +32,11 @@
<div class="adr"> <div class="adr">
{{ if $profile.address }} {{ if $profile.address }}
<div class="street-address">$profile.address</div>{{ endif }} <div class="street-address">$profile.address</div>{{ endif }}
<span class="city-state-zip">$profile.zip</span> <span class="city-state-zip">
<span class="locality">$profile.locality</span>{{ if $profile.locality }}, {{ endif }} <span class="locality">$profile.locality</span>{{ if $profile.locality }}, {{ endif }}
<span class="region">$profile.region</span> <span class="region">$profile.region</span>
<span class="postal-code">$profile.postal-code</span> <span class="postal-code">$profile.postal-code</span>
</span>
{{ if $profile.country-name }}<span class="country-name">$profile.country-name</span>{{ endif }} {{ if $profile.country-name }}<span class="country-name">$profile.country-name</span>{{ endif }}
</div> </div>
</div> </div>

2
view/theme/dispy/saved_searches_aside.tpl Executable file → Normal file
View file

@ -1,4 +1,4 @@
<div class="widget" id="saved-search-list"> <div id="saved-search-list" class="widget">
<h3 id="search">$title</h3> <h3 id="search">$title</h3>
$searchbox $searchbox

276
view/theme/dispy/style.css
View file

@ -190,14 +190,16 @@ input[type=submit] {
color: #fff; color: #fff;
} }
/** /**
* global * global
*/ */
/* .tool .action */ /* .tool .action */
.action { .action {
float: right; margin: 5px 0;
} }
/** /**
* login * login
*/ */
@ -205,9 +207,10 @@ input[type=submit] {
margin-right: 20px; margin-right: 20px;
} }
/*********
* nav /**
*********/ * nav
*/
nav { nav {
height: 60px; height: 60px;
display: block; display: block;
@ -515,11 +518,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
position: fixed; position: fixed;
left: 28px; left: 28px;
bottom: 6px; bottom: 6px;
z-index: 10;
} }
#language-selector { #language-selector {
position: fixed; position: fixed;
bottom: 2px; bottom: 2px;
left: 52px; left: 52px;
z-index: 10;
} }
.menu-popup { .menu-popup {
position: absolute; position: absolute;
@ -532,9 +537,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
list-style: none; list-style: none;
border: 3px solid #364e59; border: 3px solid #364e59;
z-index: 100000; z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
} }
.menu-popup a { .menu-popup a {
display: block; display: block;
@ -582,24 +587,24 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/** sysmsg **/ /** sysmsg **/
#sysmsg_info { #sysmsg_info {
position:fixed; position: fixed;
bottom:0; bottom: 0;
-moz-box-shadow:0 0 5px #888; -moz-box-shadow: 3px 3px 3px 10px 0 #000;
-webkit-box-shadow:0 0 5px #888; -webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow:0 0 5px #888; box-shadow: 3px 3px 10px 0 #000;
padding: 10px; padding: 10px;
background-color:#fcaf3e; background-color: #fcaf3e;
border:2px solid #f8911b; border:2px solid #f8911b;
border-bottom:0; border-bottom: 0;
padding-bottom: 50px; padding-bottom: 50px;
z-index: 1000; z-index: 1000;
} }
#sysmsg { #sysmsg {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
-moz-box-shadow: 0 0 5px #888; -moz-box-shadow: 3px 3px 10px 0 #000;
-webkit-box-shadow: 0 0 5px #888; -webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow: 0 0 5px #888; box-shadow: 3px 3px 10px 0 #000;
padding: 10px; padding: 10px;
background-color: #fcaf3e; background-color: #fcaf3e;
border: 2px solid #f8911b; border: 2px solid #f8911b;
@ -683,7 +688,9 @@ aside #viewcontacts {
#netsearch-box { #netsearch-box {
margin: 30px 0px; margin: 30px 0px;
} }
.ttright {
margin: 0px 0px 0px 0px;
}
/** /**
* contacts block * contacts block
@ -766,6 +773,15 @@ aside #viewcontacts {
#profile-jot-text_ifr { #profile-jot-text_ifr {
width:99.900002% !important; width:99.900002% !important;
} }
[id$="jot-text_ifr"] {
width: 99.900002% !important;
color: #2e2f2e;
background: #eec;
}
[id$="jot-text_ifr"] .mceContentBody {
color: #2e2f2e;
background: #eec;
}
#profile-attach-wrapper, #profile-attach-wrapper,
#profile-audio-wrapper, #profile-audio-wrapper,
#profile-link-wrapper, #profile-link-wrapper,
@ -805,6 +821,9 @@ aside #viewcontacts {
border-bottom: 0; border-bottom: 0;
padding: 5px; padding: 5px;
} }
#profile-jot-net {
margin: 5px 0;
}
#jot-preview-link { #jot-preview-link {
margin: 0 0 0 10px; margin: 0 0 0 10px;
border: 0; border: 0;
@ -820,18 +839,19 @@ aside #viewcontacts {
border: 0; border: 0;
text-decoration: none; text-decoration: none;
float: right; float: right;
cursor: pointer;
} }
#profile-jot-perms { #profile-jot-perms {
float: right; float: right;
background-color: #555753; background-color: #555753;
height: 22px; height: 22px;
width: 20px; width: 20px;
-webkit-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px;
border-radius: 5px 0px 0px 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
border: 0px; border: 0px;
margin: 0 -4px 0 10px; margin: 0 10px 0 10px;
} }
#profile-jot-plugin-wrapper { #profile-jot-plugin-wrapper {
width: 1px; width: 1px;
@ -849,23 +869,21 @@ aside #viewcontacts {
height: 22px; height: 22px;
background-color: #555753; background-color: #555753;
color: #eeeeec; color: #eeeeec;
-webkit-border-radius: 0 5px 5px 0; -webkit-border-radius: 5px;
-moz-border-radius: 0 5px 5px 0; -moz-border-radius: 5px;
border-radius: 0 5px 5px 0; border-radius: 5px;
border: 0; border: 0;
margin: 0; margin: 0;
float: right; float: right;
} }
#jot-perms-icons { #jot-perms-icon {
background-color: #555753;
height: 22px; height: 22px;
width: 20px; width: 20px;
-webkit-border-radius: 0 5px 5px 0; -webkit-border-radius: 5px;
-moz-border-radius: 0 5px 5px 0; -moz-border-radius: 5px;
border-radius: 0 5px 5px 0; border-radius: 5px;
overflow: hidden; overflow: hidden;
border: 0; border: 0;
margin: 0 0 0 94.4%;
} }
#profile-jot-acl-wrapper { #profile-jot-acl-wrapper {
margin: 0 10px; margin: 0 10px;
@ -908,10 +926,11 @@ aside #viewcontacts {
clear: both; clear: both;
} }
#jot-title-desc { #jot-title-desc {
color: #cccccc; color: #ccc;
} }
#profile-jot-desc { #profile-jot-desc {
color: #a00; color: #a00;
margin: 5px 0;
} }
#jot-title-wrapper { #jot-title-wrapper {
margin-bottom: 5px; margin-bottom: 5px;
@ -1088,7 +1107,7 @@ section {
clear: left; clear: left;
font-size: 0.8em; font-size: 0.8em;
color: #878883; color: #878883;
margin: 20px 0 0 110px; margin: 20px 20px 0 110px;
} }
.wall-item-ago { .wall-item-ago {
display: inline; display: inline;
@ -1325,10 +1344,11 @@ div[id$="wrapper"] br {
.photo-album-image-wrapper, .photo-album-image-wrapper,
.photo-top-image-wrapper { .photo-top-image-wrapper {
float: left; float: left;
-moz-box-shadow: 0 0 5px #888; -moz-box-shadow: 3px 3px 10px 0 #000;
-webkit-box-shadow: 0 0 5px #888; -webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow: 0 0 5px #888; box-shadow: 3px 3px 10px 0 #000;
background-color: #eee; background-color: #eee;
color: #111;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
@ -1497,20 +1517,25 @@ div[id$="wrapper"] br {
} }
.mail-list-sender-name { .mail-list-sender-name {
display: inline; display: inline;
font-size: 1.1em;
} }
.mail-list-date { .mail-list-date {
display: inline; display: inline;
font-size: 0.8em; font-size: 0.9em;
padding-left: 10px; padding-left: 10px;
} }
.mail-list-sender-name, .mail-list-date {
font-style: italic;
}
.mail-list-subject { .mail-list-subject {
font-size: 1.5em; font-size: 1.2em;
} }
.mail-list-delete-wrapper { .mail-list-delete-wrapper {
float: right; float: right;
} }
.mail-list-outside-wrapper-end { .mail-list-outside-wrapper-end {
clear: both; clear: both;
border-bottom: 1px #eec dotted;
} }
.mail-conv-sender { .mail-conv-sender {
float: left; float: left;
@ -1681,7 +1706,6 @@ div[id$="wrapper"] br {
} }
/** /**
* register, settings & profile forms * register, settings & profile forms
*/ */
@ -1728,29 +1752,55 @@ div[id$="wrapper"] br {
margin: 30px 0px; margin: 30px 0px;
} }
.profile-edit-side-div { .profile-edit-side-div {
margin: 5px 2px 0 0; display: none;
}
/*.profile-edit-side-div:hover {
display: block;
} }
.profile-edit-side-link { .profile-edit-side-link {
margin: 0 20px -18px 0; margin: 3px 0px 0px 70px;
float: right; }*/
#profiles-menu-trigger {
margin: 0px 0px 0px 25px;
} }
.profile-listing { .profile-listing {
float: left; float: left;
margin: 20px 20px 0px 0px; margin: 20px 20px 0px 0px;
} }
.icon-profile-edit {
background: url("icons.png") -150px 0px no-repeat;
border: 0;
cursor: pointer;
display: block;
float: right;
width: 20px;
height: 20px;
margin: 0 0 -18px;
position: absolute;
text-decoration: none;
top: 18px;
right: 226px;
}
#profile-edit-links ul { #profile-edit-links ul {
margin: 20px 0; margin: 20px 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.marital {
margin-top: 5px;
}
#register-sitename { #register-sitename {
display: inline; display: inline;
font-weight: bold; font-weight: bold;
} }
#advanced-expire-popup { #advanced-expire-popup {
/* background: #2e2f2e; background: #2e2f2e;
color: #eec;*/ color: #eec;
} }
#id_ssl_policy {
width: 374px;
}
/** /**
* contacts selector * contacts selector
@ -1961,10 +2011,12 @@ div[id$="wrapper"] br {
.group-selected, .nets-selected { .group-selected, .nets-selected {
padding: 3px; padding: 3px;
color: #111; color: #111;
border: 1px solid #CCCCCC; background: #f8f8f8;
background: #F8F8F8;
font-weight: bold; font-weight: bold;
} }
.group-selected:hover, .nets-selected:hover {
color: #111;
}
.groupsideedit { .groupsideedit {
margin-right: 10px; margin-right: 10px;
} }
@ -2063,12 +2115,12 @@ div[id$="wrapper"] br {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
#adminpage dt { #adminpage dt {
width: 200px; width: 250px;
float: left; float: left;
font-weight: bold; font-weight: bold;
} }
#adminpage dd { #adminpage dd {
margin-left: 200px; margin-left: 250px;
} }
#adminpage h3 { #adminpage h3 {
border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;
@ -2294,6 +2346,7 @@ div[id$="wrapper"] br {
background: url(icons.png) no-repeat; background: url(icons.png) no-repeat;
border: 0; border: 0;
text-decoration: none; text-decoration: none;
border-radius: 5px;
} }
.icon:hover { .icon:hover {
border: 0; border: 0;
@ -2391,7 +2444,7 @@ div[id$="wrapper"] br {
background-position: -70px -40px; background-position: -70px -40px;
} }
.unlock { .unlock {
background-position: -90px -40px; background-position: -88px -40px;
} }
.video { .video {
background-position: -110px -40px; background-position: -110px -40px;
@ -2487,106 +2540,109 @@ footer {
#photos-upload-permissions-wrapper, #photos-upload-permissions-wrapper,
#profile-jot-acl-wrapper { #profile-jot-acl-wrapper {
display: block !important; display: block !important;
background: #eec;
color: #2e2f2e;
} }
#acl-wrapper { #acl-wrapper {
width: 690px; width: 660px;
float: left; margin: 0 auto;
} }
#acl-search { #acl-search {
float: right; float: right;
background: #fff url("../../../images/search_18.png") no-repeat right center; background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px; padding-right: 20px;
margin: 6px;
} }
#acl-showall { #acl-showall {
float:left; float: left;
display:block; display: block;
width:auto; width: auto;
height:18px; height: 18px;
background-color:#CCC; background: #eec url("../../../images/show_all_off.png") 8px 8px no-repeat;
background-image:url("../../../images/show_all_off.png"); padding: 7px 10px 7px 30px;
background-position:7px 7px; -webkit-border-radius: 5px;
background-repeat:no-repeat; -moz-border-radius: 5px;
padding:7px 10px 7px 30px; border-radius: 5px;
-webkit-border-radius:5px; color: #999;
-moz-border-radius:5px; margin: 5px 0;
border-radius:5px;
color:#999;
} }
#acl-showall.selected { #acl-showall.selected {
color:#000; color: #000;
background-color:#F90; background: #f90 url(../../../images/show_all_on.png) 8px 8px no-repeat;
background-image:url(../../../images/show_all_on.png);
} }
#acl-list { #acl-list {
height:210px; height: 210px;
border:1px solid #ccc; border: 1px solid #ccc;
clear:both; clear: both;
margin-top:30px; margin-top: 30px;
overflow:auto; overflow: auto;
}
#acl-list-content {
} }
/*#acl-list-content {
}*/
.acl-list-item { .acl-list-item {
display:block; border: 1px solid #ccc;
width:150px; display: block;
height:30px; float: left;
border:1px solid #ccc; height: 110px;
margin:5px; margin: 3px 0 5px 5px;
float:left; width: 120px;
} }
.acl-list-item img { .acl-list-item img {
width:22px; width: 22px;
height:22px; height: 22px;
float:left; float: left;
margin:4px; margin: 5px 5px 20px;
} }
.acl-list-item p { .acl-list-item p {
height: 12px; height: 12px;
font-size: 10px; font-size: 10px;
margin: 0; margin: 0 0 22px;
padding: 2px 0 1px; padding: 2px 0 1px;
} }
.acl-list-item a { .acl-list-item a {
font-size:8px; background: #ccc 3px 3px no-repeat;
display:block; -webkit-border-radius: 2px;
width:40px; -moz-border-radius: 2px;
height:10px; border-radius: 2px;
float:left; clear: both;
color:#999; font-size: 10px;
background-color:#CCC; display: block;
background-position:3px 3px; width: 55px;
background-repeat:no-repeat; height: 20px;
margin-right:5px; color: #999;
-webkit-border-radius:2px; margin: 5px auto 0;
-moz-border-radius:2px; padding: 0 3px;
border-radius:2px; text-align: center;
padding-left:15px; vertical-align: middle;
} }
#acl-wrapper a:hover { #acl-wrapper a:hover {
text-decoration:none; text-decoration:none;
color:#000; color: #000;
border: 0;
} }
.acl-button-show { .acl-button-show {
background-image:url('../../../images/show_off.png'); background-image: url('../../../images/show_off.png');
margin: 0 auto;
} }
.acl-button-hide { .acl-button-hide {
background-image:url('../../../images/hide_off.png'); background-image: url('../../../images/hide_off.png');
margin: 0 auto;
} }
.acl-button-show.selected { .acl-button-show.selected {
color:#000; color: #000;
background-color:#9ade00; background-color: #9ade00;
background-image:url(../../../images/show_on.png); background-image: url(../../../images/show_on.png);
} }
.acl-button-hide.selected { .acl-button-hide.selected {
color:#000; color: #000;
background-color:#ff4141; background-color: #ff4141;
background-image:url(../../../images/hide_on.png); background-image: url(../../../images/hide_on.png);
} }
.acl-list-item.groupshow { .acl-list-item.groupshow {
border-color:#9ade00; border-color: #9ade00;
} }
.acl-list-item.grouphide { .acl-list-item.grouphide {
border-color:#ff4141; border-color: #ff4141;
} }
/** /acl **/ /** /acl **/

41
view/theme/dispy/theme.php
View file

@ -64,7 +64,7 @@ $(document).ready(function() {
$('#drop-' + id).addClass('iconspacer'); } $('#drop-' + id).addClass('iconspacer'); }
); );
// notifications // click outside notifications menu closes it
$('html').click(function() { $('html').click(function() {
$('#nav-notifications-linkmenu').removeClass('selected'); $('#nav-notifications-linkmenu').removeClass('selected');
document.getElementById("nav-notifications-menu").style.display = "none"; document.getElementById("nav-notifications-menu").style.display = "none";
@ -74,16 +74,7 @@ $(document).ready(function() {
event.stopPropagation(); event.stopPropagation();
}); });
// usermenu // main function in toolbar functioning
$('html').click(function() {
$('#nav-user-linkmenu').removeClass('selected');
document.getElementById("nav-user-menu").style.display = "none";
});
$('#nav-user-linkmenu').click(function(event) {
event.stopPropagation();
});
function toggleToolbar() { function toggleToolbar() {
if ( $('#nav-floater').is(':visible') ) { if ( $('#nav-floater').is(':visible') ) {
$('#nav-floater').slideUp('fast'); $('#nav-floater').slideUp('fast');
@ -97,17 +88,35 @@ $(document).ready(function() {
}); });
} }
}; };
// our trigger for the toolbar button
$('.floaterflip').click(function() { $('.floaterflip').click(function() {
toggleToolbar(); toggleToolbar();
return false; return false;
}); });
});
</script> // (attempt) to change the text colour in a top post
<script>
$(document).ready(function() {
$('#profile-jot-text').focusin(function() { $('#profile-jot-text').focusin(function() {
$(this).css('color: #eec;'); $(this).css({color: '#eec'});
}); });
// make auto-complete work in more places
$(".wall-item-comment-wrapper textarea").contact_autocomplete(baseurl+"/acl");
/* $('#profile-photo-wrapper').mouseover(function() {
$('.profile-edit-side-div').css({display: 'block'});
}).mouseout(function() {
$('.profile-edit-side-div').css({display: 'none'});
return false;
});
$('img.photo').mouseover(function() {
$('.profile-edit-side-div').css({display: 'block'});
}).mouseout(function() {
$('.profile-edit-side-div').css({display: 'none'});
return false;
});*/
}); });
</script> </script>
EOT; EOT;

5
view/theme/dispy/wall_item.tpl
View file

@ -26,11 +26,14 @@
<a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon $item.isstarred" title="$item.star.toggle"></a> <a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon $item.isstarred" title="$item.star.toggle"></a>
<a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a> <a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a>
{{ endif }} {{ endif }}
{{ if $item.vote }} {{ if $item.vote }}
<div class="wall-item-like-buttons" id="wall-item-like-buttons-$item.id"> <div class="wall-item-like-buttons" id="wall-item-like-buttons-$item.id">
<a href="#" class="icon like" title="$item.vote.like.0" onclick="dolike($item.id,'like'); return false"></a> <a href="#" class="icon like" title="$item.vote.like.0" onclick="dolike($item.id,'like'); return false"></a>
<a href="#" class="icon dislike" title="$item.vote.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a> <a href="#" class="icon dislike" title="$item.vote.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a>
{{ if $item.vote.share }}<a href="#" class="icon recycle wall-item-share-buttons" title="$item.vote.share.0" onclick="jotShare($item.id); return false"></a>{{ endif }} {{ if $item.vote.share }}
<a href="#" id="share-$item.id"
class="icon recycle wall-item-share-buttons" title="$item.vote.share.0" onclick="jotShare($item.id); return false"></a>{{ endif }}
<img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" /> <img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" />
</div> </div>
{{ endif }} {{ endif }}

7
view/theme/dispy/wallwall_item.tpl
View file

@ -31,11 +31,15 @@
<a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon $item.isstarred" title="$item.star.toggle"></a> <a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon $item.isstarred" title="$item.star.toggle"></a>
<a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a> <a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a>
{{ endif }} {{ endif }}
{{ if $item.vote }} {{ if $item.vote }}
<div class="wall-item-like-buttons" id="wall-item-like-buttons-$item.id"> <div class="wall-item-like-buttons" id="wall-item-like-buttons-$item.id">
<a href="#" class="icon like" title="$item.vote.like.0" onclick="dolike($item.id,'like'); return false"></a> <a href="#" class="icon like" title="$item.vote.like.0" onclick="dolike($item.id,'like'); return false"></a>
<a href="#" class="icon dislike" title="$item.vote.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a> <a href="#" class="icon dislike" title="$item.vote.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a>
{{ if $item.vote.share }}<a href="#" class="icon recycle wall-item-share-buttons" title="$item.vote.share.0" onclick="jotShare($item.id); return false"></a>{{ endif }}
{{ if $item.vote.share }}
<a href="#" id="share-$item.id"
class="icon recycle wall-item-share-buttons" title="$item.vote.share.0" onclick="jotShare($item.id); return false"></a>{{ endif }}
<img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" /> <img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" />
</div> </div>
{{ endif }} {{ endif }}
@ -63,6 +67,7 @@
{{ endfor }} {{ endfor }}
</div> </div>
</div> </div>
</div> </div>
<div class="wall-item-author"> <div class="wall-item-author">
<a href="$item.profile_url" title="$item.linktitle" class="wall-item-name-link"><span class="wall-item-name$item.sparkle" id="wall-item-name-$item.id" >$item.name</span></a> <a href="$item.profile_url" title="$item.linktitle" class="wall-item-name-link"><span class="wall-item-name$item.sparkle" id="wall-item-name-$item.id" >$item.name</span></a>