nupplaPhil/friendica
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge https://github.com/friendica/friendica into pull

Browse source
This commit is contained in:
friendica 2012-04-16 22:59:09 -07:00
commit a742199035
49 changed files with 2161 additions and 1560 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
view/theme/diabook-aerith/admin_users.tpl Normal file
View file

@ -0,0 +1,88 @@
<script>
function confirm_delete(uname){
return confirm( "$confirm_delete".format(uname));
}
function confirm_delete_multi(){
return confirm("$confirm_delete_multi");
}
function selectall(cls){
$("."+cls).attr('checked','checked');
return false;
}
</script>
<div id='adminpage'>
<h1>$title - $page</h1>
<form action="$baseurl/admin/users" method="post">
<h3>$h_pending</h3>
{{ if $pending }}
<table id='pending'>
<thead>
<tr>
{{ for $th_pending as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $pending as $u }}
<tr>
<td class="created">$u.created</td>
<td class="name">$u.name</td>
<td class="email">$u.email</td>
<td class="checkbox"><input type="checkbox" class="pending_ckbx" id="id_pending_$u.hash" name="pending[]" value="$u.hash" /></td>
<td class="tools">
<a href="$baseurl/regmod/allow/$u.hash" title='$approve'><span class='icon like'></span></a>
<a href="$baseurl/regmod/deny/$u.hash" title='$deny'><span class='icon dislike'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('pending_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_deny" value="$deny"/> <input type="submit" name="page_users_approve" value="$approve" /></div>
{{ else }}
<p>$no_pending</p>
{{ endif }}
<h3>$h_users</h3>
{{ if $users }}
<table id='users'>
<thead>
<tr>
<th></th>
{{ for $th_users as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $users as $u }}
<tr>
<td><img src="$u.micro" alt="$u.nickname" title="$u.nickname"></td>
<td class='name'><a href="$u.url" title="$u.nickname" >$u.name</a></td>
<td class='email'>$u.email</td>
<td class='register_date'>$u.register_date</td>
<td class='login_date'>$u.login_date</td>
<td class='lastitem_date'>$u.lastitem_date</td>
<td class='login_date'>$u.page-flags</td>
<td class="checkbox"><input type="checkbox" class="users_ckbx" id="id_user_$u.uid" name="user[]" value="$u.uid"/></td>
<td class="tools" style="width:60px;">
<a href="$baseurl/admin/users/block/$u.uid" title='{{ if $u.blocked }}$unblock{{ else }}$block{{ endif }}'><span class='icon block {{ if $u.blocked==0 }}dim{{ endif }}'></span></a>
<a href="$baseurl/admin/users/delete/$u.uid" title='$delete' onclick="return confirm_delete('$u.name')"><span class='icon ad_drop'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('users_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_block" value="$block/$unblock" /> <input type="submit" name="page_users_delete" value="$delete" onclick="return confirm_delete_multi()" /></div>
{{ else }}
NO USERS?!?
{{ endif }}
</form>
</div>

10
view/theme/diabook-aerith/ch_directory_item.tpl Executable file
View file

@ -0,0 +1,10 @@
<div class="directory-item" id="directory-item-$id" >
<div class="directory-photo-wrapper" id="directory-photo-wrapper-$id" >
<div class="directory-photo" id="directory-photo-$id" >
<a href="$profile-link" class="directory-profile-link" id="directory-profile-link-$id" >
<img class="directory-photo-img" src="$photo" alt="$alt-text" title="$alt-text" />
</a>
</div>
</div>
</div>

14
view/theme/diabook-aerith/comment_item.tpl
View file

@ -12,13 +12,13 @@
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);tautogrow($id)" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
<a class="icon bb-image" style="cursor: pointer;" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" style="cursor: pointer;" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" style="cursor: pointer;" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" style="cursor: pointer;" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" style="cursor: pointer;" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" style="cursor: pointer;" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" style="cursor: pointer;" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>

1
view/theme/diabook-aerith/directory_item.tpl Normal file → Executable file
View file

@ -7,4 +7,5 @@
</a>
</div>
</div>
<div class="contact-name" id="directory-name-$id">$name</div>
</div>

5
view/theme/diabook-aerith/group_side.tpl Normal file → Executable file
View file

@ -25,5 +25,10 @@
{{ endfor }}
</ul>
</div>
{{ if $ungrouped }}
<div id="sidebar-ungrouped">
<a href="nogroup">$ungrouped</a>
</div>
{{ endif }}
</div>

BIN
view/theme/diabook-aerith/icons/block.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

12
view/theme/diabook-aerith/nav.tpl
View file

@ -26,6 +26,7 @@
<li id="nav-contacts-all"><a href="contacts">$nav.contacts.1</a></li>
</ul>
</li>
{{ endif }}
{{ if $nav.messages }}
@ -63,6 +64,8 @@
</li>
{{ endif }}
<li style="width: 1%; height: 1px;float: right;"></li>
<li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
<ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
@ -82,13 +85,13 @@
</ul>
</li>
{{ if $nav.directory }}
<li id="nav-directory-link" class="nav-menu $sel.directory">
<a class="$nav.directory.2" href="$nav.directory.0" title="$nav.directory.3" >$nav.directory.1</a>
</li>
{{ endif }}
{{ if $nav.apps }}
<li id="nav-apps-link" class="nav-menu $sel.apps">
<a class=" $nav.apps.2" href="#" rel="#nav-apps-menu" title="$nav.apps.3" >$nav.apps.1</a>
@ -100,7 +103,7 @@
</li>
{{ endif }}
{{ if $nav.settings }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1
<span id="home-update" class="nav-notify"></span></a>
@ -137,9 +140,10 @@
</nav>
<div style="position: fixed; bottom: 5px; right: 10px;"><a href="javascript:scroll(0,0); "><img src="view/theme/diabook-aerith/icons/scroll_top.png" title="scroll to top"></a></div>
<div style="position: fixed; bottom: 5px; right: 10px;"><a href="javascript:scroll(0,0); "><img src="view/theme/diabook/icons/scroll_top.png" title="scroll to top"></a></div>
<div style="position: fixed; bottom: 3px; left: 25px;">$langselector</div>
<div style="position: fixed; bottom: 23px; left: 5px;"><a href="http://pad.toktan.org/p/diabook" target="blank" ><img src="view/theme/diabook-aerith/icons/bluebug.png" title="report bugs for the theme diabook-aerith"/></a></div>
<div style="position: fixed; bottom: 23px; left: 5px;"><a href="http://pad.toktan.org/p/diabook" target="blank" ><img src="view/theme/diabook/icons/bluebug.png" title="report bugs for the theme diabook"/></a></div>

14
view/theme/diabook-aerith/nets.tpl
View file

@ -1,11 +1,15 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="profile_side">
<h3 style="margin-left: 2px;">$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
<ul class="menu-profile-side">
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $sel_all }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a style="text-decoration: none;" href="$base" class="menu-profile-list-item">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $net.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a href="$base?nets=$net.ref" class="menu-profile-list-item">$net.name</a></li>
{{ endfor }}
</ul>
</div>

4
view/theme/diabook-aerith/style-network.css
View file

@ -1064,6 +1064,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 150px;

8
view/theme/diabook-aerith/style.css
View file

@ -169,13 +169,17 @@
}
.edit {background-image: url("../../../view/theme/diabook-aerith/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.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;}*/

8
view/theme/diabook-aerith/theme.php
View file

@ -3,13 +3,13 @@
/*
* Name: Diabook-aerith
* Description: Diabook-aerith : report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.018)
* Version: (Version: 1.019)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-aerith (Version: 1.018)";
$diabook_version = "Diabook-aerith (Version: 1.019)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
@ -36,7 +36,7 @@ function diabook_aerith_community_info(){
0,
9
);
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
if(count($r)) {
$photo = 'thumb';
foreach($r as $rr) {
@ -115,7 +115,7 @@ function diabook_aerith_community_info(){
dbesc(t('Profile Photos'))
);
if(count($r)) {
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
foreach($r as $rr) {
$photo_page = $a->get_baseurl() . '/photos/' . $rr['nickname'] . '/image/' . $rr['resource-id'];
$photo_url = $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] .'.jpg';

88
view/theme/diabook-blue/admin_users.tpl Normal file
View file

@ -0,0 +1,88 @@
<script>
function confirm_delete(uname){
return confirm( "$confirm_delete".format(uname));
}
function confirm_delete_multi(){
return confirm("$confirm_delete_multi");
}
function selectall(cls){
$("."+cls).attr('checked','checked');
return false;
}
</script>
<div id='adminpage'>
<h1>$title - $page</h1>
<form action="$baseurl/admin/users" method="post">
<h3>$h_pending</h3>
{{ if $pending }}
<table id='pending'>
<thead>
<tr>
{{ for $th_pending as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $pending as $u }}
<tr>
<td class="created">$u.created</td>
<td class="name">$u.name</td>
<td class="email">$u.email</td>
<td class="checkbox"><input type="checkbox" class="pending_ckbx" id="id_pending_$u.hash" name="pending[]" value="$u.hash" /></td>
<td class="tools">
<a href="$baseurl/regmod/allow/$u.hash" title='$approve'><span class='icon like'></span></a>
<a href="$baseurl/regmod/deny/$u.hash" title='$deny'><span class='icon dislike'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('pending_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_deny" value="$deny"/> <input type="submit" name="page_users_approve" value="$approve" /></div>
{{ else }}
<p>$no_pending</p>
{{ endif }}
<h3>$h_users</h3>
{{ if $users }}
<table id='users'>
<thead>
<tr>
<th></th>
{{ for $th_users as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $users as $u }}
<tr>
<td><img src="$u.micro" alt="$u.nickname" title="$u.nickname"></td>
<td class='name'><a href="$u.url" title="$u.nickname" >$u.name</a></td>
<td class='email'>$u.email</td>
<td class='register_date'>$u.register_date</td>
<td class='login_date'>$u.login_date</td>
<td class='lastitem_date'>$u.lastitem_date</td>
<td class='login_date'>$u.page-flags</td>
<td class="checkbox"><input type="checkbox" class="users_ckbx" id="id_user_$u.uid" name="user[]" value="$u.uid"/></td>
<td class="tools" style="width:60px;">
<a href="$baseurl/admin/users/block/$u.uid" title='{{ if $u.blocked }}$unblock{{ else }}$block{{ endif }}'><span class='icon block {{ if $u.blocked==0 }}dim{{ endif }}'></span></a>
<a href="$baseurl/admin/users/delete/$u.uid" title='$delete' onclick="return confirm_delete('$u.name')"><span class='icon ad_drop'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('users_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_block" value="$block/$unblock" /> <input type="submit" name="page_users_delete" value="$delete" onclick="return confirm_delete_multi()" /></div>
{{ else }}
NO USERS?!?
{{ endif }}
</form>
</div>

10
view/theme/diabook-blue/ch_directory_item.tpl Executable file
View file

@ -0,0 +1,10 @@
<div class="directory-item" id="directory-item-$id" >
<div class="directory-photo-wrapper" id="directory-photo-wrapper-$id" >
<div class="directory-photo" id="directory-photo-$id" >
<a href="$profile-link" class="directory-profile-link" id="directory-profile-link-$id" >
<img class="directory-photo-img" src="$photo" alt="$alt-text" title="$alt-text" />
</a>
</div>
</div>
</div>

14
view/theme/diabook-blue/comment_item.tpl
View file

@ -12,13 +12,13 @@
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);tautogrow($id)" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
<a class="icon bb-image" style="cursor: pointer;" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" style="cursor: pointer;" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" style="cursor: pointer;" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" style="cursor: pointer;" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" style="cursor: pointer;" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" style="cursor: pointer;" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" style="cursor: pointer;" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>

1
view/theme/diabook-blue/directory_item.tpl Normal file → Executable file
View file

@ -7,4 +7,5 @@
</a>
</div>
</div>
<div class="contact-name" id="directory-name-$id">$name</div>
</div>

5
view/theme/diabook-blue/group_side.tpl Normal file → Executable file
View file

@ -25,5 +25,10 @@
{{ endfor }}
</ul>
</div>
{{ if $ungrouped }}
<div id="sidebar-ungrouped">
<a href="nogroup">$ungrouped</a>
</div>
{{ endif }}
</div>

BIN
view/theme/diabook-blue/icons/block.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

8
view/theme/diabook-blue/nav.tpl
View file

@ -26,6 +26,7 @@
<li id="nav-contacts-all"><a href="contacts">$nav.contacts.1</a></li>
</ul>
</li>
{{ endif }}
{{ if $nav.messages }}
@ -63,6 +64,8 @@
</li>
{{ endif }}
<li style="width: 1%; height: 1px;float: right;"></li>
<li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
<ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
@ -82,13 +85,13 @@
</ul>
</li>
{{ if $nav.directory }}
<li id="nav-directory-link" class="nav-menu $sel.directory">
<a class="$nav.directory.2" href="$nav.directory.0" title="$nav.directory.3" >$nav.directory.1</a>
</li>
{{ endif }}
{{ if $nav.apps }}
<li id="nav-apps-link" class="nav-menu $sel.apps">
<a class=" $nav.apps.2" href="#" rel="#nav-apps-menu" title="$nav.apps.3" >$nav.apps.1</a>
@ -100,7 +103,7 @@
</li>
{{ endif }}
{{ if $nav.settings }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1
<span id="home-update" class="nav-notify"></span></a>
@ -143,6 +146,7 @@
<ul id="nav-notifications-template" style="display:none;" rel="template">
<li class="{4}"><a href="{0}"><img src="{1}">{2} <span class="notif-when">{3}</span></a></li>
</ul>

14
view/theme/diabook-blue/nets.tpl
View file

@ -1,11 +1,15 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="profile_side">
<h3 style="margin-left: 2px;">$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
<ul class="menu-profile-side">
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $sel_all }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a style="text-decoration: none;" href="$base" class="menu-profile-list-item">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $net.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a href="$base?nets=$net.ref" class="menu-profile-list-item">$net.name</a></li>
{{ endfor }}
</ul>
</div>

4
view/theme/diabook-blue/style-network.css
View file

@ -1030,6 +1030,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 150px;

8
view/theme/diabook-blue/style.css
View file

@ -168,13 +168,17 @@
}
.edit {background-image: url("../../../view/theme/diabook-blue/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.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;}*/

8
view/theme/diabook-blue/theme.php
View file

@ -3,13 +3,13 @@
/*
* Name: Diabook-blue
* Description: Diabook-blue: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.018)
* Version: (Version: 1.019)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-blue (Version: 1.018)";
$diabook_version = "Diabook-blue (Version: 1.019)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -35,7 +35,7 @@ function diabook_blue_community_info(){
0,
9
);
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
if(count($r)) {
$photo = 'thumb';
foreach($r as $rr) {
@ -114,7 +114,7 @@ function diabook_blue_community_info(){
dbesc(t('Profile Photos'))
);
if(count($r)) {
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
foreach($r as $rr) {
$photo_page = $a->get_baseurl() . '/photos/' . $rr['nickname'] . '/image/' . $rr['resource-id'];
$photo_url = $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] .'.jpg';

88
view/theme/diabook-red/admin_users.tpl Normal file
View file

@ -0,0 +1,88 @@
<script>
function confirm_delete(uname){
return confirm( "$confirm_delete".format(uname));
}
function confirm_delete_multi(){
return confirm("$confirm_delete_multi");
}
function selectall(cls){
$("."+cls).attr('checked','checked');
return false;
}
</script>
<div id='adminpage'>
<h1>$title - $page</h1>
<form action="$baseurl/admin/users" method="post">
<h3>$h_pending</h3>
{{ if $pending }}
<table id='pending'>
<thead>
<tr>
{{ for $th_pending as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $pending as $u }}
<tr>
<td class="created">$u.created</td>
<td class="name">$u.name</td>
<td class="email">$u.email</td>
<td class="checkbox"><input type="checkbox" class="pending_ckbx" id="id_pending_$u.hash" name="pending[]" value="$u.hash" /></td>
<td class="tools">
<a href="$baseurl/regmod/allow/$u.hash" title='$approve'><span class='icon like'></span></a>
<a href="$baseurl/regmod/deny/$u.hash" title='$deny'><span class='icon dislike'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('pending_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_deny" value="$deny"/> <input type="submit" name="page_users_approve" value="$approve" /></div>
{{ else }}
<p>$no_pending</p>
{{ endif }}
<h3>$h_users</h3>
{{ if $users }}
<table id='users'>
<thead>
<tr>
<th></th>
{{ for $th_users as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $users as $u }}
<tr>
<td><img src="$u.micro" alt="$u.nickname" title="$u.nickname"></td>
<td class='name'><a href="$u.url" title="$u.nickname" >$u.name</a></td>
<td class='email'>$u.email</td>
<td class='register_date'>$u.register_date</td>
<td class='login_date'>$u.login_date</td>
<td class='lastitem_date'>$u.lastitem_date</td>
<td class='login_date'>$u.page-flags</td>
<td class="checkbox"><input type="checkbox" class="users_ckbx" id="id_user_$u.uid" name="user[]" value="$u.uid"/></td>
<td class="tools" style="width:60px;">
<a href="$baseurl/admin/users/block/$u.uid" title='{{ if $u.blocked }}$unblock{{ else }}$block{{ endif }}'><span class='icon block {{ if $u.blocked==0 }}dim{{ endif }}'></span></a>
<a href="$baseurl/admin/users/delete/$u.uid" title='$delete' onclick="return confirm_delete('$u.name')"><span class='icon ad_drop'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('users_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_block" value="$block/$unblock" /> <input type="submit" name="page_users_delete" value="$delete" onclick="return confirm_delete_multi()" /></div>
{{ else }}
NO USERS?!?
{{ endif }}
</form>
</div>

10
view/theme/diabook-red/ch_directory_item.tpl Executable file
View file

@ -0,0 +1,10 @@
<div class="directory-item" id="directory-item-$id" >
<div class="directory-photo-wrapper" id="directory-photo-wrapper-$id" >
<div class="directory-photo" id="directory-photo-$id" >
<a href="$profile-link" class="directory-profile-link" id="directory-profile-link-$id" >
<img class="directory-photo-img" src="$photo" alt="$alt-text" title="$alt-text" />
</a>
</div>
</div>
</div>

14
view/theme/diabook-red/comment_item.tpl
View file

@ -12,13 +12,13 @@
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);tautogrow($id)" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
<a class="icon bb-image" style="cursor: pointer;" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" style="cursor: pointer;" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" style="cursor: pointer;" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" style="cursor: pointer;" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" style="cursor: pointer;" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" style="cursor: pointer;" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" style="cursor: pointer;" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>

1
view/theme/diabook-red/directory_item.tpl Normal file → Executable file
View file

@ -7,4 +7,5 @@
</a>
</div>
</div>
<div class="contact-name" id="directory-name-$id">$name</div>
</div>

5
view/theme/diabook-red/group_side.tpl Normal file → Executable file
View file

@ -25,5 +25,10 @@
{{ endfor }}
</ul>
</div>
{{ if $ungrouped }}
<div id="sidebar-ungrouped">
<a href="nogroup">$ungrouped</a>
</div>
{{ endif }}
</div>

BIN
view/theme/diabook-red/icons/block.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

12
view/theme/diabook-red/nav.tpl
View file

@ -26,6 +26,7 @@
<li id="nav-contacts-all"><a href="contacts">$nav.contacts.1</a></li>
</ul>
</li>
{{ endif }}
{{ if $nav.messages }}
@ -63,6 +64,8 @@
</li>
{{ endif }}
<li style="width: 1%; height: 1px;float: right;"></li>
<li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
<ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
@ -82,13 +85,13 @@
</ul>
</li>
{{ if $nav.directory }}
<li id="nav-directory-link" class="nav-menu $sel.directory">
<a class="$nav.directory.2" href="$nav.directory.0" title="$nav.directory.3" >$nav.directory.1</a>
</li>
{{ endif }}
{{ if $nav.apps }}
<li id="nav-apps-link" class="nav-menu $sel.apps">
<a class=" $nav.apps.2" href="#" rel="#nav-apps-menu" title="$nav.apps.3" >$nav.apps.1</a>
@ -100,7 +103,7 @@
</li>
{{ endif }}
{{ if $nav.settings }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1
<span id="home-update" class="nav-notify"></span></a>
@ -137,9 +140,10 @@
</nav>
<div style="position: fixed; bottom: 5px; right: 10px;"><a href="javascript:scroll(0,0); "><img src="view/theme/diabook-red/icons/scroll_top.png" title="scroll to top"></a></div>
<div style="position: fixed; bottom: 5px; right: 10px;"><a href="javascript:scroll(0,0); "><img src="view/theme/diabook/icons/scroll_top.png" title="scroll to top"></a></div>
<div style="position: fixed; bottom: 3px; left: 25px;">$langselector</div>
<div style="position: fixed; bottom: 23px; left: 5px;"><a href="http://pad.toktan.org/p/diabook" target="blank" ><img src="view/theme/diabook-red/icons/bluebug.png" title="report bugs for the theme diabook"/></a></div>
<div style="position: fixed; bottom: 23px; left: 5px;"><a href="http://pad.toktan.org/p/diabook" target="blank" ><img src="view/theme/diabook/icons/bluebug.png" title="report bugs for the theme diabook"/></a></div>

14
view/theme/diabook-red/nets.tpl
View file

@ -1,11 +1,15 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="profile_side">
<h3 style="margin-left: 2px;">$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
<ul class="menu-profile-side">
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $sel_all }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a style="text-decoration: none;" href="$base" class="menu-profile-list-item">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $net.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a href="$base?nets=$net.ref" class="menu-profile-list-item">$net.name</a></li>
{{ endfor }}
</ul>
</div>

4
view/theme/diabook-red/style-network.css
View file

@ -1064,6 +1064,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 150px;

8
view/theme/diabook-red/style.css
View file

@ -168,13 +168,17 @@
}
.edit {background-image: url("../../../view/theme/diabook-red/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.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;}*/

8
view/theme/diabook-red/theme.php
View file

@ -3,13 +3,13 @@
/*
* Name: Diabook-red
* Description: Diabook-red: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.018)
* Version: (Version: 1.019)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-red (Version: 1.018)";
$diabook_version = "Diabook-red (Version: 1.019)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -35,7 +35,7 @@ function diabook_red_community_info(){
0,
9
);
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
if(count($r)) {
$photo = 'thumb';
foreach($r as $rr) {
@ -114,7 +114,7 @@ function diabook_red_community_info(){
dbesc(t('Profile Photos'))
);
if(count($r)) {
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
foreach($r as $rr) {
$photo_page = $a->get_baseurl() . '/photos/' . $rr['nickname'] . '/image/' . $rr['resource-id'];
$photo_url = $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] .'.jpg';

88
view/theme/diabook/admin_users.tpl Normal file
View file

@ -0,0 +1,88 @@
<script>
function confirm_delete(uname){
return confirm( "$confirm_delete".format(uname));
}
function confirm_delete_multi(){
return confirm("$confirm_delete_multi");
}
function selectall(cls){
$("."+cls).attr('checked','checked');
return false;
}
</script>
<div id='adminpage'>
<h1>$title - $page</h1>
<form action="$baseurl/admin/users" method="post">
<h3>$h_pending</h3>
{{ if $pending }}
<table id='pending'>
<thead>
<tr>
{{ for $th_pending as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $pending as $u }}
<tr>
<td class="created">$u.created</td>
<td class="name">$u.name</td>
<td class="email">$u.email</td>
<td class="checkbox"><input type="checkbox" class="pending_ckbx" id="id_pending_$u.hash" name="pending[]" value="$u.hash" /></td>
<td class="tools">
<a href="$baseurl/regmod/allow/$u.hash" title='$approve'><span class='icon like'></span></a>
<a href="$baseurl/regmod/deny/$u.hash" title='$deny'><span class='icon dislike'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('pending_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_deny" value="$deny"/> <input type="submit" name="page_users_approve" value="$approve" /></div>
{{ else }}
<p>$no_pending</p>
{{ endif }}
<h3>$h_users</h3>
{{ if $users }}
<table id='users'>
<thead>
<tr>
<th></th>
{{ for $th_users as $th }}<th>$th</th>{{ endfor }}
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{{ for $users as $u }}
<tr>
<td><img src="$u.micro" alt="$u.nickname" title="$u.nickname"></td>
<td class='name'><a href="$u.url" title="$u.nickname" >$u.name</a></td>
<td class='email'>$u.email</td>
<td class='register_date'>$u.register_date</td>
<td class='login_date'>$u.login_date</td>
<td class='lastitem_date'>$u.lastitem_date</td>
<td class='login_date'>$u.page-flags</td>
<td class="checkbox"><input type="checkbox" class="users_ckbx" id="id_user_$u.uid" name="user[]" value="$u.uid"/></td>
<td class="tools" style="width:60px;">
<a href="$baseurl/admin/users/block/$u.uid" title='{{ if $u.blocked }}$unblock{{ else }}$block{{ endif }}'><span class='icon block {{ if $u.blocked==0 }}dim{{ endif }}'></span></a>
<a href="$baseurl/admin/users/delete/$u.uid" title='$delete' onclick="return confirm_delete('$u.name')"><span class='icon ad_drop'></span></a>
</td>
</tr>
{{ endfor }}
</tbody>
</table>
<div class='selectall'><a href='#' onclick="return selectall('users_ckbx');">$select_all</a></div>
<div class="submit"><input type="submit" name="page_users_block" value="$block/$unblock" /> <input type="submit" name="page_users_delete" value="$delete" onclick="return confirm_delete_multi()" /></div>
{{ else }}
NO USERS?!?
{{ endif }}
</form>
</div>

10
view/theme/diabook/ch_directory_item.tpl Executable file
View file

@ -0,0 +1,10 @@
<div class="directory-item" id="directory-item-$id" >
<div class="directory-photo-wrapper" id="directory-photo-wrapper-$id" >
<div class="directory-photo" id="directory-photo-$id" >
<a href="$profile-link" class="directory-profile-link" id="directory-profile-link-$id" >
<img class="directory-photo-img" src="$photo" alt="$alt-text" title="$alt-text" />
</a>
</div>
</div>
</div>

14
view/theme/diabook/comment_item.tpl
View file

@ -12,13 +12,13 @@
</div>
<div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);tautogrow($id)" onBlur="commentClose(this,$id);" >$comment</textarea>
<a class="icon bb-image" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" onclick="insertFormatting('$comment','quote',$id);">quote</a>
<a class="icon bb-image" style="cursor: pointer;" onclick="insertFormatting('$comment','img',$id);">img</a>
<a class="icon bb-url" style="cursor: pointer;" onclick="insertFormatting('$comment','url',$id);">url</a>
<a class="icon bb-video" style="cursor: pointer;" onclick="insertFormatting('$comment','video',$id);">video</a>
<a class="icon underline" style="cursor: pointer;" onclick="insertFormatting('$comment','u',$id);">u</a>
<a class="icon italic" style="cursor: pointer;" onclick="insertFormatting('$comment','i',$id);">i</a>
<a class="icon bold" style="cursor: pointer;" onclick="insertFormatting('$comment','b',$id);">b</a>
<a class="icon quote" style="cursor: pointer;" onclick="insertFormatting('$comment','quote',$id);">quote</a>
{{ if $qcomment }}
<select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
<option value=""></option>

1
view/theme/diabook/directory_item.tpl
View file

@ -7,4 +7,5 @@
</a>
</div>
</div>
<div class="contact-name" id="directory-name-$id">$name</div>
</div>

5
view/theme/diabook/group_side.tpl
View file

@ -25,5 +25,10 @@
{{ endfor }}
</ul>
</div>
{{ if $ungrouped }}
<div id="sidebar-ungrouped">
<a href="nogroup">$ungrouped</a>
</div>
{{ endif }}
</div>

BIN
view/theme/diabook/icons/block.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 335 B

4
view/theme/diabook/nav.tpl
View file

@ -64,6 +64,8 @@
</li>
{{ endif }}
<li style="width: 1%; height: 1px;float: right;"></li>
<li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
<ul id="nav-site-menu" class="menu-popup">
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
@ -101,7 +103,7 @@
</li>
{{ endif }}
{{ if $nav.settings }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" >$nav.home.1
<span id="home-update" class="nav-notify"></span></a>

14
view/theme/diabook/nets.tpl
View file

@ -1,11 +1,15 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="profile_side">
<h3 style="margin-left: 2px;">$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li class="tool"><a style="text-decoration: none;" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a></li>
<ul class="menu-profile-side">
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $sel_all }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a style="text-decoration: none;" href="$base" class="menu-profile-list-item">$all</a></li>
{{ for $nets as $net }}
<li class="tool"><a href="$base?nets=$net.ref" class="nets-link{{ if $net.selected }} nets-selected{{ endif }}">$net.name</a></li>
<li class="menu-profile-list">
<span class="menu-profile-icon {{ if $net.selected }}group_selected{{else}}group_unselected{{ endif }}"></span>
<a href="$base?nets=$net.ref" class="menu-profile-list-item">$net.name</a></li>
{{ endfor }}
</ul>
</div>

4
view/theme/diabook/style-network-wide.css
View file

@ -1026,6 +1026,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 150px;

4
view/theme/diabook/style-network.css
View file

@ -1023,6 +1023,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 150px;

8
view/theme/diabook/style-wide.css
View file

@ -168,13 +168,17 @@
}
.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.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;}*/

12
view/theme/diabook/style.css
View file

@ -168,13 +168,19 @@
}
.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
.icon.block {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat;}
.icon.block.dim {background-image: url("../../../view/theme/diabook/icons/block.png");
display: block; width: 16px; height: 16px; background-repeat: no-repeat; opacity: 0.3;}
.icon.ad_drop { background-image: url("../../../view/theme/diabook/icons/drop.png");
display: block; margin-left:5px; width: 16px; height: 16px; background-repeat: no-repeat;}
.article { background-position: -50px 0px;}
/*.audio { background-position: -70px 0px;}*/
.block { background-position: -90px 0px;}
/*.block { background-position: -90px 0px;}*/
/*.drop { background-position: -110px 0px;}*/
/*.drophide { background-position: -130px 0px;}*/
/*.edit { background-position: -150px 0px;}*/
@ -1146,6 +1152,10 @@ aside #search-text {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-colors: #dbdbdb;
-moz-border-top-colors: #999;
-moz-border-left-colors: #999;
-moz-border-right-colors: #dbdbdb;
}
aside #side-follow-url {
width: 173px;

8
view/theme/diabook/theme.php
View file

@ -3,13 +3,13 @@
/*
* Name: Diabook
* Description: Diabook: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* Version: (Version: 1.018)
* Version: (Version: 1.019)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook (Version: 1.018)";
$diabook_version = "Diabook (Version: 1.019)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -41,7 +41,7 @@ function diabook_community_info(){
0,
9
);
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
if(count($r)) {
$photo = 'thumb';
foreach($r as $rr) {
@ -120,7 +120,7 @@ function diabook_community_info(){
dbesc(t('Profile Photos'))
);
if(count($r)) {
$tpl = file_get_contents( dirname(__file__).'/directory_item.tpl');
$tpl = file_get_contents( dirname(__file__).'/ch_directory_item.tpl');
foreach($r as $rr) {
$photo_page = $a->get_baseurl() . '/photos/' . $rr['nickname'] . '/image/' . $rr['resource-id'];
$photo_url = $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] .'.jpg';

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

@ -53,16 +53,19 @@ body, button, input, select, textarea {
select {
border: 1px #555 dotted;
padding: 3px;
margin: 2px;
margin: 3px;
color: #eec;
background: #2e2f2e;
}
option {
padding: 3px;
vertical-align: middle;
color: #eec;
background: #2e2f2e;
}
option[selected="selected"] {
color: #2e2f2e;
background: #eec;
}
ul, ol {
padding: 0;
}
@ -158,17 +161,6 @@ a:hover {
.fakelink:hover {
color: #729fcf;
}
input[type=submit] {
background-color: #eee;
color: #2e302e;
font-weight: bold;
margin-top: 10px;
height: 22px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}
.smalltext {
font-size: 0.7em;
}
@ -477,7 +469,8 @@ div.jGrowl div.info {
color: black;
text-decoration: underline;
}
nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
nav #nav-notifications-linkmenu.on .icon.s22.notify,
nav #nav-notifications-linkmenu.selected .icon.s22.notify {
background-image: url("../../../images/icons/22/notify_on.png");
}
.show {
@ -542,6 +535,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
.search-box #search-text {
margin: 8px;
width: 10em;
height: 14px;
color: #eec;
}
#scrollup {
@ -683,7 +677,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
}
/** sysmsg **/
/**
* sysmsg
*/
#sysmsg_info {
position: fixed;
bottom: 0;
@ -719,8 +715,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* aside
**/
* aside
*/
#asidemain {
float: left;
font-size: smaller;
@ -742,21 +738,21 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
margin: 20px;
}
/* http://css-tricks.com/snippets/css/css-box-shadow/
* box-shadow:
* 1. The horizontal offset of the shadow, positive means
* the shadow will be on the right of the box, a negative
* offset will put the shadow on the left of the box.
* 2. The vertical offset of the shadow, a negative one
* means the box-shadow will be above the box, a
* positive one means the shadow will be below the box.
* 3. The blur radius (optional), if set to 0 the shadow
* will be sharp, the higher the number, the more blurred
* it will be.
* 4. The spread radius (optional), positive values increase
* the size of the shadow, negative values decrease the size.
* Default is 0 (the shadow is same size as blur).
* 5. Colo[u]r
*/
* box-shadow:
* 1. The horizontal offset of the shadow, positive means
* the shadow will be on the right of the box, a negative
* offset will put the shadow on the left of the box.
* 2. The vertical offset of the shadow, a negative one
* means the box-shadow will be above the box, a
* positive one means the shadow will be below the box.
* 3. The blur radius (optional), if set to 0 the shadow
* will be sharp, the higher the number, the more blurred
* it will be.
* 4. The spread radius (optional), positive values increase
* the size of the shadow, negative values decrease the size.
* Default is 0 (the shadow is same size as blur).
* 5. Colo[u]r
*/
.vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0 #000;
}
@ -808,8 +804,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* contacts block
*/
* contacts block
*/
.contact-block-div {
width: 50px;
height: 50px;
@ -827,20 +823,20 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* jot
**/
*/
#jot {
/*width: 785px;*/
margin: 10px 0 20px 0px;
width: 100%;
/*width: 785px;*/
margin: 10px 0 20px 0px;
width: 100%;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 35px;
overflow: none;
width: 100%;
/*background-color: #0e232e;*/
/*border-bottom: 2px solid #9eabb0;*/
margin: 0px;
padding: 0px;
height: 35px;
overflow: none;
width: 100%;
/*background-color: #0e232e;*/
/*border-bottom: 2px solid #9eabb0;*/
}
#jot #jot-tools span {
float: left;
@ -1012,15 +1008,20 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
padding: 0;
}
#profile-jot-submit {
height: 22px;
height: auto;
background-color: #555753;
color: #eeeeec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
border: 2px outset #222420;
margin: 0;
float: right;
text-shadow: 1px 1px #111;
width: auto;
}
#profile-jot-submit:active {
box-shadow: 0 0 0 0;
}
#jot-perms-icon {
height: 22px;
@ -1112,7 +1113,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
display: inline;
}
/** tabs **/
/**
* tabs
*/
.tabs {
list-style: none;
margin: 10px 0;
@ -1185,7 +1188,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
margin: 0px 15px 0px 5px;
}
/* removing it from here, vs. putting it in .wall-item-content
* might break things for people. we shall see ;) */
* might break things for people. we shall see ;) */
[id^="tread-wrapper"], [class^="tread-wrapper"] {
margin: 15px 0 0 0;
padding: 0px;
@ -1496,7 +1499,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* item text style
**/
*/
.wall-item-body code {
display: block;
padding: 0 0 10px 5px;
@ -1511,7 +1514,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* profile
**/
*/
div[id$="text"] {
font-weight: bold;
border-bottom: 1px solid #ccc;
@ -1530,7 +1533,7 @@ div[id$="wrapper"] br {
/**
* photos
**/
*/
.photos {
height: auto;
overflow: auto;
@ -1932,7 +1935,15 @@ div[id$="wrapper"] br {
#profile-edit-form div {
clear: both;
}
.settings-block {
}
.settings-block label {
clear: left;
}
.settings-block input {
margin: 10px 5px;
}
/*#register-form label, */
/*#profile-edit-form label {*/
/* width: 300px; */
@ -2001,6 +2012,12 @@ div[id$="wrapper"] br {
#id_ssl_policy {
width: 374px;
}
#theme-preview {
}
#theme-preview img {
margin: 10px 10px 10px 288px;
}
/**
@ -2130,7 +2147,7 @@ div[id$="wrapper"] br {
/**
* events
**/
*/
.clear { clear: both; }
.eventcal {
float:left;
@ -2251,7 +2268,7 @@ div[id$="wrapper"] br {
margin-top: 30px;
}
/* was tired of having no way of moving it around, so
* here's a little 'hook' to do so */
* here's a little 'hook' to do so */
.delete-checked {
position: absolute;
left: 35px;
@ -2379,7 +2396,7 @@ div[id$="wrapper"] br {
/**
* ADMIN
* admin
*/
#pending-update {
float:right;
@ -2468,7 +2485,7 @@ div[id$="wrapper"] br {
/**
* Form fields
* form fields
*/
.field {
/*margin-bottom: 10px;*/
@ -2477,22 +2494,43 @@ div[id$="wrapper"] br {
width: 100%;
}
.field label, label {
float: left;
width: 275px;
display: block;
width: 38%;
display: inline-block;
font-size: 1.077em;
margin: 0 10px 0.5em 0;
margin: 0 10px 1em 0;
border: 1px #2e2f2e solid;
padding: 5px;
background: #eec;
vertical-align: middle;
color: #111;
}
.field input, input[type="text"] {
input,
input[type="text"],
input[type="password"],
input[type="search"] {
width: 250px;
height: 25px;
border: 1px #999 solid;
}
input[type="checkbox"], input[type="radio"] {
border: 1px #999 solid;
margin: 0 0 0 0;
}
input[type="submit"], input[type="button"] {
background-color: #eee;
border: 2px outset #aaa;
border-radius: 5px;
box-shadow: 1px 3px 4px 0 #111;
color: #2e302e;
cursor: pointer;
font-weight: bold;
width: auto;
text-shadow: 1px 1px #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
input[type="submit"]:active, input[type="button"]:active {
box-shadow: 0 0 0 0;
}
.field textarea {
width: 80%;
height: 100px;
@ -2532,7 +2570,7 @@ div[id$="wrapper"] br {
/*
* UPDATE
* update
*/
.popup {
width: 100%;
@ -2630,7 +2668,7 @@ div[id$="wrapper"] br {
/**
* ICONS
* icons
*/
.iconspacer {
display: block;
@ -2837,7 +2875,9 @@ footer {
}
/** acl **/
/**
* acl
*/
#photo-edit-perms-select,
#photos-upload-permissions-wrapper,
#profile-jot-acl-wrapper {
@ -3005,7 +3045,7 @@ footer {
/*
* ADDONS THEMING
* addons theming
*/
#sidebar-page-list {
@ -3018,7 +3058,13 @@ footer {
#sidebar-page-list li {
list-style: none;
}
#jappix_mini {
margin-left: 130px;
position: fixed;
bottom: 0;
right: 175px !important; /* override the jappix css */
z-index: 999;
}
@media handheld {
body {

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

@ -346,4 +346,3 @@ function enableOnUser(){
}
</script>

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

@ -9,11 +9,22 @@
/* from html5boilerplate */
/* these are to tell browsers they should be displayed a certain way */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section {
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio, canvas, video, time {
audio,
canvas,
video,
time {
display: inline-block;
*display: inline;
*zoom: 1;
@ -46,23 +57,29 @@ body {
font-size: 16px;
line-height: 1.1em;
}
body, button, input, select, textarea {
body,
button,
input,
select,
textarea {
font-family: sans-serif;
color: #222;
background-color: #efefef;
background-color: #e8e8e8;
}
select {
border: 1px #555 dotted;
padding: 3px;
margin: 2px;
margin: 3px;
color: #222;
background: #efefef;
background: #e8e8e8;
}
option {
padding: 3px;
vertical-align: middle;
color: #222;
background: #efefef;
background: #e8e8e8;
}
option[selected="selected"] {
background: #cca;
}
ul, ol {
padding: 0;
@ -71,6 +88,10 @@ ul, ol {
:focus {
outline: 0;
}
[disabled="disabled"] {
background: #ddd;
color: #333;
}
/* remember to highlight inserts somehow! */
ins {
@ -159,17 +180,6 @@ a:hover {
.fakelink:hover {
color: #729fcf;
}
input[type=submit] {
background-color: #555753;
color: #eeeeec;
font-weight: bold;
margin-top: 10px;
height: 22px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
}
.smalltext {
font-size: 0.7em;
}
@ -478,7 +488,8 @@ div.jGrowl div.info {
color: black;
text-decoration: underline;
}
nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
nav #nav-notifications-linkmenu.on .icon.s22.notify,
nav #nav-notifications-linkmenu.selected .icon.s22.notify {
background-image: url("../../../images/icons/22/notify_on.png");
}
.show {
@ -543,6 +554,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
.search-box #search-text {
margin: 8px;
width: 10em;
height: 14px;
color: #eec;
}
#scrollup {
@ -684,7 +696,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
}
/** sysmsg **/
/**
* sysmsg
*/
#sysmsg_info {
position: fixed;
bottom: 0;
@ -720,8 +734,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* aside
**/
* aside
*/
#asidemain {
float: left;
font-size: smaller;
@ -743,21 +757,21 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
margin: 20px;
}
/* http://css-tricks.com/snippets/css/css-box-shadow/
* box-shadow:
* 1. The horizontal offset of the shadow, positive means
* the shadow will be on the right of the box, a negative
* offset will put the shadow on the left of the box.
* 2. The vertical offset of the shadow, a negative one
* means the box-shadow will be above the box, a
* positive one means the shadow will be below the box.
* 3. The blur radius (optional), if set to 0 the shadow
* will be sharp, the higher the number, the more blurred
* it will be.
* 4. The spread radius (optional), positive values increase
* the size of the shadow, negative values decrease the size.
* Default is 0 (the shadow is same size as blur).
* 5. Colo[u]r
*/
* box-shadow:
* 1. The horizontal offset of the shadow, positive means
* the shadow will be on the right of the box, a negative
* offset will put the shadow on the left of the box.
* 2. The vertical offset of the shadow, a negative one
* means the box-shadow will be above the box, a
* positive one means the shadow will be below the box.
* 3. The blur radius (optional), if set to 0 the shadow
* will be sharp, the higher the number, the more blurred
* it will be.
* 4. The spread radius (optional), positive values increase
* the size of the shadow, negative values decrease the size.
* Default is 0 (the shadow is same size as blur).
* 5. Colo[u]r
*/
.vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0 #000;
}
@ -809,8 +823,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* contacts block
*/
* contacts block
*/
.contact-block-div {
width: 50px;
height: 50px;
@ -828,20 +842,20 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* jot
**/
*/
#jot {
/*width: 785px;*/
margin: 10px 0 20px 0px;
width: 100%;
/*width: 785px;*/
margin: 10px 0 20px 0px;
width: 100%;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 35px;
overflow: none;
width: 100%;
/*background-color: #0e232e;*/
/*border-bottom: 2px solid #9eabb0;*/
margin: 0px;
padding: 0px;
height: 35px;
overflow: none;
width: 100%;
/*background-color: #0e232e;*/
/*border-bottom: 2px solid #9eabb0;*/
}
#jot #jot-tools span {
float: left;
@ -880,7 +894,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
border-radius: 5px;
border: 1px #ccc solid;
color: #666;
font-size: small;
font-size: smaller;
}
#jot-category:focus {
color: #111;
@ -1013,15 +1027,20 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
padding: 0;
}
#profile-jot-submit {
height: 22px;
height: auto;
background-color: #555753;
color: #eeeeec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
border: 2px outset #222420;
margin: 0;
float: right;
text-shadow: 1px 1px #111;
width: auto;
}
#profile-jot-submit:active {
box-shadow: 0 0 0 0;
}
#jot-perms-icon {
height: 22px;
@ -1113,7 +1132,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
display: inline;
}
/** tabs **/
/**
* tabs
*/
.tabs {
list-style: none;
margin: 10px 0;
@ -1155,7 +1176,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
.wall-item-outside-wrapper {
border: 1px solid #aaa;
border-radius: 5px;
box-shadow: 5px 0 10px 0 #999;
box-shadow: 5px 0 10px 0 #888;
}
.wall-item-outside-wrapper.comment {
margin-top: 5px;
@ -1186,7 +1207,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
margin: 0px 15px 0px 5px;
}
/* removing it from here, vs. putting it in .wall-item-content
* might break things for people. we shall see ;) */
* might break things for people. we shall see ;) */
[id^="tread-wrapper"], [class^="tread-wrapper"] {
margin: 15px 0 0 0;
padding: 0px;
@ -1497,7 +1518,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* item text style
**/
*/
.wall-item-body code {
display: block;
padding: 0 0 10px 5px;
@ -1512,7 +1533,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* profile
**/
*/
div[id$="text"] {
font-weight: bold;
border-bottom: 1px solid #ccc;
@ -1531,7 +1552,7 @@ div[id$="wrapper"] br {
/**
* photos
**/
*/
.photos {
height: auto;
overflow: auto;
@ -1933,7 +1954,15 @@ div[id$="wrapper"] br {
#profile-edit-form div {
clear: both;
}
.settings-block {
}
.settings-block label {
clear: left;
}
.settings-block input {
margin: 10px 5px;
}
/*#register-form label, */
/*#profile-edit-form label {*/
/* width: 300px; */
@ -2002,6 +2031,12 @@ div[id$="wrapper"] br {
#id_ssl_policy {
width: 374px;
}
#theme-preview {
}
#theme-preview img {
margin: 10px 10px 10px 288px;
}
/**
@ -2131,7 +2166,7 @@ div[id$="wrapper"] br {
/**
* events
**/
*/
.clear { clear: both; }
.eventcal {
float:left;
@ -2252,7 +2287,7 @@ div[id$="wrapper"] br {
margin-top: 30px;
}
/* was tired of having no way of moving it around, so
* here's a little 'hook' to do so */
* here's a little 'hook' to do so */
.delete-checked {
position: absolute;
left: 35px;
@ -2380,7 +2415,7 @@ div[id$="wrapper"] br {
/**
* ADMIN
* admin
*/
#pending-update {
float:right;
@ -2469,7 +2504,7 @@ div[id$="wrapper"] br {
/**
* Form fields
* form fields
*/
.field {
/*margin-bottom: 10px;*/
@ -2478,22 +2513,43 @@ div[id$="wrapper"] br {
width: 100%;
}
.field label, label {
float: left;
width: 275px;
display: block;
width: 38%;
display: inline-block;
font-size: 1.077em;
margin: 0 10px 0.5em 0;
margin: 0 10px 1em 0;
border: 1px #999 solid;
padding: 5px;
background: #ccc;
vertical-align: middle;
color: #111;
}
.field input, input[type="text"] {
input,
input[type="text"],
input[type="password"],
input[type="search"] {
width: 250px;
height: 25px;
border: 1px #999 solid;
}
input[type="checkbox"], input[type="radio"] {
border: 1px #999 solid;
margin: 0 0 0 0;
}
input[type="submit"], input[type="button"] {
background-color: #555753;
border: 2px outset #444;
border-radius: 5px;
box-shadow: 1px 3px 4px 0 #111;
color: #eeeeec;
cursor: pointer;
font-weight: bold;
width: auto;
text-shadow: 1px 1px #111;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
input[type="submit"]:active, input[type="button"]:active {
box-shadow: 0 0 0 0;
}
.field textarea {
width: 80%;
height: 100px;
@ -2533,7 +2589,7 @@ div[id$="wrapper"] br {
/*
* UPDATE
* update
*/
.popup {
width: 100%;
@ -2631,7 +2687,7 @@ div[id$="wrapper"] br {
/**
* ICONS
* icons
*/
.iconspacer {
display: block;
@ -2838,7 +2894,9 @@ footer {
}
/** acl **/
/**
* acl
*/
#photo-edit-perms-select,
#photos-upload-permissions-wrapper,
#profile-jot-acl-wrapper {
@ -3006,7 +3064,7 @@ footer {
/*
* ADDONS THEMING
* addons theming
*/
#sidebar-page-list {
@ -3019,7 +3077,13 @@ footer {
#sidebar-page-list li {
list-style: none;
}
#jappix_mini {
margin-left: 130px;
position: fixed;
bottom: 0;
right: 175px !important; /* override the jappix css */
z-index: 999;
}
@media handheld {
body {