1
0
Fork 0

Merge commit 'upstream/master'

This commit is contained in:
Michael Vogel 2012-03-15 21:11:58 +01:00
commit 9243c9fc14
114 changed files with 2818 additions and 868 deletions

View file

@ -1,4 +1,22 @@
<?php
/*
* Name: Dark Bubble
* Version: 1.0
* Maintainer: Mike Macgirvin <mike@macgirvin.com>
*/
$a->theme_info = array(
'extends' => 'testbubble',
);
$a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
});
</script>
EOT;

View file

@ -15,6 +15,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

View file

@ -16,6 +16,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

View file

@ -0,0 +1,29 @@
<div id="group-sidebar" class="widget">
<div class="title tool">
<h3 class="label">$title</h3>
<a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
</div>
<div id="sidebar-group-list">
<ul>
{{ for $groups as $group }}
<li class="tool {{ if $group.selected }}selected{{ endif }}">
<a href="$group.href" class="label">
$group.text
</a>
{{ if $group.edit }}
<a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
class="{{ if $group.selected }}ticked{{ else }}unticked {{ endif }} action"
onclick="contactgroupChangeMember('$group.id','$group.cid');return true;"
{{ if $group.ismember }}checked="checked"{{ endif }}
/>
{{ endif }}
</li>
{{ endfor }}
</ul>
</div>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 B

BIN
view/theme/diabook-blue/icons/toogle_off.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 391 B

After

Width:  |  Height:  |  Size: 834 B

Before After
Before After

BIN
view/theme/diabook-blue/icons/toogle_on.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 429 B

After

Width:  |  Height:  |  Size: 715 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 798 B

View file

@ -0,0 +1,27 @@
<div id="live-display"></div>
<h3><a href="$album.0">$album.1</a></h3>
<div id="photo-edit-link-wrap">
{{ if $tools }}
<a id="photo-edit-link" href="$tools.edit.0">$tools.edit.1</a>
-
<a id="photo-toprofile-link" href="$tools.profile.0">$tools.profile.1</a>
{{ endif }}
{{ if $lock }} - <img src="images/lock_icon.gif" class="lockview" alt="$lock" onclick="lockview(event,'photo$id');" /> {{ endif }}
</div>
<div id="photo-photo">
{{ if $prevlink }}<div id="photo-prev-link"><a href="$prevlink.0">$prevlink.1</a></div>{{ endif }}
<a href="$photo.href" class="lightbox" title="$photo.title"><img src="$photo.src" /></a>
{{ if $nextlink }}<div id="photo-next-link"><a href="$nextlink.0">$nextlink.1</a></div>{{ endif }}
</div>
<div id="photo-photo-end"></div>
<div id="photo-caption" >$desc</div>
{{ if $tags }}
<div id="in-this-photo-text">$tags.0</div>
<div id="in-this-photo">$tags.1</div>
{{ endif }}
{{ if $tags.2 }}<div id="tag-remove"><a href="$tags.2">$tags.3</a></div>{{ endif }}
{{ if $edit }}$edit{{ endif }}

View file

@ -0,0 +1,20 @@
<div id="profile_side">
<div id="ps-usernameicon">
<a href="$ps.usermenu.status.0" title="$userinfo.name">
<img src="$userinfo.icon" id="ps-usericon" alt="$userinfo.name">
</a>
<a href="$ps.usermenu.status.0" id="ps-username" title="$userinfo.name">$userinfo.name</a>
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1</a></li>
<li id="profile-side-photos" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-events" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1</a></li>
<li id="profile-side-notes" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1</a></li>
<li id="profile-side-foren" class="menu-profile-list"><a class="menu-profile-list-item" href="http://dir.friendika.com/directory/forum" target="blanc">Public Groups</a></li>
<li id="profile-side-foren" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
</ul>
</div>

View file

@ -247,7 +247,7 @@
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/icons/10/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
@ -285,7 +285,7 @@
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/icons/16/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
@ -323,7 +323,7 @@
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/icons/22/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
@ -361,7 +361,7 @@
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/icons/48/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
@ -438,7 +438,7 @@ a:hover {
clear: both;
}
.fakelink {
color: #3465A4;
color: #1872A2;
/* color: #3e3e8c; */
text-decoration: none;
cursor: pointer;
@ -461,7 +461,7 @@ code {
}
#panel {
position: absolute;
width: 10em;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
@ -647,7 +647,7 @@ nav .nav-menu-icon {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 7px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
@ -657,7 +657,7 @@ nav .nav-menu-icon:hover {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 7px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
@ -716,21 +716,17 @@ nav #nav-user-linkmenu
nav #nav-user-linkmenu{
margin-right: 0px;
}
nav #nav-home-link{
nav #nav-home-link, #nav-directory-link, #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 5px;
}
nav #nav-directory-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 15px;
margin-right: 0px;
}
nav #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 15px;
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
@ -784,8 +780,6 @@ ul.menu-popup {
margin: 0px;
padding: 0px;
list-style: none;
border: 1px solid #364e59;
border-top-color: transparent;
z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
@ -878,6 +872,41 @@ ul.menu-popup .empty {
padding: 7px 7px 0px 0px;
}
/*profile_side*/
#profile_side {
margin-bottom: 30px;
}
#ps-usericon{
height: 25px
}
#ps-username{
font-size: 1.17em;
font-weight: bold;
vertical-align: top;
position: absolute;
padding-top: 4px;
padding-left: 5px;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 16px;
min-height: 16px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/* aside */
aside {
display: table-cell;
@ -974,6 +1003,10 @@ aside #side-peoplefind-url {
widht: 55px;
height: 55px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
@ -1048,6 +1081,12 @@ section {
width: 800px;
padding: 0px 0px 0px 12px;
}
body .pageheader{
text-align: center;
margin-top: 25px;
font-size: 0px;
}
#id_username {
width: 173px;
}
@ -1063,7 +1102,8 @@ section {
padding: 10px;
text-align: center;
font-size: 1.0em;
margin-top: 140%;
clear: both;
display: block;
}
.tabs {
@ -1306,14 +1346,14 @@ section {
}
.tag {
/*background: url("../../../images/tag_b.png") repeat-x center left;*/
color: #3465A4;
color: #999;
padding-left: 3px;
font-size: 12px;
}
.tag a {
padding-right: 5px;
/*background: url("../../../images/tag.png") no-repeat center right;*/
color: #3465A4;
color: #999;
}
.wwto {
position: absolute !important;
@ -1616,7 +1656,7 @@ section {
box-shadow: 0 1px 1px #CFCFCF;
}
.button.creation2 {
background-color: #33ACFF;
background-color: #1872A2;
background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%);
border: 1px solid #777777;
color: white;
@ -1872,9 +1912,15 @@ ul.tabs li .active {
float: left;
}
/* photo */
.photo {
box-shadow: 2px 2px 5px 0px #000000;
margin: 2px 5px 2px 5px;
max-height: 85%;
max-width: 85%;
}
.lframe {
float: left;
margin: 0px 10px 10px 0px;
/*margin: 0px 10px 10px 0px;*/
}
/* profile match wrapper */
.profile-match-wrapper {
@ -1988,10 +2034,24 @@ box-shadow: 1px 1px 5px 0;
}
#prvmail-submit {
float: left;
float: right;
margin-top: 10px;
margin-right: 30px;
}
#prvmail-subject
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
vertical-align: middle;
}
#prvmail-form{
width: 597px;
}
#prvmail-upload-wrapper,
#prvmail-link-wrapper,
#prvmail-rotator-wrapper {
@ -2179,7 +2239,9 @@ a.mail-list-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
@ -2298,8 +2360,36 @@ float: left;
.contact-details {
color: #999999;
}
.photo-top-image-wrapper {
#side-bar-photos-albums{
margin-top: 15px;
}
.photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.photo-album-image-wrapper, .photo-top-image-wrapper {
float: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
background-color: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
}
.photo-top-album-name {
position: absolute;
bottom: 0;
padding: 0 5px;
}
.photo-top-album-link{
color: #1872A2;
}
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
@ -2315,7 +2405,7 @@ float: left;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
}*/
#photo-top-end {
clear: both;
}

View file

@ -1,8 +1,8 @@
<?php
/*
* Name: Diabook
* Description: Diabook: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* 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:
* Author:
*/
@ -11,8 +11,46 @@ $a->theme_info = array(
'extends' => 'diabook',
);
//profile_side
$nav['usermenu']=array();
$userinfo = null;
if(local_user()) {
$r = q("SELECT micro FROM contact WHERE uid=%d AND self=1", intval($a->user['uid']));
$userinfo = array(
'icon' => (count($r) ? $r[0]['micro']: $a->get_baseurl()."/images/default-profile-mm.jpg"),
'name' => $a->user['username'],
);
$ps['usermenu'][status] = Array('profile/' . $a->user['nickname'], t('Home'), "", t('Your posts and conversations'));
$ps['usermenu'][profile] = Array('profile/' . $a->user['nickname']. '?tab=profile', t('Profile'), "", t('Your profile page'));
$ps['usermenu'][photos] = Array('photos/' . $a->user['nickname'], t('Photos'), "", t('Your photos'));
$ps['usermenu'][events] = Array('events/', t('Events'), "", t('Your events'));
$ps['usermenu'][notes] = Array('notes/', t('Personal notes'), "", t('Your personal photos'));
$ps['usermenu'][community] = Array('community/', t('Community'), "", "");
if($is_url = preg_match ("/\bnetwork\b/i", $_SERVER['REQUEST_URI'])) {
$tpl = get_markup_template('profile_side.tpl');
$a->page['aside'] .= replace_macros($tpl, array(
'$userinfo' => $userinfo,
'$ps' => $ps,
));
}
}
//js scripts
$a->page['htmlhead'] .= <<< EOT
<script>
//contacts
$('html').click(function() {
$('#nav-contacts-linkmenu').removeClass('selected');
@ -62,5 +100,20 @@ $('html').click(function() {
$('#nav-site-linkmenu').click(function(event){
event.stopPropagation();
});
</script>
//appsmenu
$('html').click(function() {
$('#nav-apps-link').removeClass('selected');
document.getElementById( "nav-apps-menu" ).style.display = "none";
});
$('#nav-apps-link').click(function(event){
event.stopPropagation();
});
$(function() {
$('a.lightbox').fancybox(); // Select all links with lightbox class
});
</script>
EOT;

View file

@ -0,0 +1,29 @@
<div id="group-sidebar" class="widget">
<div class="title tool">
<h3 class="label">$title</h3>
<a href="group/new" title="$createtext" class="action"><span class="icon text s16 add"></span></a>
</div>
<div id="sidebar-group-list">
<ul>
{{ for $groups as $group }}
<li class="tool {{ if $group.selected }}selected{{ endif }}">
<a href="$group.href" class="label">
$group.text
</a>
{{ if $group.edit }}
<a href="$group.edit.href" class="action"><span class="icon text s10 edit"></span></a>
{{ endif }}
{{ if $group.cid }}
<input type="checkbox"
class="{{ if $group.selected }}ticked{{ else }}unticked {{ endif }} action"
onclick="contactgroupChangeMember('$group.id','$group.cid');return true;"
{{ if $group.ismember }}checked="checked"{{ endif }}
/>
{{ endif }}
</li>
{{ endfor }}
</ul>
</div>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
view/theme/diabook/icons/next.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 B

BIN
view/theme/diabook/icons/prev.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 B

BIN
view/theme/diabook/icons/toogle_off.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 391 B

After

Width:  |  Height:  |  Size: 834 B

Before After
Before After

BIN
view/theme/diabook/icons/toogle_on.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 429 B

After

Width:  |  Height:  |  Size: 715 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 798 B

View file

@ -152,10 +152,6 @@
</ul>
<ul id="nav-notifications-template" style="display:none;" rel="template">
<li><a href="{0}"><img src="{1}">{2} <span class="notif-when">{3}</span></a></li>
</ul>
{#

View file

@ -0,0 +1,27 @@
<div id="live-display"></div>
<h3><a href="$album.0">$album.1</a></h3>
<div id="photo-edit-link-wrap">
{{ if $tools }}
<a id="photo-edit-link" href="$tools.edit.0">$tools.edit.1</a>
-
<a id="photo-toprofile-link" href="$tools.profile.0">$tools.profile.1</a>
{{ endif }}
{{ if $lock }} - <img src="images/lock_icon.gif" class="lockview" alt="$lock" onclick="lockview(event,'photo$id');" /> {{ endif }}
</div>
<div id="photo-photo">
{{ if $prevlink }}<div id="photo-prev-link"><a href="$prevlink.0">$prevlink.1</a></div>{{ endif }}
<a href="$photo.href" class="lightbox" title="$photo.title"><img src="$photo.src" /></a>
{{ if $nextlink }}<div id="photo-next-link"><a href="$nextlink.0">$nextlink.1</a></div>{{ endif }}
</div>
<div id="photo-photo-end"></div>
<div id="photo-caption" >$desc</div>
{{ if $tags }}
<div id="in-this-photo-text">$tags.0</div>
<div id="in-this-photo">$tags.1</div>
{{ endif }}
{{ if $tags.2 }}<div id="tag-remove"><a href="$tags.2">$tags.3</a></div>{{ endif }}
{{ if $edit }}$edit{{ endif }}

View file

@ -0,0 +1,20 @@
<div id="profile_side">
<div id="ps-usernameicon">
<a href="$ps.usermenu.status.0" title="$userinfo.name">
<img src="$userinfo.icon" id="ps-usericon" alt="$userinfo.name">
</a>
<a href="$ps.usermenu.status.0" id="ps-username" title="$userinfo.name">$userinfo.name</a>
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1</a></li>
<li id="profile-side-photos" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-events" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1</a></li>
<li id="profile-side-notes" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1</a></li>
<li id="profile-side-foren" class="menu-profile-list"><a class="menu-profile-list-item" href="http://dir.friendika.com/directory/forum" target="blanc">Public Groups</a></li>
<li id="profile-side-foren" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
</ul>
</div>

View file

@ -177,8 +177,8 @@
.icon.on { background-image: url("../../../view/theme/diabook/icons/toogle_on.png"); background-repeat: no-repeat;}
.icon.off { background-image: url("../../../view/theme/diabook/icons/toogle_off.png"); background-repeat: no-repeat;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
.icon.prev { background-image: url("../../../view/theme/diabook/icons/prev.png"); background-repeat: no-repeat;}
.icon.next { background-image: url("../../../view/theme/diabook/icons/next.png"); background-repeat: no-repeat;}
/*.tagged { background-position: -130px -60px;}*/
.attachtype {
@ -247,7 +247,7 @@
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/icons/10/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
@ -285,7 +285,7 @@
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/icons/16/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
@ -323,7 +323,7 @@
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/icons/22/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
@ -361,7 +361,7 @@
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/icons/48/star.png");
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
@ -400,6 +400,7 @@ body {
margin: 50px auto auto;
display: table;
}
h4 {
font-size: 1.1em;
}
@ -461,7 +462,7 @@ code {
}
#panel {
position: absolute;
width: 10em;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
@ -707,21 +708,17 @@ nav #nav-user-linkmenu
nav #nav-user-linkmenu{
margin-right: 0px;
}
nav #nav-home-link{
nav #nav-home-link, #nav-directory-link, #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 5px;
}
nav #nav-directory-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 15px;
margin-right: 0px;
}
nav #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 15px;
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
@ -775,8 +772,6 @@ ul.menu-popup {
margin: 0px;
padding: 0px;
list-style: none;
border: 1px solid #364e59;
border-top-color: transparent;
z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
@ -869,6 +864,43 @@ ul.menu-popup .empty {
padding: 7px 7px 0px 0px;
}
/*profile_side*/
#profile_side {
margin-bottom: 30px;
}
#ps-usericon{
height: 25px
}
#ps-username{
font-size: 1.17em;
font-weight: bold;
vertical-align: top;
position: absolute;
padding-top: 4px;
padding-left: 5px;
color: #2D2D2D;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 16px;
min-height: 16px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/* aside */
aside {
display: table-cell;
@ -879,6 +911,7 @@ aside {
float: left;
/* background: #F1F1F1; */
}
aside .vcard .fn {
font-size: 18px;
font-weight: bold;
@ -965,6 +998,10 @@ aside #side-peoplefind-url {
widht: 55px;
height: 55px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
@ -1039,6 +1076,13 @@ section {
width: 800px;
padding: 0px 0px 0px 12px;
}
body .pageheader{
text-align: center;
margin-top: 25px;
font-size: 0px;
}
#id_username {
width: 173px;
}
@ -1049,13 +1093,13 @@ section {
width: 173px;
}
#contact-edit-end {
}
.pager {
padding: 10px;
text-align: center;
font-size: 1.0em;
margin-top: 140%;
clear: both;
display: block;
}
.tabs {
@ -1861,7 +1905,6 @@ ul.tabs li .active {
/* photo */
.lframe {
float: left;
margin: 0px 10px 10px 0px;
}
/* profile match wrapper */
.profile-match-wrapper {
@ -1975,10 +2018,22 @@ box-shadow: 1px 1px 5px 0;
}
#prvmail-submit {
float: left;
float: right;
margin-top: 10px;
margin-right: 30px;
}
#prvmail-subject
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
vertical-align: middle;
}
#prvmail-form{
width: 597px;
}
#prvmail-upload-wrapper,
#prvmail-link-wrapper,
#prvmail-rotator-wrapper {
@ -2166,14 +2221,25 @@ a.mail-list-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
#photo-like-div .wall-item-like-buttons {
float: left;
margin-right: 10px;
float: left;
margin-right: 5px;
margin-top: 30px;
}
.comment-edit-text-empty {
margin: 10px 0 0;
width: 85%;
}
.comment-edit-photo {
margin: 10px 0 0;
}
.wall-item-like-buttons .icon.like {
float: left;
}
@ -2286,7 +2352,36 @@ float: left;
color: #999999;
}
.photo-top-image-wrapper {
#side-bar-photos-albums{
margin-top: 15px;
}
.photo-top-photo, .photo-album-photo {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.photo-album-image-wrapper, .photo-top-image-wrapper {
float: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
background-color: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
}
.photo-top-album-name {
position: absolute;
bottom: 0;
padding: 0 5px;
}
.photo-top-album-link{
color: #1872A2;
}
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
@ -2302,7 +2397,7 @@ float: left;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
}*/
#photo-top-end {
clear: both;
}
@ -2315,5 +2410,4 @@ float: left;
#photos-upload-newalbum-div {
float: left;
width: 175px;
}
}

View file

@ -1,8 +1,8 @@
<?php
/*
* Name: Diabook
* Description: Diabook: report bugs and request here: http://pad.toktan.org/p/diabook or contact me : thomas_bierey@friendica.eu
* 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:
* Author:
*/
@ -11,7 +11,44 @@ $a->theme_info = array(
'extends' => 'diabook',
);
//profile_side
$nav['usermenu']=array();
$userinfo = null;
if(local_user()) {
$r = q("SELECT micro FROM contact WHERE uid=%d AND self=1", intval($a->user['uid']));
$userinfo = array(
'icon' => (count($r) ? $r[0]['micro']: $a->get_baseurl()."/images/default-profile-mm.jpg"),
'name' => $a->user['username'],
);
$ps['usermenu'][status] = Array('profile/' . $a->user['nickname'], t('Home'), "", t('Your posts and conversations'));
$ps['usermenu'][profile] = Array('profile/' . $a->user['nickname']. '?tab=profile', t('Profile'), "", t('Your profile page'));
$ps['usermenu'][photos] = Array('photos/' . $a->user['nickname'], t('Photos'), "", t('Your photos'));
$ps['usermenu'][events] = Array('events/', t('Events'), "", t('Your events'));
$ps['usermenu'][notes] = Array('notes/', t('Personal notes'), "", t('Your personal photos'));
$ps['usermenu'][community] = Array('community/', t('Community'), "", "");
if($is_url = preg_match ("/\bnetwork\b/i", $_SERVER['REQUEST_URI'])) {
$tpl = get_markup_template('profile_side.tpl');
$a->page['aside'] .= replace_macros($tpl, array(
'$userinfo' => $userinfo,
'$ps' => $ps,
));
}
}
//js scripts
$a->page['htmlhead'] .= <<< EOT
<script>
//contacts
@ -63,5 +100,20 @@ $('html').click(function() {
$('#nav-site-linkmenu').click(function(event){
event.stopPropagation();
});
</script>
//appsmenu
$('html').click(function() {
$('#nav-apps-link').removeClass('selected');
document.getElementById( "nav-apps-menu" ).style.display = "none";
});
$('#nav-apps-link').click(function(event){
event.stopPropagation();
});
$(function() {
$('a.lightbox').fancybox(); // Select all links with lightbox class
});
</script>
EOT;

View file

@ -20,9 +20,11 @@
</div>
<div class="contact-entry-photo-end" ></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" >
<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-end" ></div>
</div>

View file

@ -1,5 +1,5 @@
<div class="widget" id="group-sidebar">
<h3>$title</h3>
<div id="group-sidebar" class="widget">
<h3 class="label">$title</h3>
<div id="sidebar-group-list">
<ul id="sidebar-group-ul">
@ -9,7 +9,7 @@
{{ if $group.edit }}
<a
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 }}
{{ if $group.cid }}
<input type="checkbox"

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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Before After
Before After

View file

@ -51,9 +51,9 @@
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="1.9403009"
inkscape:cx="100.08061"
inkscape:cy="113.21269"
inkscape:zoom="1.3859292"
inkscape:cx="105.02551"
inkscape:cy="107.90767"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@ -107,7 +107,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -572,7 +572,7 @@
inkscape:connector-curvature="0"
id="rect4428-4"
d="m 118.03127,895.15627 0,0.3125 c 0,1.2601 -0.0643,3.4345 -0.35937,5.75 l -1.5625,1e-4 c -0.80183,0.011 -1.64766,4.0737 -1.60938,8.0625 l 8.25,0 c -0.057,-5.5479 1.56902,-11.5211 1.75,-5.6563 0.21453,6.9525 1.74237,-5.1823 1.75,-8.4687 z"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<path
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
@ -580,7 +580,7 @@
inkscape:connector-curvature="0"
id="path4440-4"
d="m 124.78127,905.73727 -1.9375,-0.063"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<path
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
@ -589,7 +589,7 @@
inkscape:connector-curvature="0"
id="path4442-9"
d="m 117.59377,901.20597 6.4375,0"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
@ -599,12 +599,12 @@
height="0.375"
width="1.0625"
id="rect4446-9"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4448-3"
width="1.0625"
height="0.375"
@ -619,12 +619,12 @@
height="0.375"
width="1.0625"
id="rect4450-6"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4452-0"
width="1.0625"
height="0.375"
@ -639,12 +639,12 @@
height="0.375"
width="1.0625"
id="rect4454-5"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4456-0"
width="1.0625"
height="0.375"
@ -659,12 +659,12 @@
height="0.375"
width="1.0625"
id="rect4458-2"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4460-9"
width="1.0625"
height="0.375"
@ -679,12 +679,12 @@
height="0.375"
width="1.0625"
id="rect4462-4"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4464-3"
width="1.0625"
height="0.375"
@ -699,12 +699,12 @@
height="0.375"
width="1.0625"
id="rect4466-5"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4468-1"
width="1.0625"
height="0.375"
@ -719,12 +719,12 @@
height="0.375"
width="1.0625"
id="rect4470-7"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4472-4"
width="1.0625"
height="0.375"
@ -739,12 +739,12 @@
height="0.375"
width="1.0625"
id="rect4474-3"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4476-1"
width="1.0625"
height="0.375"
@ -759,12 +759,12 @@
height="0.375"
width="1.0625"
id="rect4478-4"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
<rect
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/fabio/public_html/f9k-tre/icons2.png"
style="fill:none;stroke:#1a1a1a;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
style="fill:none;stroke:#e6e6e6;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
id="rect4480-6"
width="1.0625"
height="0.375"

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 117 KiB

Before After
Before After

View file

@ -114,6 +114,7 @@ function enableOnUser(){
$(this).val("");
initEditor();
}
</script>
<script type="text/javascript" src="$baseurl/js/ajaxupload.js"></script>
<script type="text/javascript">
@ -121,6 +122,7 @@ function enableOnUser(){
var addtitle = '$addtitle';
$(document).ready(function() {
/* enable tinymce on focus and click */
$("#profile-jot-text").focus(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() {
$('#jot-coord').val('');
$('#profile-nolocation-wrapper').hide();

View file

@ -1,5 +1,4 @@
<nav>
$langselector
<span id="banner">$banner</span>
@ -58,14 +57,6 @@ works -->
</li>
{{ 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 }}
<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 }}
@ -95,6 +86,14 @@ works -->
</ul>
</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">
{{ if $nav.home }}
<a id="home-update" class="nav-ajax-left" href="$nav.home.0" title="$nav.home.1"></a>
@ -112,11 +111,14 @@ works -->
<a id="intro-update" class="nav-ajax-left" href="$nav.introductions.0"></a>
{{ endif }}
</div>
</div>
<a href="#" class="floaterflip"></a>
</nav>
<div id="lang-sel-wrap">
$langselector
</div>
<ul id="nav-notifications-template" style="display:none;" rel="template">
<li class="{4}"><a href="{0}"><img src="{1}" height="24" width="24" alt="" />{2} <span class="notif-when">{3}</span></a></li>
</ul>

View file

@ -4,7 +4,7 @@
<a href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$all</a>
<ul class="nets-ul">
{{ 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 }}
</ul>
</div>

View file

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

View file

@ -1,12 +1,30 @@
<div class="vcard">
<div class="fn label">$profile.name</div>
{{ 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>
{{ if $pdesc }}
<div class="title">$profile.pdesc</div>
{{ endif }}
<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>
{{ if $location }}
@ -15,10 +33,11 @@
<div class="adr">
{{ if $profile.address }}
<div class="street-address">$profile.address</div>{{ endif }}
<span class="city-state-zip">$profile.zip</span>
<span class="locality">$profile.locality</span>{{ if $profile.locality }}, {{ endif }}
<span class="region">$profile.region</span>
<span class="postal-code">$profile.postal-code</span>
<span class="city-state-zip">
<span class="locality">$profile.locality</span>{{ if $profile.locality }}, {{ endif }}
<span class="region">$profile.region</span>
<span class="postal-code">$profile.postal-code</span>
</span>
{{ if $profile.country-name }}<span class="country-name">$profile.country-name</span>{{ endif }}
</div>
</div>

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>
$searchbox

View file

@ -122,7 +122,6 @@ a {
color: #88a9d2;
text-decoration: none;
margin-bottom: 1px;
text-decoration: none;
}
/*a:hover { */
/* text-decoration: none;*/
@ -140,7 +139,6 @@ blockquote {
}
a:hover {
color: #729fcf;
padding-bottom: 0;
border-bottom: 1px dotted #729fcf;
}
.required {
@ -197,14 +195,16 @@ input[type=submit] {
color: #fff;
}
/**
* global
*/
/* .tool .action */
.action {
float: right;
margin: 5px 0;
}
/**
* login
*/
@ -212,9 +212,10 @@ input[type=submit] {
margin-right: 20px;
}
/*********
* nav
*********/
/**
* nav
*/
nav {
height: 60px;
display: block;
@ -483,12 +484,12 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
height: 22px;
overflow: hidden;
margin: 0px;
background: transparent url(icons.png) -190px -60px no-repeat;
background: transparent url(icons.png) -190px -60px no-repeat;
}
.nav-ajax-update, .nav-ajax-left {
width: 30px;
height: 19px;
background: transparent url(notifications.svg) 0 0 no-repeat;
background: transparent url(notifications.png) 0 0 no-repeat;
color: #222;
font-weight: bold;
font-size: 0.8em;
@ -519,14 +520,16 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
}
#lang-select-icon {
cursor: pointer;
position: absolute;
left: 0;
top: 0;
position: fixed;
left: 28px;
bottom: 6px;
z-index: 10;
}
#language-selector {
position: absolute;
top: 0;
left: 16px;
position: fixed;
bottom: 2px;
left: 52px;
z-index: 10;
}
.menu-popup {
position: absolute;
@ -539,9 +542,9 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
list-style: none;
border: 3px solid #364e59;
z-index: 100000;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
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: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.7);
}
.menu-popup a {
display: block;
@ -589,24 +592,24 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/** sysmsg **/
#sysmsg_info {
position:fixed;
bottom:0;
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px #888;
box-shadow:0 0 5px #888;
position: fixed;
bottom: 0;
-moz-box-shadow: 3px 3px 3px 10px 0 #000;
-webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow: 3px 3px 10px 0 #000;
padding: 10px;
background-color:#fcaf3e;
background-color: #fcaf3e;
border:2px solid #f8911b;
border-bottom:0;
border-bottom: 0;
padding-bottom: 50px;
z-index: 1000;
}
#sysmsg {
position: fixed;
bottom: 0;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
-moz-box-shadow: 3px 3px 10px 0 #000;
-webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow: 3px 3px 10px 0 #000;
padding: 10px;
background-color: #fcaf3e;
border: 2px solid #f8911b;
@ -690,7 +693,9 @@ aside #viewcontacts {
#netsearch-box {
margin: 30px 0px;
}
.ttright {
margin: 0px 0px 0px 5px;
}
/**
* contacts block
@ -812,6 +817,9 @@ aside #viewcontacts {
border-bottom: 0;
padding: 5px;
}
#profile-jot-net {
margin: 5px 0;
}
#jot-preview-link {
margin: 0 0 0 10px;
border: 0;
@ -833,12 +841,12 @@ aside #viewcontacts {
background-color: #555753;
height: 22px;
width: 20px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
border: 0px;
margin: 0 -4px 0 10px;
margin: 0 10px 0 10px;
}
#profile-jot-plugin-wrapper {
width: 1px;
@ -856,23 +864,21 @@ aside #viewcontacts {
height: 22px;
background-color: #555753;
color: #eeeeec;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
margin: 0;
float: right;
}
#jot-perms-icons {
background-color: #555753;
#jot-perms-icon {
height: 22px;
width: 20px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
border: 0;
margin: 0 0 0 94.4%;
}
#profile-jot-acl-wrapper {
margin: 0 10px;
@ -915,10 +921,11 @@ aside #viewcontacts {
clear: both;
}
#jot-title-desc {
color: #cccccc;
color: #ccc;
}
#profile-jot-desc {
color: #a00;
color: #ff2000;
margin: 5px 0;
}
#jot-title-wrapper {
margin-bottom: 5px;
@ -946,7 +953,7 @@ aside #viewcontacts {
* section
*/
section {
margin: 20px 6% 0 4%;
margin: 20px 8% 0 4%;
font-size: 0.8em;
padding-right: 230px;
min-width: 475px;
@ -955,30 +962,31 @@ section {
/** tabs **/
.tabs {
list-style: none;
margin: 10px 0 10px;
margin: 10px 0;
padding: 0;
border-bottom: 1px solid #729fcf;
font-size: 14px;
}
.tabs li {
display: inline;
}
.tab {
padding: 0 5px;
border: 1px solid #729fcf;
padding: 4px;
}
.tab:hover {
background-color: #88a9d2;
color: #111;
border: 0px;
background: #88a9d2;
color: #2e2f2e;
}
.tab:active {
background-color: #88a9d2;
color: #111;
border: 0px;
background: #88a9d2;
color: #2e2f2e;
}
.tab.active {
background-color: #88a9d2;
color: #111;
background: #88a9d2;
color: #2e2f2e;
}
.tab a {
border: 0;
text-decoration: none;
}
/**
@ -1005,6 +1013,9 @@ section {
.shiny {
background: #2e3436;
}
.heart {
color: red;
}
.wall-item-content {
overflow-x: auto;
}
@ -1091,7 +1102,7 @@ section {
clear: left;
font-size: 0.8em;
color: #878883;
margin: 20px 0 0 110px;
margin: 20px 20px 0 110px;
}
.wall-item-ago {
display: inline;
@ -1328,10 +1339,11 @@ div[id$="wrapper"] br {
.photo-album-image-wrapper,
.photo-top-image-wrapper {
float: left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
background-color: #eee;
-moz-box-shadow: 3px 3px 10px 0 #000;
-webkit-box-shadow: 3px 3px 10px 0 #000;
box-shadow: 3px 3px 10px 0 #000;
background-color: #222;
color: #2e2f2e;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
@ -1500,20 +1512,26 @@ div[id$="wrapper"] br {
}
.mail-list-sender-name {
display: inline;
font-size: 1.1em;
}
.mail-list-date {
display: inline;
font-size: 0.8em;
font-size: 0.9em;
padding-left: 10px;
}
.mail-list-sender-name, .mail-list-date {
font-style: italic;
}
.mail-list-subject {
font-size: 1.5em;
font-size: 1.2em;
font-weight: bold;
}
.mail-list-delete-wrapper {
float: right;
}
.mail-list-outside-wrapper-end {
clear: both;
border-bottom: 1px #eec dotted;
}
.mail-conv-sender {
float: left;
@ -1548,8 +1566,7 @@ div[id$="wrapper"] br {
.view-contact-wrapper,
.contact-entry-wrapper {
float: left;
margin-right: 5px;
margin-bottom: 40px;
margin: 0 5px 40px 0;
width: 120px;
height: 120px;
padding: 3px;
@ -1712,38 +1729,68 @@ div[id$="wrapper"] br {
clear: both;
}
#register-form label,
#profile-edit-form label {
width: 300px;
float: left;
}
/*#register-form label, */
/*#profile-edit-form label {*/
/* width: 300px; */
/* float: left; */
/*} */
#register-form span,
#profile-edit-form span {
color:#555753;
display:block;
margin-bottom:20px;
/*#register-form span, */
/*#profile-edit-form span {*/
/* color: #555753; */
/* display: block; */
/* margin-bottom: 20px; */
/*} */
#profile-edit-marital-label span {
margin: -4px;
}
.settings-submit-wrapper,
.profile-edit-submit-wrapper {
margin: 30px 0px;
}
.profile-edit-side-div {
margin: 5px 2px 0 0;
/*background: #111;*/
/*border-radius: 5px 5px 0px 0px;*/
/*margin: 0px 0px 0px 0px;*/
/*width: 100px;*/
/*height: 25px;*/
/*position: absolute;*/
display: none;
/*left: 35%;*/
/*top: 41%;*/
/*cursor: pointer;*/
}
.profile-edit-side-link {
margin: 0 20px -18px 0;
float: right;
/*.profile-edit-side-div:hover {*/
/*display: block;*/
/*}*/
/*.profile-edit-side-link {*/
/*margin: 3px 0px 0px 70px;*/
/*}*/
#profiles-menu-trigger {
width: 100px;
}
.profile-listing {
float: left;
margin: 20px 20px 0px 0px;
}
.icon-profile-edit {
background: url("icons.png") no-repeat scroll -150px 0px transparent;
border: 0 none;
display: block;
float: right;
height: 20px;
margin: 0 0 -18px;
text-decoration: none;
cursor: pointer;
}
#profile-edit-links ul {
margin: 20px 0;
padding: 0;
list-style: none;
}
.marital {
margin-top: 5px;
}
#register-sitename {
display: inline;
font-weight: bold;
@ -1944,7 +1991,12 @@ div[id$="wrapper"] br {
*/
.directory-item {
float: left;
margin: 50px 50px 0px 0px;
/*margin: 50px 50px 0px 0px;*/
margin: 0 5px 4px 0;
padding: 3px;
width: 180px;
height: 250px;
position: relative;
}
@ -1956,10 +2008,13 @@ div[id$="wrapper"] br {
}
.group-selected, .nets-selected {
padding: 3px;
border: 1px solid #f8f8f8;
background: #2e302e;
color: #2e2f2e;
background: #88a9d2;
font-weight: bold;
}
.group-selected:hover, .nets-selected:hover {
color: #2e2f2e;
}
.groupsideedit {
margin-right: 10px;
}
@ -2105,11 +2160,16 @@ div[id$="wrapper"] br {
width: 16px; height: 16px;
}
#adminpage table tr:hover {
background-color:#bbc7d7;
color: #2e2f2e;
background-color: #eec;
}
#adminpage .selectall {
text-align: right;
}
#adminpage #users a {
color: #2e2f2e;
text-decoration: underline;
}
/**
* Form fields
@ -2387,7 +2447,7 @@ div[id$="wrapper"] br {
background-position: -70px -40px;
}
.unlock {
background-position: -90px -40px;
background-position: -88px -40px;
}
.video {
background-position: -110px -40px;
@ -2471,8 +2531,8 @@ footer {
}
#profile-jot-text {
height: 20px;
color: #666;
border: 1px solid #ccc;
color: #eec;
border: 1px solid #eec;
border-radius: 5px;
width: 99.5%;
}
@ -2483,113 +2543,117 @@ footer {
#photos-upload-permissions-wrapper,
#profile-jot-acl-wrapper {
display: block !important;
background: #2e2f2e;
color: #eec;
}
#acl-wrapper {
width: 690px;
float: left;
width: 660px;
margin: 0 auto;
}
#acl-search {
float: right;
background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
margin: 6px;
}
#acl-showall {
float:left;
display:block;
width:auto;
height:18px;
background-color:#CCC;
background-image:url("../../../images/show_all_off.png");
background-position:7px 7px;
background-repeat:no-repeat;
padding:7px 10px 7px 30px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#999;
float: left;
display: block;
width: auto;
height: 18px;
background: #eec url("../../../images/show_all_off.png") 8px 8px no-repeat;
padding: 7px 10px 7px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #999;
margin: 5px 0;
}
#acl-showall.selected {
color:#000;
background-color:#F90;
background-image:url(../../../images/show_all_on.png);
color: #000;
background: #f90 url(../../../images/show_all_on.png) 8px 8px no-repeat;
}
#acl-list {
height:210px;
border:1px solid #ccc;
clear:both;
margin-top:30px;
overflow:auto;
}
#acl-list-content {
height: 210px;
border: 1px solid #ccc;
clear: both;
margin-top: 30px;
overflow: auto;
}
/*#acl-list-content {*/
/*}*/
.acl-list-item {
display:block;
width:150px;
height:30px;
border:1px solid #ccc;
margin:5px;
float:left;
border: 1px solid #eec;
display: block;
float: left;
height: 110px;
margin: 3px 0 5px 5px;
width: 120px;
}
.acl-list-item img {
width:22px;
height:22px;
float:left;
margin:4px;
width: 22px;
height: 22px;
float: left;
margin: 5px 5px 20px;
}
.acl-list-item p {
height: 12px;
font-size: 10px;
margin: 0;
margin: 0 0 22px;
padding: 2px 0 1px;
}
.acl-list-item a {
font-size:8px;
display:block;
width:40px;
height:10px;
float:left;
color:#999;
background-color:#CCC;
background-position:3px 3px;
background-repeat:no-repeat;
margin-right:5px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding-left:15px;
background: #eec 3px 3px no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
clear: both;
font-size: 10px;
display: block;
width: 55px;
height: 20px;
color: #2e2f2e;
margin: 5px auto 0;
padding: 0 3px;
text-align: center;
vertical-align: middle;
}
#acl-wrapper a:hover {
text-decoration:none;
color:#000;
text-decoration: none;
color: #2e2f2e;
border: 0;
}
.acl-button-show {
background-image:url('../../../images/show_off.png');
background-image: url('../../../images/show_off.png');
margin: 0 auto;
}
.acl-button-hide {
background-image:url('../../../images/hide_off.png');
background-image: url('../../../images/hide_off.png');
margin: 0 auto;
}
.acl-button-show.selected {
color:#000;
background-color:#9ade00;
background-image:url(../../../images/show_on.png);
color: #2e2f2e;
background-color: #9ade00;
background-image: url(../../../images/show_on.png);
}
.acl-button-hide.selected {
color:#000;
background-color:#ff4141;
background-image:url(../../../images/hide_on.png);
color: #2e2f2e;
background-color: #ff4141;
background-image: url(../../../images/hide_on.png);
}
.acl-list-item.groupshow {
border-color:#9ade00;
border-color: #9ade00;
}
.acl-list-item.grouphide {
border-color:#ff4141;
border-color: #ff4141;
}
/** /acl **/
/* autocomplete popup */
.acpopup {
max-height: 150px;
max-height: 175px;
max-width: 42%;
background-color: #555753;
color: #fff;
overflow: auto;

View file

@ -1,5 +1,17 @@
<?php
$a->theme_info = array();
/*
* Name: Dispy Dark
* Description: Dispy Dark, Friendica theme
* Version: 0.9
* Author: Simon <http://simon.kisikew.org/>
* Maintainer: Simon <http://simon.kisikew.org/>
*/
$a->theme_info = array(
'extends' => 'dispy-dark'
);
$a->page['htmlhead'] .= <<< EOT
<script>
@ -52,6 +64,16 @@ $(document).ready(function() {
$('#drop-' + id).addClass('iconspacer'); }
);
// notifications
$('html').click(function() {
$('#nav-notifications-linkmenu').removeClass('selected');
document.getElementById("nav-notifications-menu").style.display = "none";
});
$('#nav-notifications-linkmenu').click(function(event) {
event.stopPropagation();
});
function toggleToolbar() {
if ( $('#nav-floater').is(':visible') ) {
$('#nav-floater').slideUp('fast');
@ -69,6 +91,26 @@ $(document).ready(function() {
toggleToolbar();
return false;
});
$('#profile-jot-text').focusin(function() {
$(this).css({color: '#eec'});
});
/* $('#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>
EOT;

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="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a>
{{ endif }}
{{ if $item.vote }}
<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 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;" />
</div>
{{ endif }}

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="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon tagged" title="$item.star.tagger"></a>
{{ endif }}
{{ if $item.vote }}
<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 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;" />
</div>
{{ endif }}
@ -63,6 +67,7 @@
{{ endfor }}
</div>
</div>
</div>
<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>

View file

@ -1,5 +1,4 @@
<nav>
$langselector
<span id="banner">$banner</span>
@ -112,11 +111,14 @@ works -->
<a id="intro-update" class="nav-ajax-left" href="$nav.introductions.0"></a>
{{ endif }}
</div>
</div>
<a href="#" class="floaterflip"></a>
</nav>
<div id="lang-sel-wrap">
$langselector
</div>
<ul id="nav-notifications-template" style="display:none;" rel="template">
<li class="{4}"><a href="{0}"><img src="{1}" height="24" width="24" alt="" />{2} <span class="notif-when">{3}</span></a></li>
</ul>

View file

@ -79,7 +79,7 @@ mark {
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp, .wall-item-body code {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
_font-family: monospace;
font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
@ -127,6 +127,7 @@ a:hover img {
}
blockquote {
background: #eee;
color: #111;
text-indent: 5px;
padding: 5px;
border: 1px #aaa solid;
@ -134,7 +135,6 @@ blockquote {
}
a:hover {
color: #729fcf;
padding-bottom: 0;
border-bottom: 1px dotted #729fcf;
}
.required {
@ -462,6 +462,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
right: 1%;
padding: 5px;
background: #2e3436;
color: transparent;
border-radius: 5px;
z-index: 100;
}
@ -511,14 +512,14 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
}
#lang-select-icon {
cursor: pointer;
position: absolute;
left: 0;
top: 0;
position: fixed;
left: 28px;
bottom: 6px;
}
#language-selector {
position: absolute;
top: 0;
left: 16px;
position: fixed;
bottom: 2px;
left: 52px;
}
.menu-popup {
position: absolute;
@ -633,8 +634,24 @@ aside {
.vcard #profile-photo-wrapper {
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
*/
.vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0;
box-shadow: 3px 3px 10px 0 #000;
}
aside h4 {
font-size: 1.2em;
@ -643,8 +660,10 @@ aside #viewcontacts {
text-align: right;
}
.aprofile dt {
box-shadow: 1px 1px 5px 0;
color: #666666;
background: transparent;
font-weight: bold;
box-shadow: 1px 1px 5px 0 #000;
margin: 15px 0 5px;
padding-left: 5px;
}
@ -707,51 +726,11 @@ aside #viewcontacts {
}
#jot #jot-tools span a {
display: block;
/*color: #cccccc; */
/*width: 100%; */
/*height: 40px; */
/*text-align: center;*/
/*line-height: 40px; */
/*overflow: hidden;*/
}
/*#jot #jot-tools li:hover {*/
/*background-color: #364e59;*/
/*}*/
#jot #jot-tools .perms {
float: right;
width: 40px;
}
/*#jot #jot-tools .perms a.unlock {*/
/* width: 30px; */
/* border-left: 10px solid #cccccc;*/
/* background-color: #cccccc; */
/*}*/
/*#jot #jot-tools .perms a.lock {*/
/* width: 30px; */
/* border-left: 10px solid #666666;*/
/* background-color: #666666; */
/*}*/
/*#jot #jot-tools li.submit { */
/* float: right; */
/* background-color: #cccccc; */
/* border-bottom: 2px solid #cccccc; */
/* border-right: 1px solid #666666; */
/* border-left: 1px solid #666666; */
/*} */
/*#jot #jot-tools li.submit input { */
/* border: 0px; */
/* margin: 0px; */
/* padding: 0px; */
/* background-color: #cccccc; */
/* color: #666666; */
/* width: 80px; */
/* height: 40px; */
/* line-height: 40px; */
/*} */
/*#jot #jot-tools li.submit input:hover {*/
/* background-color: #bdcdd4; */
/* color: #666666; */
/*} */
#jot #jot-tools li.loading {
float: right;
background-color: #ffffff;
@ -945,17 +924,22 @@ aside #viewcontacts {
}
#jot-preview-content {
background-color: #ffffe0;
border: 1px #aaaa00 solid;
color: #111;
border: 1px #aa0 solid;
border-radius: 3px;
padding: 3px 3px 6px 10px;
}
#jot-preview-content .wall-item-outside-wrapper {
border: 0;
border-radius: 0px;
}
/**
* section
*/
section {
margin: 20px 6% 0 4%;
margin: 20px 8% 0 4%;
font-size: 0.8em;
padding-right: 230px;
min-width: 475px;
@ -964,28 +948,32 @@ section {
/** tabs **/
.tabs {
list-style: none;
margin: 10px 0 10px;
margin: 10px 0;
padding: 0;
border-bottom: 1px solid #729fcf;
font-size: 14px;
}
.tabs li {
display: inline;
}
.tab {
padding: 0 5px;
border: 1px solid #729fcf;
padding: 4px;
}
.tab:hover {
background-color: #729fcf;
background: #729fcf;
color: #eeeeec;
border: 0px;
}
.tab:active {
background-color: #729fcf;
background: #729fcf;
color: #eeeeec;
border: 0px;
}
.tab.active {
background: #729fcf;
color: #eeeeec;
}
.tab a {
border: 0;
text-decoration: none;
}
/**
* items
@ -1011,6 +999,9 @@ section {
.shiny {
background: #efefdf;
}
.heart {
color: red;
}
.wall-item-content {
overflow-x: auto;
}
@ -1297,6 +1288,7 @@ section {
border-style: solid;
border-width: 1px 1px 1px 10px;
background: #eee;
color: #444;
width: 95%;
}
@ -1553,8 +1545,7 @@ div[id$="wrapper"] br {
.view-contact-wrapper,
.contact-entry-wrapper {
float: left;
margin-right: 5px;
margin-bottom: 40px;
margin: 0 5px 40px 0;
width: 120px;
height: 120px;
padding: 3px;
@ -1666,8 +1657,9 @@ div[id$="wrapper"] br {
}
.contact-photo-menu {
width: auto;
border: 2px solid #444444;
background: #FFFFFF;
border: 2px solid #444;
background: #eee;
color: #111;
position: absolute;
left: 0px; top: 90px;
display: none;
@ -1706,6 +1698,7 @@ div[id$="wrapper"] br {
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
color: #111;
}
#settings-default-perms {
margin-bottom: 20px;
@ -1715,17 +1708,20 @@ div[id$="wrapper"] br {
clear: both;
}
#register-form label,
#profile-edit-form label {
width: 300px;
float: left;
}
/*#register-form label, */
/*#profile-edit-form label {*/
/* width: 300px; */
/* float: left; */
/*} */
#register-form span,
#profile-edit-form span {
color:#555753;
display:block;
margin-bottom:20px;
/*#register-form span, */
/*#profile-edit-form span {*/
/* color: #555753; */
/* display: block; */
/* margin-bottom: 20px; */
/*} */
#profile-edit-marital-label span {
margin: -4px;
}
.settings-submit-wrapper,
.profile-edit-submit-wrapper {
@ -1742,17 +1738,19 @@ div[id$="wrapper"] br {
float: left;
margin: 20px 20px 0px 0px;
}
#profile-edit-links ul {
margin: 20px 0;
padding: 0;
list-style: none;
}
#register-sitename {
display: inline;
font-weight: bold;
}
#advanced-expire-popup {
/* background: #2e2f2e;
color: #eec;*/
}
/**
* contacts selector
@ -1945,7 +1943,12 @@ div[id$="wrapper"] br {
*/
.directory-item {
float: left;
margin: 50px 50px 0px 0px;
/*margin: 50px 50px 0px 0px;*/
margin: 0 5px 4px 0;
padding: 3px;
width: 180px;
height: 250px;
position: relative;
}
@ -1957,6 +1960,7 @@ div[id$="wrapper"] br {
}
.group-selected, .nets-selected {
padding: 3px;
color: #111;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
@ -2132,6 +2136,7 @@ div[id$="wrapper"] br {
padding: 5px;
background: #eee;
vertical-align: middle;
color: #111;
}
.field input, input[type="text"] {
width: 250px;
@ -2172,7 +2177,7 @@ div[id$="wrapper"] br {
display:none !important;
}
.field.radio .field_help {
margin-left: 0;
margin-left: 297px;
}
@ -2182,8 +2187,8 @@ div[id$="wrapper"] br {
.popup {
width: 100%;
height: 100%;
top:0px;
left:0px;
top: 0px;
left: 0px;
position: absolute;
display: none;
}
@ -2298,12 +2303,6 @@ div[id$="wrapper"] br {
.icon.drophide, .icon.delete {
float: left;
}
/*.icon.s22 {
display: block;
background: url(icons.png) no-repeat;
width: 22px;
height: 22px;
}*/
.icon.s22.delete {
display: block;
background-position: -110px 0;
@ -2594,7 +2593,8 @@ footer {
/* autocomplete popup */
.acpopup {
max-height: 150px;
max-height: 175px;
max-width: 42%;
background-color: #555753;
color: #fff;
overflow: auto;
@ -2649,4 +2649,3 @@ footer {
font-size: 15pt;
}
}

View file

@ -1,5 +1,17 @@
<?php
$a->theme_info = array();
/*
* Name: Dispy
* Description: Dispy, Friendica theme
* Version: 0.9
* Author: unknown
* Maintainer: Simon <http://simon.kisikew.org/>
*/
$a->theme_info = array(
'extends' => 'dispy'
);
$a->page['htmlhead'] .= <<< EOT
<script>
@ -52,6 +64,26 @@ $(document).ready(function() {
$('#drop-' + id).addClass('iconspacer'); }
);
// notifications
$('html').click(function() {
$('#nav-notifications-linkmenu').removeClass('selected');
document.getElementById("nav-notifications-menu").style.display = "none";
});
$('#nav-notifications-linkmenu').click(function(event) {
event.stopPropagation();
});
// usermenu
$('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() {
if ( $('#nav-floater').is(':visible') ) {
$('#nav-floater').slideUp('fast');
@ -71,4 +103,11 @@ $(document).ready(function() {
});
});
</script>
<script>
$(document).ready(function() {
$('#profile-jot-text').focusin(function() {
$(this).css('color: #eec;');
});
});
</script>
EOT;

Binary file not shown.

After

Width:  |  Height:  |  Size: 615 B

View file

@ -309,7 +309,7 @@ div.wall-item-content-wrapper.shiny {
margin-bottom: 10px;
}
.group-selected, .nets-selected {
.group-selected, .nets-selected, .fileas-selected {
padding: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@ -1024,6 +1024,10 @@ input#dfrn-url {
float: left;
}
.filer-item {
margin-left: 10px;
float: left;
}
.wall-item-links-wrapper {
float: left;
@ -1864,11 +1868,11 @@ a.mail-list-link {
margin-top: 10px;
}
.nets-ul {
.nets-ul, .fileas-ul {
list-style-type: none;
}
.nets-ul li {
.nets-ul li, .fileas-ul li {
margin-top: 10px;
}
@ -1879,6 +1883,14 @@ a.mail-list-link {
margin-left: 42px;
}
.fileas-link {
margin-left: 24px;
}
.fileas-all {
margin-left: 0px;
}
#search-save {
margin-left: 5px;
}
@ -2902,6 +2914,11 @@ aside input[type='text'] {
.tagged { background-position: -48px -48px; }
.filer-icon {
display: block; width: 16px; height: 16px;
background-image: url('file.gif');
}
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
.attachtype {

View file

@ -5,6 +5,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

View file

@ -56,6 +56,7 @@
{{ if $item.star }}
<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="filer-$item.id" onclick="itemFiler($item.id); return false;" class="filer-item filer-icon" title="$item.star.filer"></a>
{{ endif }}
<div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$item.id" >

Binary file not shown.

After

Width:  |  Height:  |  Size: 614 B

View file

@ -7,6 +7,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

View file

@ -7,6 +7,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

51
view/theme/slack-NS/style.css Executable file
View file

@ -0,0 +1,51 @@
@import url('../duepuntozero/style.css');
.wall-item-content-wrapper {
border: none;
}
.wall-item-content-wrapper.comment {
background: #ffffff !important;
border-left: 1px solid #EEE;
}
.wall-item-tools {
background: none;
}
.wall-item-content {
max-height: 20000px;
overflow: none;
}
.comment-edit-text-empty, .comment-edit-text-full {
border: none;
border-left: 1px solid #EEE;
background: #EEEEEE;
}
.comment-edit-wrapper, .comment-wwedit-wrapper {
background: #ffffff !important;
}
section {
margin: 0px 32px;
}
aside {
margin-left: 32px;
}
nav {
margin-left: 32px;
margin-right: 32px;
}
nav #site-location {
top: 80px;
right: 36px;
}
.wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
border-radius: 3px;
-moz-border-radius: 3px;
}

51
view/theme/slack-NS/theme.php Executable file
View file

@ -0,0 +1,51 @@
<?php
$a->theme_info = array(
'extends' => 'duepuntozero',
);
$a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},
function() {
$(this).removeClass('icon'); $(this).addClass('iconspacer');}
);
$('.sidebar-group-element').hover(
function() {
id = $(this).attr('id');
$('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');},
function() {
id = $(this).attr('id');
$('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');}
);
$('.savedsearchdrop').hover(
function() {
$(this).addClass('drop'); $(this).addClass('icon'); $(this).removeClass('iconspacer');},
function() {
$(this).removeClass('drop'); $(this).removeClass('icon'); $(this).addClass('iconspacer');}
);
$('.savedsearchterm').hover(
function() {
id = $(this).attr('id');
$('#drop-' + id).addClass('icon'); $('#drop-' + id).addClass('drophide'); $('#drop-' + id).removeClass('iconspacer');},
function() {
id = $(this).attr('id');
$('#drop-' + id).removeClass('icon');$('#drop-' + id).removeClass('drophide'); $('#drop-' + id).addClass('iconspacer');}
);
});
</script>
EOT;

View file

@ -7,6 +7,8 @@ $a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},

View file

@ -7,3 +7,12 @@
* Author: Devlon Duthied
* Maintainer: Mike Macgirvin <mike@macgirvin.com>
*/
$a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('html').click(function() { $("#nav-notifications-menu" ).hide(); });
});
</script>
EOT;