Merge remote-tracking branch 'friendica/master'

This commit is contained in:
Fabio Comuni 2012-04-13 11:59:25 +02:00
commit f6e1ddf7fb
72 changed files with 999 additions and 10983 deletions

View file

@ -9,7 +9,7 @@ require_once('include/nav.php');
require_once('include/cache.php');
define ( 'FRIENDICA_PLATFORM', 'Friendica');
define ( 'FRIENDICA_VERSION', '2.3.1309' );
define ( 'FRIENDICA_VERSION', '2.3.1310' );
define ( 'DFRN_PROTOCOL_VERSION', '2.23' );
define ( 'DB_UPDATE_VERSION', 1138 );
@ -206,6 +206,7 @@ define ( 'ACTIVITY_OBJ_P_PHOTO', NAMESPACE_ACTIVITY_SCHEMA . 'profile-photo' );
define ( 'ACTIVITY_OBJ_ALBUM', NAMESPACE_ACTIVITY_SCHEMA . 'photo-album' );
define ( 'ACTIVITY_OBJ_EVENT', NAMESPACE_ACTIVITY_SCHEMA . 'event' );
define ( 'ACTIVITY_OBJ_TAGTERM', NAMESPACE_DFRN . '/tagterm' );
define ( 'ACTIVITY_OBJ_PROFILE', NAMESPACE_DFRN . '/profile' );
/**
* item weight for query ordering

View file

@ -173,4 +173,29 @@ function random_profile() {
if(count($r))
return dirname($r[0]['url']);
return '';
}
}
function contacts_not_grouped($uid,$start = 0,$count = 0) {
if(! $count) {
$r = q("select count(*) as total from contact where uid = %d and self = 0 and id not in (select distinct(`contact-id`) from group_member where uid = %d) ",
intval($uid),
intval($uid)
);
return $r;
}
$r = q("select * from contact where uid = %d and self = 0 and id not in (select distinct(`contact-id`) from group_member where uid = %d) and blocked = 0 and pending = 0 limit %d, %d",
intval($uid),
intval($uid),
intval($start),
intval($count)
);
return $r;
}

View file

@ -212,6 +212,7 @@ function group_side($every="contacts",$each="group",$edit = false, $group_id = 0
'$title' => t('Groups'),
'$edittext' => t('Edit group'),
'$createtext' => t('Create a new group'),
'$ungrouped' => (($every === 'contacts') ? t('Contacts not in any group') : ''),
'$groups' => $groups,
'$add' => t('add'),
));

65
mod/nogroup.php Normal file
View file

@ -0,0 +1,65 @@
<?php
require_once('include/Contact.php');
require_once('include/socgraph.php');
require_once('include/contact_selectors.php');
function nogroup_init(&$a) {
if(! local_user())
return;
require_once('include/group.php');
require_once('include/contact_widgets.php');
if(! x($a->page,'aside'))
$a->page['aside'] = '';
$a->page['aside'] .= group_side('contacts','group',false,0,$contact_id);
}
function nogroup_content(&$a) {
if(! local_user()) {
notice( t('Permission denied.') . EOL);
return '';
}
require_once('include/Contact.php');
$r = contacts_not_grouped(local_user());
if(count($r)) {
$a->set_pager_total($r[0]['total']);
}
$r = contacts_not_grouped(local_user(),$a->pager['start'],$a->pager['itemspage']);
if(count($r)) {
foreach($r as $rr) {
$contacts[] = array(
'img_hover' => sprintf( t('Visit %s\'s profile [%s]'),$rr['name'],$rr['url']),
'edit_hover' => t('Edit contact'),
'photo_menu' => contact_photo_menu($rr),
'id' => $rr['id'],
'alt_text' => $alt_text,
'dir_icon' => $dir_icon,
'thumb' => $rr['thumb'],
'name' => $rr['name'],
'username' => $rr['name'],
'sparkle' => $sparkle,
'itemurl' => $rr['url'],
'url' => $url,
'network' => network_to_name($rr['network']),
);
}
}
$tpl = get_markup_template("nogroup-template.tpl");
$o .= replace_macros($tpl,array(
'$header' => t('Contacts who are not members of a group'),
'$contacts' => $contacts,
'$paginate' => paginate($a),
));
return $o;
}

View file

@ -198,7 +198,7 @@ function notifications_content(&$a) {
'$photo' => ((x($rr,'photo')) ? $rr['photo'] : "images/person-175.jpg"),
'$fullname' => $rr['name'],
'$hidden' => array('hidden', t('Hide this contact from others'), ($rr['hidden'] == 1), ''),
'$activity' => array('activity', t('Post a new friend activity'), 1, t('if applicable')),
'$activity' => array('activity', t('Post a new friend activity'), get_config('system','post_newfriend'), t('if applicable')),
'$url' => zrl($rr['url']),
'$knowyou' => $knowyou,
'$approve' => t('Approve'),

View file

@ -51,6 +51,7 @@ function profiles_post(&$a) {
if($orig[0]['name'] != $name)
$namechanged = true;
$pdesc = notags(trim($_POST['pdesc']));
$gender = notags(trim($_POST['gender']));
$address = notags(trim($_POST['address']));
@ -61,15 +62,16 @@ function profiles_post(&$a) {
$pub_keywords = notags(trim($_POST['pub_keywords']));
$prv_keywords = notags(trim($_POST['prv_keywords']));
$marital = notags(trim($_POST['marital']));
if($marital != $orig[0]['marital'])
$maritalchanged = true;
$with = ((x($_POST,'with')) ? notags(trim($_POST['with'])) : '');
// linkify the relationship target if applicable
$withchanged = false;
if(strlen($with)) {
if($with != strip_tags($orig[0]['with'])) {
$withchanged = true;
$prf = '';
$lookup = $with;
if(strpos($lookup,'@') === 0)
@ -134,6 +136,27 @@ function profiles_post(&$a) {
$hide_friends = (($_POST['hide-friends'] == 1) ? 1: 0);
$changes = array();
if($is_default) {
if($marital != $orig[0]['marital']) $changes[] = '&hearts; ' . t('Marital Status');
if($withchanged) $changes[] = '&hearts; ' . t('Romantic Partner');
if($work != $orig[0]['work']) $changes[] = t('Work/Employment');
if($religion != $orig[0]['religion']) $changes[] = t('Religion');
if($politic != $orig[0]['politic']) $changes[] = t('Political Views');
if($gender != $orig[0]['gender']) $changes[] = t('Gender');
if($sexual != $orig[0]['sexual']) $changes[] = t('Sexual Preference');
if($homepage != $orig[0]['homepage']) $changes[] = t('Homepage');
if($interest != $orig[0]['interest']) $changes[] = t('Interests');
if($address != $orig[0]['address'] || $locality != $orig[0]['locality'] || $region != $orig[0]['region']
|| $country_name != $orig[0]['country_name'])
$changes[] = t('Location');
profile_activity($changes);
}
$r = q("UPDATE `profile`
SET `profile-name` = '%s',
`name` = '%s',
@ -195,7 +218,7 @@ function profiles_post(&$a) {
dbesc($education),
intval($hide_friends),
intval($a->argv[1]),
intval($_SESSION['uid'])
intval(local_user())
);
if($r)
@ -222,6 +245,79 @@ function profiles_post(&$a) {
}
function profile_activity($changed) {
$a = get_app();
if(! local_user() || ! is_array($changed) || ! count($changed))
return;
if($a->user['hidewall'] || get_config('system','block_public'))
return;
if(! get_pconfig(local_user(),'system','post_profilechange'))
return;
require_once('include/items.php');
$self = q("SELECT * FROM `contact` WHERE `self` = 1 AND `uid` = %d LIMIT 1",
intval(local_user())
);
if(! count($self))
return;
$arr = array();
$arr['uri'] = $arr['parent-uri'] = item_new_uri($a->get_hostname(), local_user());
$arr['uid'] = local_user();
$arr['contact-id'] = $self[0]['id'];
$arr['wall'] = 1;
$arr['type'] = 'wall';
$arr['gravity'] = 0;
$arr['origin'] = 1;
$arr['author-name'] = $arr['owner-name'] = $self[0]['name'];
$arr['author-link'] = $arr['owner-link'] = $self[0]['url'];
$arr['author-avatar'] = $arr['owner-avatar'] = $self[0]['thumb'];
$arr['verb'] = ACTIVITY_UPDATE;
$arr['object-type'] = ACTIVITY_OBJ_PROFILE;
$A = '[url=' . $self[0]['url'] . ']' . $self[0]['name'] . '[/url]';
$changes = '';
$t = count($changed);
$z = 0;
foreach($changed as $ch) {
if(strlen($changes)) {
if ($z == ($t - 1))
$changes .= ' and ';
else
$changes .= ', ';
}
$z ++;
$changes .= $ch;
}
$prof = '[url=' . $self[0]['url'] . '?tab=profile' . ']' . t('public profile') . '[/url]';
$arr['body'] = sprintf( t('%1$s has an updated %2$s, changing %3$s.'), $A, $prof, $changes);
$arr['object'] = '<object><type>' . ACTIVITY_OBJ_PROFILE . '</type><title>' . $self[0]['name'] . '</title>'
. '<id>' . $self[0]['url'] . '/' . $self[0]['name'] . '</id>';
$arr['object'] .= '<link>' . xmlify('<link rel="alternate" type="text/html" href="' . $self[0]['url'] . '?tab=profile' . '" />' . "\n");
$arr['object'] .= xmlify('<link rel="photo" type="image/jpeg" href="' . $self[0]['thumb'] . '" />' . "\n");
$arr['object'] .= '</link></object>' . "\n";
$arr['last-child'] = 1;
$arr['allow_cid'] = $a->user['allow_cid'];
$arr['allow_gid'] = $a->user['allow_gid'];
$arr['deny_cid'] = $a->user['deny_cid'];
$arr['deny_gid'] = $a->user['deny_gid'];
$i = item_store($arr);
if($i)
proc_run('php',"include/notifier.php","activity","$i");
}
function profiles_content(&$a) {

View file

@ -346,6 +346,8 @@ function settings_post(&$a) {
$suggestme = ((x($_POST,'suggestme')) ? intval($_POST['suggestme']) : 0);
$hide_friends = (($_POST['hide-friends'] == 1) ? 1: 0);
$hidewall = (($_POST['hidewall'] == 1) ? 1: 0);
$post_newfriend = (($_POST['post_newfriend'] == 1) ? 1: 0);
$post_profilechange = (($_POST['post_profilechange'] == 1) ? 1: 0);
$notify = 0;
@ -428,6 +430,8 @@ function settings_post(&$a) {
set_pconfig(local_user(),'expire','photos', $expire_photos);
set_pconfig(local_user(),'system','suggestme', $suggestme);
set_pconfig(local_user(),'system','post_newfriend', $post_newfriend);
set_pconfig(local_user(),'system','post_profilechange', $post_profilechange);
$r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `openid` = '%s', `timezone` = '%s', `allow_cid` = '%s', `allow_gid` = '%s', `deny_cid` = '%s', `deny_gid` = '%s', `notify-flags` = %d, `page-flags` = %d, `default-location` = '%s', `allow_location` = %d, `maxreq` = %d, `expire` = %d, `openidserver` = '%s', `blockwall` = %d, `hidewall` = %d, `blocktags` = %d, `unkmail` = %d, `cntunkmail` = %d WHERE `uid` = %d LIMIT 1",
@ -790,6 +794,11 @@ function settings_content(&$a) {
$suggestme = get_pconfig(local_user(), 'system','suggestme');
$suggestme = (($suggestme===false)? '0': $suggestme); // default if not set: 0
$post_newfriend = get_pconfig(local_user(), 'system','post_newfriend');
$post_newfriend = (($post_newfriend===false)? '0': $post_newfriend); // default if not set: 0
$post_profilechange = get_pconfig(local_user(), 'system','post_profilechange');
$post_profilechange = (($post_profilechange===false)? '0': $post_profilechange); // default if not set: 0
if(! strlen($a->user['timezone']))
@ -878,6 +887,8 @@ function settings_content(&$a) {
));
$invisible = (((! $profile['publish']) && (! $profile['net-publish']))
? true : false);
@ -958,6 +969,9 @@ function settings_content(&$a) {
'$h_not' => t('Notification Settings'),
'$activity_options' => t('By default post a status message when:'),
'$post_newfriend' => array('post_newfriend', t('accepting a friend request'), $post_newfriend, ''),
'$post_profilechange' => array('post_profilechange', t('making an <em>interesting</em> profile change'), $post_profilechange, ''),
'$lbl_not' => t('Send a notification email when:'),
'$notify1' => array('notify1', t('You receive an introduction'), ($notify & NOTIFY_INTRO), NOTIFY_INTRO, ''),
'$notify2' => array('notify2', t('Your introductions are confirmed'), ($notify & NOTIFY_CONFIRM), NOTIFY_CONFIRM, ''),

View file

@ -6,9 +6,9 @@
#, fuzzy
msgid ""
msgstr ""
"Project-Id-Version: 2.3.1309\n"
"Project-Id-Version: 2.3.1310\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2012-04-11 10:00-0700\n"
"POT-Creation-Date: 2012-04-12 10:00-0700\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -39,8 +39,8 @@ msgstr ""
#: ../../mod/api.php:31 ../../mod/photos.php:130 ../../mod/photos.php:866
#: ../../mod/editpost.php:10 ../../mod/install.php:171
#: ../../mod/notifications.php:66 ../../mod/contacts.php:125
#: ../../mod/settings.php:62 ../../mod/settings.php:473
#: ../../mod/settings.php:478 ../../mod/manage.php:86 ../../mod/network.php:6
#: ../../mod/settings.php:99 ../../mod/settings.php:510
#: ../../mod/settings.php:515 ../../mod/manage.php:86 ../../mod/network.php:6
#: ../../mod/notes.php:20 ../../mod/wallmessage.php:9
#: ../../mod/wallmessage.php:33 ../../mod/wallmessage.php:79
#: ../../mod/wallmessage.php:103 ../../mod/attach.php:33
@ -55,7 +55,7 @@ msgstr ""
#: ../../mod/profiles.php:233 ../../mod/delegate.php:6
#: ../../mod/suggest.php:28 ../../mod/invite.php:13 ../../mod/invite.php:81
#: ../../mod/dfrn_confirm.php:53 ../../addon/facebook/facebook.php:461
#: ../../include/items.php:3121 ../../index.php:305
#: ../../include/items.php:3132 ../../index.php:305
msgid "Permission denied."
msgstr ""
@ -84,8 +84,8 @@ msgstr ""
msgid "Return to contact editor"
msgstr ""
#: ../../mod/crepair.php:148 ../../mod/settings.php:531
#: ../../mod/settings.php:558 ../../mod/admin.php:524 ../../mod/admin.php:533
#: ../../mod/crepair.php:148 ../../mod/settings.php:530
#: ../../mod/settings.php:556 ../../mod/admin.php:524 ../../mod/admin.php:533
msgid "Name"
msgstr ""
@ -127,8 +127,8 @@ msgstr ""
#: ../../mod/photos.php:1274 ../../mod/photos.php:1305
#: ../../mod/install.php:251 ../../mod/install.php:289
#: ../../mod/localtime.php:45 ../../mod/contacts.php:325
#: ../../mod/settings.php:529 ../../mod/settings.php:679
#: ../../mod/settings.php:741 ../../mod/settings.php:926
#: ../../mod/settings.php:528 ../../mod/settings.php:674
#: ../../mod/settings.php:735 ../../mod/settings.php:919
#: ../../mod/manage.php:109 ../../mod/group.php:85 ../../mod/admin.php:354
#: ../../mod/admin.php:521 ../../mod/admin.php:650 ../../mod/admin.php:822
#: ../../mod/admin.php:902 ../../mod/profiles.php:402 ../../mod/invite.php:119
@ -276,8 +276,8 @@ msgid "Share this event"
msgstr ""
#: ../../mod/tagrm.php:11 ../../mod/tagrm.php:94
#: ../../mod/dfrn_request.php:752 ../../mod/settings.php:530
#: ../../mod/settings.php:557 ../../addon/js_upload/js_upload.php:45
#: ../../mod/dfrn_request.php:752 ../../mod/settings.php:529
#: ../../mod/settings.php:555 ../../addon/js_upload/js_upload.php:45
msgid "Cancel"
msgstr ""
@ -321,23 +321,23 @@ msgid ""
msgstr ""
#: ../../mod/api.php:105 ../../mod/dfrn_request.php:740
#: ../../mod/settings.php:841 ../../mod/settings.php:847
#: ../../mod/settings.php:855 ../../mod/settings.php:859
#: ../../mod/settings.php:864 ../../mod/settings.php:870
#: ../../mod/settings.php:876 ../../mod/settings.php:882
#: ../../mod/settings.php:916 ../../mod/settings.php:917
#: ../../mod/settings.php:918 ../../mod/settings.php:919
#: ../../mod/settings.php:835 ../../mod/settings.php:841
#: ../../mod/settings.php:849 ../../mod/settings.php:853
#: ../../mod/settings.php:858 ../../mod/settings.php:864
#: ../../mod/settings.php:870 ../../mod/settings.php:876
#: ../../mod/settings.php:910 ../../mod/settings.php:911
#: ../../mod/settings.php:912 ../../mod/settings.php:913
#: ../../mod/register.php:532 ../../mod/profiles.php:379
msgid "Yes"
msgstr ""
#: ../../mod/api.php:106 ../../mod/dfrn_request.php:741
#: ../../mod/settings.php:841 ../../mod/settings.php:847
#: ../../mod/settings.php:855 ../../mod/settings.php:859
#: ../../mod/settings.php:864 ../../mod/settings.php:870
#: ../../mod/settings.php:876 ../../mod/settings.php:882
#: ../../mod/settings.php:916 ../../mod/settings.php:917
#: ../../mod/settings.php:918 ../../mod/settings.php:919
#: ../../mod/settings.php:835 ../../mod/settings.php:841
#: ../../mod/settings.php:849 ../../mod/settings.php:853
#: ../../mod/settings.php:858 ../../mod/settings.php:864
#: ../../mod/settings.php:870 ../../mod/settings.php:876
#: ../../mod/settings.php:910 ../../mod/settings.php:911
#: ../../mod/settings.php:912 ../../mod/settings.php:913
#: ../../mod/register.php:533 ../../mod/profiles.php:380
msgid "No"
msgstr ""
@ -360,7 +360,7 @@ msgstr ""
msgid "Upload New Photos"
msgstr ""
#: ../../mod/photos.php:69 ../../mod/settings.php:24
#: ../../mod/photos.php:69 ../../mod/settings.php:20
msgid "everybody"
msgstr ""
@ -560,8 +560,8 @@ msgstr ""
msgid "Preview"
msgstr ""
#: ../../mod/photos.php:1332 ../../mod/settings.php:593
#: ../../mod/settings.php:677 ../../mod/group.php:168 ../../mod/admin.php:528
#: ../../mod/photos.php:1332 ../../mod/settings.php:591
#: ../../mod/settings.php:672 ../../mod/group.php:168 ../../mod/admin.php:528
#: ../../include/conversation.php:318 ../../include/conversation.php:576
msgid "Delete"
msgstr ""
@ -633,7 +633,7 @@ msgstr ""
msgid "Post to Email"
msgstr ""
#: ../../mod/editpost.php:95 ../../mod/settings.php:592
#: ../../mod/editpost.php:95 ../../mod/settings.php:590
#: ../../include/conversation.php:563
msgid "Edit"
msgstr ""
@ -863,7 +863,7 @@ msgstr ""
msgid "StatusNet/Federated Social Web"
msgstr ""
#: ../../mod/dfrn_request.php:746 ../../mod/settings.php:629
#: ../../mod/dfrn_request.php:746 ../../mod/settings.php:625
#: ../../include/contact_selectors.php:80
msgid "Diaspora"
msgstr ""
@ -1641,7 +1641,6 @@ msgstr ""
#: ../../addon/facebook/facebook.php:622
#: ../../addon/facebook/facebook.php:1076
#: ../../addon/testdrive/testdrive.php:58 ../../include/items.php:2661
#: ../../boot.php:679
msgid "Administrator"
msgstr ""
@ -1695,490 +1694,493 @@ msgstr ""
msgid "Reset"
msgstr ""
#: ../../mod/settings.php:89
msgid "Missing some important data!"
msgstr ""
#: ../../mod/settings.php:92 ../../mod/settings.php:556 ../../mod/admin.php:75
msgid "Update"
msgstr ""
#: ../../mod/settings.php:197
msgid "Failed to connect with email account using the settings provided."
msgstr ""
#: ../../mod/settings.php:202
msgid "Email settings updated."
msgstr ""
#: ../../mod/settings.php:261
msgid "Passwords do not match. Password unchanged."
msgstr ""
#: ../../mod/settings.php:266
msgid "Empty passwords are not allowed. Password unchanged."
msgstr ""
#: ../../mod/settings.php:277
msgid "Password changed."
msgstr ""
#: ../../mod/settings.php:279
msgid "Password update failed. Please try again."
msgstr ""
#: ../../mod/settings.php:340
msgid " Please use a shorter name."
msgstr ""
#: ../../mod/settings.php:342
msgid " Name too short."
msgstr ""
#: ../../mod/settings.php:348
msgid " Not valid email."
msgstr ""
#: ../../mod/settings.php:350
msgid " Cannot change to that email."
msgstr ""
#: ../../mod/settings.php:420 ../../addon/facebook/facebook.php:450
#: ../../addon/impressum/impressum.php:75
#: ../../addon/openstreetmap/openstreetmap.php:80
#: ../../addon/piwik/piwik.php:105 ../../addon/twitter/twitter.php:370
msgid "Settings updated."
msgstr ""
#: ../../mod/settings.php:484 ../../view/theme/diabook-red/theme.php:288
#: ../../mod/settings.php:49 ../../view/theme/diabook-red/theme.php:288
#: ../../view/theme/diabook-blue/theme.php:287
#: ../../view/theme/diabook/theme.php:298
#: ../../view/theme/diabook-aerith/theme.php:288 ../../include/nav.php:137
msgid "Account settings"
msgstr ""
#: ../../mod/settings.php:489 ../../view/theme/diabook-red/theme.php:293
#: ../../mod/settings.php:54 ../../view/theme/diabook-red/theme.php:293
#: ../../view/theme/diabook-blue/theme.php:292
#: ../../view/theme/diabook/theme.php:303
#: ../../view/theme/diabook-aerith/theme.php:293
msgid "Display settings"
msgstr ""
#: ../../mod/settings.php:495 ../../view/theme/diabook-red/theme.php:302
#: ../../mod/settings.php:60 ../../view/theme/diabook-red/theme.php:302
#: ../../view/theme/diabook-blue/theme.php:301
#: ../../view/theme/diabook/theme.php:312
#: ../../view/theme/diabook-aerith/theme.php:302
msgid "Connector settings"
msgstr ""
#: ../../mod/settings.php:500 ../../view/theme/diabook-red/theme.php:307
#: ../../mod/settings.php:65 ../../view/theme/diabook-red/theme.php:307
#: ../../view/theme/diabook-blue/theme.php:306
#: ../../view/theme/diabook/theme.php:317
#: ../../view/theme/diabook-aerith/theme.php:307
msgid "Plugin settings"
msgstr ""
#: ../../mod/settings.php:505 ../../view/theme/diabook-red/theme.php:312
#: ../../view/theme/diabook-blue/theme.php:311
#: ../../view/theme/diabook/theme.php:322
#: ../../view/theme/diabook-aerith/theme.php:312
msgid "Connections"
#: ../../mod/settings.php:70
msgid "Connected apps"
msgstr ""
#: ../../mod/settings.php:510 ../../view/theme/diabook-red/theme.php:317
#: ../../mod/settings.php:75 ../../view/theme/diabook-red/theme.php:317
#: ../../view/theme/diabook-blue/theme.php:316
#: ../../view/theme/diabook/theme.php:327
#: ../../view/theme/diabook-aerith/theme.php:317
msgid "Export personal data"
msgstr ""
#: ../../mod/settings.php:528 ../../mod/settings.php:555
#: ../../mod/settings.php:591
#: ../../mod/settings.php:83 ../../mod/admin.php:611 ../../mod/admin.php:789
#: ../../include/nav.php:137
msgid "Settings"
msgstr ""
#: ../../mod/settings.php:126
msgid "Missing some important data!"
msgstr ""
#: ../../mod/settings.php:129 ../../mod/settings.php:554
#: ../../mod/admin.php:75
msgid "Update"
msgstr ""
#: ../../mod/settings.php:234
msgid "Failed to connect with email account using the settings provided."
msgstr ""
#: ../../mod/settings.php:239
msgid "Email settings updated."
msgstr ""
#: ../../mod/settings.php:298
msgid "Passwords do not match. Password unchanged."
msgstr ""
#: ../../mod/settings.php:303
msgid "Empty passwords are not allowed. Password unchanged."
msgstr ""
#: ../../mod/settings.php:314
msgid "Password changed."
msgstr ""
#: ../../mod/settings.php:316
msgid "Password update failed. Please try again."
msgstr ""
#: ../../mod/settings.php:377
msgid " Please use a shorter name."
msgstr ""
#: ../../mod/settings.php:379
msgid " Name too short."
msgstr ""
#: ../../mod/settings.php:385
msgid " Not valid email."
msgstr ""
#: ../../mod/settings.php:387
msgid " Cannot change to that email."
msgstr ""
#: ../../mod/settings.php:457 ../../addon/facebook/facebook.php:450
#: ../../addon/impressum/impressum.php:75
#: ../../addon/openstreetmap/openstreetmap.php:80
#: ../../addon/piwik/piwik.php:105 ../../addon/twitter/twitter.php:370
msgid "Settings updated."
msgstr ""
#: ../../mod/settings.php:527 ../../mod/settings.php:553
#: ../../mod/settings.php:589
msgid "Add application"
msgstr ""
#: ../../mod/settings.php:532 ../../mod/settings.php:559
#: ../../mod/settings.php:531 ../../mod/settings.php:557
#: ../../addon/statusnet/statusnet.php:547
msgid "Consumer Key"
msgstr ""
#: ../../mod/settings.php:533 ../../mod/settings.php:560
#: ../../mod/settings.php:532 ../../mod/settings.php:558
#: ../../addon/statusnet/statusnet.php:546
msgid "Consumer Secret"
msgstr ""
#: ../../mod/settings.php:534 ../../mod/settings.php:561
#: ../../mod/settings.php:533 ../../mod/settings.php:559
msgid "Redirect"
msgstr ""
#: ../../mod/settings.php:535 ../../mod/settings.php:562
#: ../../mod/settings.php:534 ../../mod/settings.php:560
msgid "Icon url"
msgstr ""
#: ../../mod/settings.php:546
#: ../../mod/settings.php:545
msgid "You can't edit this application."
msgstr ""
#: ../../mod/settings.php:590
#: ../../mod/settings.php:588
msgid "Connected Apps"
msgstr ""
#: ../../mod/settings.php:594
#: ../../mod/settings.php:592
msgid "Client key starts with"
msgstr ""
#: ../../mod/settings.php:595
#: ../../mod/settings.php:593
msgid "No name"
msgstr ""
#: ../../mod/settings.php:596
#: ../../mod/settings.php:594
msgid "Remove authorization"
msgstr ""
#: ../../mod/settings.php:608
#: ../../mod/settings.php:605
msgid "No Plugin settings configured"
msgstr ""
#: ../../mod/settings.php:616 ../../addon/widgets/widgets.php:123
#: ../../mod/settings.php:613 ../../addon/widgets/widgets.php:123
msgid "Plugin Settings"
msgstr ""
#: ../../mod/settings.php:629 ../../mod/settings.php:630
#: ../../mod/settings.php:625 ../../mod/settings.php:626
#, php-format
msgid "Built-in support for %s connectivity is %s"
msgstr ""
#: ../../mod/settings.php:629 ../../mod/settings.php:630
#: ../../mod/settings.php:625 ../../mod/settings.php:626
msgid "enabled"
msgstr ""
#: ../../mod/settings.php:629 ../../mod/settings.php:630
#: ../../mod/settings.php:625 ../../mod/settings.php:626
msgid "disabled"
msgstr ""
#: ../../mod/settings.php:630
#: ../../mod/settings.php:626
msgid "StatusNet"
msgstr ""
#: ../../mod/settings.php:660
#: ../../mod/settings.php:656
msgid "Connector Settings"
msgstr ""
#: ../../mod/settings.php:666
#: ../../mod/settings.php:661
msgid "Email/Mailbox Setup"
msgstr ""
#: ../../mod/settings.php:667
#: ../../mod/settings.php:662
msgid ""
"If you wish to communicate with email contacts using this service "
"(optional), please specify how to connect to your mailbox."
msgstr ""
#: ../../mod/settings.php:668
#: ../../mod/settings.php:663
msgid "Last successful email check:"
msgstr ""
#: ../../mod/settings.php:669
#: ../../mod/settings.php:664
msgid "Email access is disabled on this site."
msgstr ""
#: ../../mod/settings.php:670
#: ../../mod/settings.php:665
msgid "IMAP server name:"
msgstr ""
#: ../../mod/settings.php:671
#: ../../mod/settings.php:666
msgid "IMAP port:"
msgstr ""
#: ../../mod/settings.php:672
#: ../../mod/settings.php:667
msgid "Security:"
msgstr ""
#: ../../mod/settings.php:672 ../../mod/settings.php:677
#: ../../mod/settings.php:667 ../../mod/settings.php:672
msgid "None"
msgstr ""
#: ../../mod/settings.php:673
#: ../../mod/settings.php:668
msgid "Email login name:"
msgstr ""
#: ../../mod/settings.php:674
#: ../../mod/settings.php:669
msgid "Email password:"
msgstr ""
#: ../../mod/settings.php:675
#: ../../mod/settings.php:670
msgid "Reply-to address:"
msgstr ""
#: ../../mod/settings.php:676
#: ../../mod/settings.php:671
msgid "Send public posts to all email contacts:"
msgstr ""
#: ../../mod/settings.php:677
#: ../../mod/settings.php:672
msgid "Action after import:"
msgstr ""
#: ../../mod/settings.php:677
#: ../../mod/settings.php:672
msgid "Mark as seen"
msgstr ""
#: ../../mod/settings.php:677
#: ../../mod/settings.php:672
msgid "Move to folder"
msgstr ""
#: ../../mod/settings.php:678
#: ../../mod/settings.php:673
msgid "Move to folder:"
msgstr ""
#: ../../mod/settings.php:739
#: ../../mod/settings.php:733
msgid "Display Settings"
msgstr ""
#: ../../mod/settings.php:745
#: ../../mod/settings.php:739
msgid "Display Theme:"
msgstr ""
#: ../../mod/settings.php:746
#: ../../mod/settings.php:740
msgid "Update browser every xx seconds"
msgstr ""
#: ../../mod/settings.php:746
#: ../../mod/settings.php:740
msgid "Minimum of 10 seconds, no maximum"
msgstr ""
#: ../../mod/settings.php:747
#: ../../mod/settings.php:741
msgid "Number of items to display on the network page:"
msgstr ""
#: ../../mod/settings.php:747
#: ../../mod/settings.php:741
msgid "Maximum of 100 items"
msgstr ""
#: ../../mod/settings.php:748
#: ../../mod/settings.php:742
msgid "Don't show emoticons"
msgstr ""
#: ../../mod/settings.php:808 ../../mod/admin.php:142 ../../mod/admin.php:502
#: ../../mod/settings.php:802 ../../mod/admin.php:142 ../../mod/admin.php:502
msgid "Normal Account"
msgstr ""
#: ../../mod/settings.php:809
#: ../../mod/settings.php:803
msgid "This account is a normal personal profile"
msgstr ""
#: ../../mod/settings.php:812 ../../mod/admin.php:143 ../../mod/admin.php:503
#: ../../mod/settings.php:806 ../../mod/admin.php:143 ../../mod/admin.php:503
msgid "Soapbox Account"
msgstr ""
#: ../../mod/settings.php:813
#: ../../mod/settings.php:807
msgid "Automatically approve all connection/friend requests as read-only fans"
msgstr ""
#: ../../mod/settings.php:816 ../../mod/admin.php:144 ../../mod/admin.php:504
#: ../../mod/settings.php:810 ../../mod/admin.php:144 ../../mod/admin.php:504
msgid "Community/Celebrity Account"
msgstr ""
#: ../../mod/settings.php:817
#: ../../mod/settings.php:811
msgid "Automatically approve all connection/friend requests as read-write fans"
msgstr ""
#: ../../mod/settings.php:820 ../../mod/admin.php:145 ../../mod/admin.php:505
#: ../../mod/settings.php:814 ../../mod/admin.php:145 ../../mod/admin.php:505
msgid "Automatic Friend Account"
msgstr ""
#: ../../mod/settings.php:821
#: ../../mod/settings.php:815
msgid "Automatically approve all connection/friend requests as friends"
msgstr ""
#: ../../mod/settings.php:831
#: ../../mod/settings.php:825
msgid "OpenID:"
msgstr ""
#: ../../mod/settings.php:831
#: ../../mod/settings.php:825
msgid "(Optional) Allow this OpenID to login to this account."
msgstr ""
#: ../../mod/settings.php:841
#: ../../mod/settings.php:835
msgid "Publish your default profile in your local site directory?"
msgstr ""
#: ../../mod/settings.php:847
#: ../../mod/settings.php:841
msgid "Publish your default profile in the global social directory?"
msgstr ""
#: ../../mod/settings.php:855
#: ../../mod/settings.php:849
msgid "Hide your contact/friend list from viewers of your default profile?"
msgstr ""
#: ../../mod/settings.php:859
#: ../../mod/settings.php:853
msgid "Hide your profile details from unknown viewers?"
msgstr ""
#: ../../mod/settings.php:864
#: ../../mod/settings.php:858
msgid "Allow friends to post to your profile page?"
msgstr ""
#: ../../mod/settings.php:870
#: ../../mod/settings.php:864
msgid "Allow friends to tag your posts?"
msgstr ""
#: ../../mod/settings.php:876
#: ../../mod/settings.php:870
msgid "Allow us to suggest you as a potential friend to new members?"
msgstr ""
#: ../../mod/settings.php:882
#: ../../mod/settings.php:876
msgid "Permit unknown people to send you private mail?"
msgstr ""
#: ../../mod/settings.php:891
#: ../../mod/settings.php:885
msgid "Profile is <strong>not published</strong>."
msgstr ""
#: ../../mod/settings.php:897 ../../mod/profile_photo.php:211
#: ../../mod/settings.php:891 ../../mod/profile_photo.php:211
msgid "or"
msgstr ""
#: ../../mod/settings.php:902
#: ../../mod/settings.php:896
msgid "Your Identity Address is"
msgstr ""
#: ../../mod/settings.php:913
#: ../../mod/settings.php:907
msgid "Automatically expire posts after this many days:"
msgstr ""
#: ../../mod/settings.php:913
#: ../../mod/settings.php:907
msgid "If empty, posts will not expire. Expired posts will be deleted"
msgstr ""
#: ../../mod/settings.php:914
#: ../../mod/settings.php:908
msgid "Advanced expiration settings"
msgstr ""
#: ../../mod/settings.php:915
#: ../../mod/settings.php:909
msgid "Advanced Expiration"
msgstr ""
#: ../../mod/settings.php:916
#: ../../mod/settings.php:910
msgid "Expire posts:"
msgstr ""
#: ../../mod/settings.php:917
#: ../../mod/settings.php:911
msgid "Expire personal notes:"
msgstr ""
#: ../../mod/settings.php:918
#: ../../mod/settings.php:912
msgid "Expire starred posts:"
msgstr ""
#: ../../mod/settings.php:919
#: ../../mod/settings.php:913
msgid "Expire photos:"
msgstr ""
#: ../../mod/settings.php:924
#: ../../mod/settings.php:917
msgid "Account Settings"
msgstr ""
#: ../../mod/settings.php:933
#: ../../mod/settings.php:926
msgid "Password Settings"
msgstr ""
#: ../../mod/settings.php:934
#: ../../mod/settings.php:927
msgid "New Password:"
msgstr ""
#: ../../mod/settings.php:935
#: ../../mod/settings.php:928
msgid "Confirm:"
msgstr ""
#: ../../mod/settings.php:935
#: ../../mod/settings.php:928
msgid "Leave password fields blank unless changing"
msgstr ""
#: ../../mod/settings.php:939
#: ../../mod/settings.php:932
msgid "Basic Settings"
msgstr ""
#: ../../mod/settings.php:940 ../../include/profile_advanced.php:15
#: ../../mod/settings.php:933 ../../include/profile_advanced.php:15
msgid "Full Name:"
msgstr ""
#: ../../mod/settings.php:941
#: ../../mod/settings.php:934
msgid "Email Address:"
msgstr ""
#: ../../mod/settings.php:942
#: ../../mod/settings.php:935
msgid "Your Timezone:"
msgstr ""
#: ../../mod/settings.php:943
#: ../../mod/settings.php:936
msgid "Default Post Location:"
msgstr ""
#: ../../mod/settings.php:944
#: ../../mod/settings.php:937
msgid "Use Browser Location:"
msgstr ""
#: ../../mod/settings.php:947
#: ../../mod/settings.php:940
msgid "Security and Privacy Settings"
msgstr ""
#: ../../mod/settings.php:949
#: ../../mod/settings.php:942
msgid "Maximum Friend Requests/Day:"
msgstr ""
#: ../../mod/settings.php:949 ../../mod/settings.php:964
#: ../../mod/settings.php:942 ../../mod/settings.php:957
msgid "(to prevent spam abuse)"
msgstr ""
#: ../../mod/settings.php:950
#: ../../mod/settings.php:943
msgid "Default Post Permissions"
msgstr ""
#: ../../mod/settings.php:951
#: ../../mod/settings.php:944
msgid "(click to open/close)"
msgstr ""
#: ../../mod/settings.php:964
#: ../../mod/settings.php:957
msgid "Maximum private messages per day from unknown people:"
msgstr ""
#: ../../mod/settings.php:967
#: ../../mod/settings.php:960
msgid "Notification Settings"
msgstr ""
#: ../../mod/settings.php:968
#: ../../mod/settings.php:961
msgid "Send a notification email when:"
msgstr ""
#: ../../mod/settings.php:969
#: ../../mod/settings.php:962
msgid "You receive an introduction"
msgstr ""
#: ../../mod/settings.php:970
#: ../../mod/settings.php:963
msgid "Your introductions are confirmed"
msgstr ""
#: ../../mod/settings.php:971
#: ../../mod/settings.php:964
msgid "Someone writes on your profile wall"
msgstr ""
#: ../../mod/settings.php:972
#: ../../mod/settings.php:965
msgid "Someone writes a followup comment"
msgstr ""
#: ../../mod/settings.php:973
#: ../../mod/settings.php:966
msgid "You receive a private message"
msgstr ""
#: ../../mod/settings.php:974
#: ../../mod/settings.php:967
msgid "You receive a friend suggestion"
msgstr ""
#: ../../mod/settings.php:975
#: ../../mod/settings.php:968
msgid "You are tagged in a post"
msgstr ""
#: ../../mod/settings.php:978
#: ../../mod/settings.php:971
msgid "Advanced Page Settings"
msgstr ""
@ -2735,7 +2737,7 @@ msgstr ""
#: ../../mod/notice.php:15 ../../mod/viewsrc.php:15 ../../mod/admin.php:127
#: ../../mod/admin.php:562 ../../mod/admin.php:741 ../../mod/display.php:37
#: ../../mod/display.php:142 ../../include/items.php:3033
#: ../../mod/display.php:142 ../../include/items.php:3044
msgid "Item not found."
msgstr ""
@ -3354,10 +3356,6 @@ msgstr ""
msgid "Toggle"
msgstr ""
#: ../../mod/admin.php:611 ../../mod/admin.php:789 ../../include/nav.php:137
msgid "Settings"
msgstr ""
#: ../../mod/admin.php:618 ../../mod/admin.php:798
msgid "Author: "
msgstr ""
@ -5407,6 +5405,13 @@ msgstr ""
msgid "Your personal photos"
msgstr ""
#: ../../view/theme/diabook-red/theme.php:312
#: ../../view/theme/diabook-blue/theme.php:311
#: ../../view/theme/diabook/theme.php:322
#: ../../view/theme/diabook-aerith/theme.php:312
msgid "Connections"
msgstr ""
#: ../../view/theme/quattro/config.php:23
msgid "Theme settings"
msgstr ""
@ -6283,26 +6288,10 @@ msgid "Image/photo"
msgstr ""
#: ../../include/dba.php:41
msgid "Server name of user name are missing. "
msgstr ""
#: ../../include/dba.php:50
#, php-format
msgid "Cannot locate DNS info for database server '%s'"
msgstr ""
#: ../../include/dba.php:84
msgid "There is no db connection. "
msgstr ""
#: ../../include/dba.php:107 ../../include/dba.php:109
msgid " results"
msgstr ""
#: ../../include/dba.php:113
msgid "SQL returned "
msgstr ""
#: ../../include/message.php:15 ../../include/message.php:171
msgid "[no subject]"
msgstr ""
@ -6542,28 +6531,28 @@ msgid ""
"form has been opened for too long (>3 hours) before subitting it."
msgstr ""
#: ../../include/Contact.php:137 ../../include/conversation.php:813
#: ../../include/Contact.php:145 ../../include/conversation.php:813
msgid "View Status"
msgstr ""
#: ../../include/Contact.php:138 ../../include/conversation.php:814
#: ../../include/Contact.php:146 ../../include/conversation.php:814
msgid "View Profile"
msgstr ""
#: ../../include/Contact.php:139 ../../include/conversation.php:815
#: ../../include/Contact.php:147 ../../include/conversation.php:815
msgid "View Photos"
msgstr ""
#: ../../include/Contact.php:140 ../../include/Contact.php:153
#: ../../include/Contact.php:148 ../../include/Contact.php:161
#: ../../include/conversation.php:816
msgid "Network Posts"
msgstr ""
#: ../../include/Contact.php:141 ../../include/conversation.php:817
#: ../../include/Contact.php:149 ../../include/conversation.php:817
msgid "Edit Contact"
msgstr ""
#: ../../include/Contact.php:142 ../../include/Contact.php:153
#: ../../include/Contact.php:150 ../../include/Contact.php:161
#: ../../include/conversation.php:818
msgid "Send PM"
msgstr ""
@ -6766,11 +6755,6 @@ msgstr ""
msgid "show fewer"
msgstr ""
#: ../../boot.php:676
#, php-format
msgid "Update Error at %s"
msgstr ""
#: ../../boot.php:773
msgid "Create a New Account"
msgstr ""

View file

@ -23,6 +23,11 @@
<div id="sidebar-new-group">
<a href="group/new">$createtext</a>
</div>
{{ if $ungrouped }}
<div id="sidebar-ungrouped">
<a href="nogroup">$ungrouped</a>
</div>
{{ endif }}
</div>

12
view/nogroup-template.tpl Normal file
View file

@ -0,0 +1,12 @@
<h1>$header</h1>
{{ for $contacts as $contact }}
{{ inc contact_template.tpl }}{{ endinc }}
{{ endfor }}
<div id="contact-edit-end"></div>
$paginate

View file

@ -99,7 +99,13 @@ $unkmail
<h3 class="settings-heading">$h_not</h3>
<div id="settings-notify-desc">$lbl_not </div>
<strong>$activity_options</strong>
{{inc field_checkbox.tpl with $field=$post_newfriend }}{{endinc}}
{{inc field_checkbox.tpl with $field=$post_profilechange }}{{endinc}}
<div id="settings-notify-desc"><strong>$lbl_not </strong></div>
<div class="group">
{{inc field_intcheckbox.tpl with $field=$notify1 }}{{endinc}}

View file

@ -0,0 +1,11 @@
<div id="widget_$title">
{{if $title}}<h3 style="border-bottom: 1px solid #D2D2D2;">$title</h3>{{endif}}
{{if $desc}}<div class="desc">$desc</div>{{endif}}
<ul class="rs_tabs">
{{ for $items as $item }}
<li><a href="$item.url" class="rs_tab button {{ if $item.selected }}selected{{ endif }}">$item.label</a></li>
{{ endfor }}
</ul>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 774 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 663 B

After

Width:  |  Height:  |  Size: 723 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 722 B

After

Width:  |  Height:  |  Size: 706 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 637 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 739 B

After

Width:  |  Height:  |  Size: 764 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 710 B

After

Width:  |  Height:  |  Size: 664 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 688 B

Before After
Before After

View file

@ -0,0 +1,11 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$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>
{{ endfor }}
</ul>
</div>

View file

@ -7,13 +7,13 @@
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list home"><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 photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1</a></li>
<li id="profile-side-events" class="menu-profile-list events"><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 notes"><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 foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1</a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1<span class="menu-profile-icon home"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1<span class="menu-profile-icon photos"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1<span class="menu-profile-icon pscontacts"></span></a></li>
<li id="profile-side-events" class="menu-profile-list events"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1<span class="menu-profile-icon events"></span></a></li>
<li id="profile-side-notes" class="menu-profile-list notes"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1<span class="menu-profile-icon notes"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1<span class="menu-profile-icon foren"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1<span class="menu-profile-icon com_side"></span></a></li>
</ul>
</div>

View file

@ -1,6 +0,0 @@
<h3 style="border-bottom: 1px solid #D2D2D2;">Settings Menu</h3>
<ul class="rs_tabs">
{{ for $tabs as $tab }}
<li><a href="$tab.url" class="rs_tab button $tab.sel">$tab.label</a></li>
{{ endfor }}
</ul>

View file

@ -482,8 +482,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover ,
#fileas-sidebar .tool:hover {
background: aliceBlue;
}
.tool .label {
float: left;
@ -940,44 +941,58 @@ ul.menu-popup .empty {
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: aliceBlue;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-aerith/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-aerith/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-aerith/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-aerith/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-aerith/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-aerith/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-aerith/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;

View file

@ -1,2615 +0,0 @@
/**
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
* Additional Changes: Michael Vogel <icarus@dabo.de>
**/
/* ========= */
/* = Admin = */
/* ========= */
#adminpage {
/* width: 80%;*/
}
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
.admin.linklist {
border: 0px; padding: 0px;
}
.admin.link {
list-style-position: inside;
font-size: 1em;
padding: 5px;
width: 100px;
margin: 5px;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #898989;
margin-bottom: 5px;
margin-top: 10px;
}
#adminpage .submit {
clear:left;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
/* border: 1px solid #888888; */
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.contacts {
background-image: url("../../../view/theme/diabook-aerith/icons/contacts.png");}
.icon.notifications {
background-image: url("../../../view/theme/diabook-aerith/icons/notifications.png");}
.icon.notify {
background-image: url("../../../view/theme/diabook-aerith/icons/notify.png");}
.icon.messages {
background-image: url("../../../view/theme/diabook-aerith/icons/messages.png");}
.icon.community {
background-image: url("../../../view/theme/diabook-aerith/icons/community.png");}
.icon.drop { background-image: url("../../../view/theme/diabook-aerith/icons/drop.png");}
.icon.drophide { background-image: url("../../../view/theme/diabook-aerith/icons/drop.png");}
.icon.dislike { background-image: url("../../../view/theme/diabook-aerith/icons/dislike.png");}
.icon.like { background-image: url("../../../view/theme/diabook-aerith/icons/like.png");}
.icon.pencil { background-image: url("../../../view/theme/diabook-aerith/icons/pencil.png");}
.icon.recycle { background-image: url("../../../view/theme/diabook-aerith/icons/recycle.png");}
.icon.remote-link { background-image: url("../../../view/theme/diabook-aerith/icons/remote.png");}
.icon.tagged { background-image: url("../../../view/theme/diabook-aerith/icons/tagged.png");}
.icon.file-as { background-image: url("../../../view/theme/diabook-aerith/icons/file_as.png");}
.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook-aerith/icons/unstarred.png");}
.star-item.icon.starred { background-image: url("../../../view/theme/diabook-aerith/icons/starred.png");}
.icon.link { background-image: url("../../../view/theme/diabook-aerith/icons/link.png");}
.icon.lock { background-image: url("../../../view/theme/diabook-aerith/icons/lock.png");}
.icon.unlock { background-image: url("../../../view/theme/diabook-aerith/icons/unlock.png");}
.icon.language { background-image: url("../../../view/theme/diabook-aerith/icons/language.png");}
.camera { background-image: url("../../../view/theme/diabook-aerith/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.attach { background-image: url("../../../view/theme/diabook-aerith/icons/attach.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video2 { background-image: url("../../../view/theme/diabook-aerith/icons/video.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video { background-image: url("../../../view/theme/diabook-aerith/icons/video.png");
display: block; width: 100%; height: 28px; background-repeat: no-repeat;
}
.audio2 { background-image: url("../../../view/theme/diabook-aerith/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.audio { background-image: url("../../../view/theme/diabook-aerith/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.weblink { background-image: url("../../../view/theme/diabook-aerith/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.globe { background-image: url("../../../view/theme/diabook-aerith/icons/globe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.unglobe { background-image: url("../../../view/theme/diabook-aerith/icons/unglobe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.edit {background-image: url("../../../view/theme/diabook-aerith/icons/pencil2.png");
display: block; width: 28px; height: 28px; 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;}*/
/*.camera { background-position: -170px 0px;}*/
/*.dislike { background-position: -190px 0px;}*/
/*.like { background-position: -210px 0px;}*/
/*.link { background-position: -230px 0px;}*/
/*.globe { background-position: -50px -20px;}*/
/*.noglobe { background-position: -70px -20px;}*/
.no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;}
/*.pencil { background-position: -150px -20px;}*/
.small-pencil { background-position: -170px -20px;}
/*.recycle { background-position: -190px -20px;}*/
/*.remote-link { background-position: -210px -20px;}*/
.share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
/*.lock { background-position: -70px -40px;}*/
/*.video { background-position: -110px -40px;}*/
.youtube { background-position: -130px -40px;}
/*.attach { background-position: -190px -40px;}*/
/*.language { background-position: -210px -40px;}*/
.icon.on { background-image: url("../../../view/theme/diabook-aerith/icons/toogle_on.png"); background-repeat: no-repeat;}
.icon.off { background-image: url("../../../view/theme/diabook-aerith/icons/toogle_off.png"); background-repeat: no-repeat;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
/*.tagged { background-position: -130px -60px;}*/
.attachtype {
display: block; width: 20px; height: 23px;
background-image: url('../../../images/content-types.png');
}
.type-video { background-position: 0px 0px; }
.type-image { background-position: -20px 0px; }
.type-audio { background-position: -40px 0px; }
.type-text { background-position: -60px 0px; }
.type-unkn { background-position: -80px 0px; }
.icon.drop, .icon.drophide {
float: left;
}
.icon {
display: block;
width: 20px;
height: 20px;
/*background-image: url('icons.png');*/
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
/* background-position: left center; */
display: block;
overflow: hidden;
text-indent: -9999px;
padding: 1px;
}
.icon.border.camera{
background-image: url("../../../view/theme/diabook-aerith/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.icon.border.link{
background-image: url("../../../view/theme/diabook-aerith/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
margin-left: 10px;
}
.icon.text {
text-indent: 0px;
}
.icon.s10 {
min-width: 10px;
height: 10px;
}
.icon.s10.notify {
background-image: url("../../../images/icons/10/notify_off.png");
}
.icon.s10.gear {
background-image: url("../../../images/icons/10/gear.png");
}
.icon.s10.add {
background-image: url("../../../images/icons/10/add.png");
}
.icon.s10.delete {
background-image: url("../../../images/icons/10/delete.png");
}
.icon.s10.edit {
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
}
.icon.s10.link {
background-image: url("../../../images/icons/10/link.png");
}
.icon.s10.lock {
background-image: url("../../../images/icons/10/lock.png");
}
.icon.s10.unlock {
background-image: url("../../../images/icons/10/unlock.png");
}
.icon.s10.text {
padding: 2px 0px 0px 15px;
font-size: 10px;
}
.icon.s16 {
min-width: 16px;
height: 16px;
}
.icon.s16.notify {
background-image: url("../../../images/icons/16/notify_off.png");
}
.icon.s16.gear {
background-image: url("../../../images/icons/16/gear.png");
}
.icon.s16.add {
background-image: url("../../../images/icons/16/add.png");
}
.icon.s16.delete {
background-image: url("../../../images/icons/16/delete.png");
}
/*.icon.s16.edit {
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
}
/*.icon.s16.link {
background-image: url("../../../images/icons/16/link.png");
}*/
.icon.s16.lock {
background-image: url("../../../images/icons/16/lock.png");
}
.icon.s16.unlock {
background-image: url("../../../images/icons/16/unlock.png");
}
.icon.s16.text {
padding: 4px 0px 0px 20px;
font-size: 10px;
}
.icon.s22 {
min-width: 22px;
height: 22px;
}
.icon.s22.notify {
background-image: url("../../../images/icons/22/notify_off.png");
}
.icon.s22.gear {
background-image: url("../../../images/icons/22/gear.png");
}
.icon.s22.add {
background-image: url("../../../images/icons/22/add.png");
}
.icon.s22.delete {
background-image: url("../../../images/icons/22/delete.png");
}
.icon.s22.edit {
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
}
.icon.s22.link {
background-image: url("../../../images/icons/22/link.png");
}
.icon.s22.lock {
background-image: url("../../../images/icons/22/lock.png");
}
.icon.s22.unlock {
background-image: url("../../../images/icons/22/unlock.png");
}
.icon.s22.text {
padding: 10px 0px 0px 25px;
width: 200px;
}
.icon.s48 {
width: 48px;
height: 48px;
}
.icon.s48.notify {
background-image: url("../../../images/icons/48/notify_off.png");
}
.icon.s48.gear {
background-image: url("../../../images/icons/48/gear.png");
}
.icon.s48.add {
background-image: url("../../../images/icons/48/add.png");
}
.icon.s48.delete {
background-image: url("../../../images/icons/48/delete.png");
}
.icon.s48.edit {
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
}
.icon.s48.link {
background-image: url("../../../images/icons/48/link.png");
}
.icon.s48.lock {
background-image: url("../../../images/icons/48/lock.png");
}
.icon.s48.unlock {
background-image: url("../../../images/icons/48/unlock.png");
}
#contact-edit-links ul {
list-style: none;
list-style-type: none;
}
.hide-comments-outer {
margin-left: 80px;
margin-bottom: 1px;
width: 484px;
border-bottom: 1px solid #BDCDD4;
background-color: #fff;
padding: 8px;
}
/* global */
body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12.5px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px auto auto;
display: table;
}
h4 {
font-size: 1.1em;
}
a {
color: #333333;
/* color: #3e3e8c; */
text-decoration: none;
}
a:hover {
/* color: blue; */
text-decoration: underline
}
.wall-item-name-link {
/* float: left;*/
}
.wall-item-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.fakelink {
color: #3465A4;
/* color: #3e3e8c; */
text-decoration: none;
cursor: pointer;
}
.fakelink:hover {
/* color: blue; */
/*color: #005c94; */
text-decoration: underline;
}
code {
font-family: Courier, monospace;
white-space: pre;
display: block;
overflow: auto;
border: 1px solid #444;
background: #EEE;
color: #444;
padding: 10px;
margin-top: 20px;
}
#panel {
position: absolute;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 1em;
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);
}
/* tool */
.tool {
height: auto;
overflow: auto;
padding: 3px;
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
}
.tool .label {
float: left;
}
.tool .action {
float: right;
}
.tool a {
color: #3465A4;
}
.tool a:hover {
text-decoration: none;
}
/* popup notifications */
div.jGrowl div.notice {
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
div.jGrowl div.info {
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
/* header */
header {
position: fixed;
left: 0%;
right: 80%;
top: 0px;
margin: 0px;
padding: 0px;
width: 22%;
height: 32px;
background: #ff500f;
background-color: #ff500f;
z-index: 100;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.26, rgb(215,227,241)),
color-stop(0.82, rgb(255,255,255))
);
}
header #site-location {
display: none;
}
header #banner {
overflow: hidden;
text-align: left;
width: 82%%;
margin-left: 25%;
}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
color: black;
text-decoration: none;
outline: none;
vertical-align: middle;
font-weight: bolder;
margin-left: 3px;
}
header #banner #logo-img {
height: 25px;
margin-top: 3px;
}
header #banner #logo-text {
font-size: 20px;
position: absolute;
top: 10%;
}
/* nav */
nav {
width: 80%;
height: 32px;
position: fixed;
left: 22%;
top: 0px;
padding: 0px;
background: #ff500f;
color: #000;
z-index: 99;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
background-image: linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -o-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -moz-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -ms-linear-gradient(bottom, rgb(215,227,241) 26%, rgb(255,255,255) 82%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.26, rgb(215,227,241)),
color-stop(0.82, rgb(255,255,255))
);
}
nav a,
nav a:active,
nav a:visited,
nav a:link,
nav a:hover {
/*color: #1f1f1f;*/
text-decoration: none;
outline: none;
}
nav #banner {
overflow: hidden;
/*text-align: center;*/
width: 100%;
}
nav #banner a,
nav #banner a:active,
nav #banner a:visited,
nav #banner a:link,
nav #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: bottom;
}
nav #banner #logo-img {
height: 22px;
margin-top: 5px;
}
nav #banner #logo-text {
font-size: 22px;
}
nav #navbar{
}
nav ul {
margin: 0px;
padding: 0px 20px;
}
nav ul li {
list-style: none;
margin: 0px;
/* padding: 1px 1px 3px 1px; */
float: left;
}
nav ul li .menu-popup {
left: 0px;
right: auto;
}
nav #logo-img {
height: 25px;
margin-top: 4px;
margin-left: 30px;
}
nav #logo-text {
font-size: 22px;
margin-top: 3px;
margin-right: 15px;
}
nav .nav-menu-search {
position: relative;
margin: 4px 17px;
margin-right: 0px;
height: 17px;
width: 180px;
}
nav #search-box #search-text {
background-image: url('icons/lupe.png');
background-repeat:no-repeat;
padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
nav .nav-menu-icon {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon:hover {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon.selected {
background-color: #fff;
}
nav .nav-menu-icon img {
width: 22px;
height: 22px;
}
nav .nav-menu-icon .nav-notify {
top: 3px;
}
nav .nav-menu {
position: relative;
height: 16px;
padding: 5px;
margin: 3px 15px 0px;
font-size: 13px;
/*border: 3px solid #364A84;*/
}
nav .nav-menu.selected {
/*border-bottom: 3px solid #9eabb0;*/
}
nav .nav-notify {
display: none;
position: absolute;
background-color: #fff;
/* background-color: #19aeff; */
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: 10px;
font-weight: 900;
padding: 1px 4px;
top: 0px;
right: -6px;
min-width: 10px;
text-align: center;
border: 1px solid black;
}
nav .nav-notify.show {
display: block;
}
nav #nav-help-link,
nav #nav-search-link,
nav #nav-directory-link,
nav #nav-apps-link,
nav #nav-site-linkmenu,
nav #nav-home-link,
nav #nav-user-linkmenu
{
float: right;
}
nav #nav-user-linkmenu{
margin-right: 0px;
}
nav #nav-home-link, #nav-directory-link, #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 5px;
font-size: 14px;
}
nav #nav-directory-link{
margin-right: 0px;
}
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
nav #nav-directory-link .menu-popup,
nav #nav-apps-link .menu-popup,
nav #nav-site-linkmenu .menu-popup {
right: 0px;
left: auto;
}
nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
background-image: url("../../../view/theme/diabook-aerith/icons/messages.png");
}
/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
background-image: url("../../../view/theme/diabook-aerith/icons/notify.png");
}
nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
background-image: url("../../../view/theme/diabook-aerith/icons/contacts.png");
}
nav #nav-apps-link.selected {
background-color: #fff;
moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#nav-notifications-mark-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
#nav-notifications-see-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
.notify-seen {
background: none repeat scroll 0 0 #DDDDDD;
}
ul.menu-popup {
position: absolute;
display: none;
width: 11em;
background: #fff;
color: #2d2d2d;
margin: 0px;
padding: 0px;
list-style: none;
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);
}
ul.menu-popup a {
display: block;
color: #2d2d2d;
padding: 5px 10px;
text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #3465A4; /*bdcdd4;*/
color: #fff;
}
ul.menu-popup .menu-sep {
border-top: 1px solid #9eabb0;
}
ul.menu-popup li {
float: none;
overflow: auto;
height: auto;
display: block;
}
ul.menu-popup li img {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
}
ul.menu-popup .empty {
padding: 5px;
text-align: center;
color: #9eabb0;
}
/* autocomplete popup */
.acpopup {
max-height: 150px;
background-color: #ffffff;
color: #2d2d2d;
border: 1px solid #MenuBorder;
overflow: auto;
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);
}
.acpopupitem {
color: #2d2d2d;
padding: 4px;
clear: left;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
.acpopupitem.selected {
background-color: #bdcdd4;
}
#nav-notifications-menu {
width: 400px;
max-height: 550px;
overflow: auto;
}
/* #nav-notifications-menu a {
display: inline;
padding: 5px 0px;
margin: 0px 0px 2px 0px;
}
#nav-notifications-menu li:hover {
background-color: #bdcdd4;
}*/
#nav-notifications-menu img {
float: left;
margin-right: 5px;
}
#nav-notifications-menu .contactname {
font-weight: bold;
}
#nav-notifications-menu .notif-when {
font-size: 10px;
color: #9eabb0;
display: block;
}
.notif-image {
width: 32px;
height: 32px;
padding: 7px 7px 0px 0px;
}
/*profile_side*/
#profile_side {
margin-bottom: 30px;
}
#profile_side a{
color: #333;
}
#ps-usericon{
height: 25px
}
#ps-username{
font-size: 1.17em;
font-weight: bold;
vertical-align: top;
position: absolute;
padding-top: 4px;
padding-left: 5px;
word-wrap: break-word;
width: 130px;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 0px;
min-height: 0px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item{
padding-left: 5px;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-aerith/icons/home.png") no-repeat;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-aerith/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-aerith/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-aerith/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-aerith/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-aerith/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
background: url("../../../view/theme/diabook-aerith/icons/pscontacts.png") no-repeat;
}
/* aside */
aside {
display: table-cell;
vertical-align: top;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid #D2D2D2;
float: left;
/* background: #F1F1F1; */
}
aside #page-sidebar{display: none;}
aside .vcard {display: none;}
aside .vcard .title {
margin-bottom: 5px;
}
aside .vcard dl {
height: auto;
overflow: auto;
}
aside .vcard dt {
float: left;
margin-left: 0px;
/*width: 35%;*/
text-align: right;
color: #999999;
}
aside .vcard dd {
float: left;
margin-left: 5px;
/*width: 60%;*/
}
aside #profile-extra-links ul {
padding: 0px;
margin: 0px;
}
aside #profile-extra-links li {
padding: 0px;
margin: 0px;
list-style: none;
}
aside #dfrn-request-link {
display: block;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
font-weight: bold;
text-transform: uppercase;
padding: 4px 2px 2px 35px;
}
aside #dfrn-request-link:hover {
text-decoration: none;
background-color: #36c;
/* background-color: #19aeff; */
}
aside #profiles-menu {
width: 20em;
}
aside #search-text {
width: 150px;
height: 17px;
padding-left: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
aside #side-follow-url {
width: 150px;
}
aside #side-peoplefind-url {
width: 150px;
}
#contact-block {display: none;}
#contact-block .contact-block-h4 {
float: left;
margin: 5px 0px;
}
#contact-block .allcontact-link {
float: right;
margin: 5px 0px;
}
#contact-block .contact-block-content {
clear: both;
overflow: auto;
height: auto;
}
#contact-block .contact-block-link {
float: left;
margin: 0px 2px 2px 0px;
}
#contact-block .contact-block-link img {
widht: 55px;
height: 55px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
}
.widget h3 {
padding: 0px;
margin: 2px;
}
.widget .action {
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget input.action {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget:hover .title .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action.ticked {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget ul {
padding: 0px;
}
.widget ul li {
padding-left: 16px;
min-height: 16px;
list-style: none;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#side-bar-photos-albums ul li a{
color: #3465A4;
}
.widget .tool.selected {
background: url("../../../view/theme/diabook-aerith/icons/selected.png") no-repeat left center;
}
/* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup {
width: 200px;
top: 18px;
}
/* section */
section {
display: table-cell;
vertical-align: top;
width: 650px;
padding: 0px 0px 0px 20px;
}
body .pageheader{
text-align: center;
font-size: 20px;
margin-bottom: 20px;
margin-top: 0px;
max-width: 575px;
}
#id_username {
width: 173px;
}
#id_password {
width: 173px;
}
#id_openid_url {
width: 173px;
}
#contact-edit-end {
}
.pager {
padding: 10px;
text-align: center;
font-size: 1.0em;
clear: both;
display: block;
}
.tabs {display: none;}
.tab.button{display: none;}
.rs_tabs {
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
margin-bottom: 10px;
}
#birthday-wrapper a {
color: #3465A4;
}
right_aside {
display: table-cell;
vertical-align: top;
width: 170px;
/*border-left: 1px solid #D2D2D2;*/
/* background: #F1F1F1; */
}
right_aside a{color: #3465A4;}
right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px;
margin-top:30px;}
right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; }
right_aside .directory-photo { margin: 0px; }
right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
#page-sidebar-right_aside .label {max-width: 128px;}
right_aside .icon {width: 10px; height: 10px;}
.close_box {
background-image: url("../../../view/theme/diabook-aerith/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 0.1;
}
.close_box:hover {
background-image: url("../../../view/theme/diabook-aerith/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* wall item */
.tread-wrapper {
border-bottom: 1px solid #D2D2D2;
position: relative;
padding: 5px;
margin-bottom: 0px;
width: 575px;
}
.tread-wrapper a{
color: #3465A4;
}
.wall-item-decor {
position: absolute;
left: 790px;
top: -10px;
width: 16px;
}
.wall-item-container {
display: table;
width: 580px;
}
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row;
}
.wall-item-bottom {
font-size: 13px;
}
.wall-item-container .wall-item-bottom {
/* opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container:hover .wall-item-bottom {
/* opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container .wall-item-info {
display: table-cell;
vertical-align: top;
text-align: left;
width: 80px;
}
.wall-item-container .wall-item-location {
padding-right: 40px;
display: table-cell;
}
.wall-item-container .wall-item-ago {
word-wrap: break-word;
width: 50px;
margin-left: 10px;
color: #999;
}
.wall-item-location {
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
.wall-item-container .wall-item-content {
font-size: 12.5px;
max-width: 420px;
word-wrap: break-word;
line-height: 1.2;
}
.wall-item-container .wall-item-content img {
max-width: 400px;
}
.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
display: table-cell;
vertical-align: middle;
}
.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-name {
font-weight: bold;
}
.wall-item-container .wall-item-actions-author {
width: 100%;
margin-bottom: 0.3em;
}
.wall-item-container .wall-item-actions-social {
float: left;
margin-bottom: 1px;
display: table-cell;
}
.wall-item-container .wall-item-actions-social a {
margin-right: 1em;
}
.wall-item-actions-social a {
float: left;
}
.wall-item-container .wall-item-actions-tools {
float: right;
width: 80px;
display: table-cell;
}
.wall-item-container .wall-item-actions-tools a {
float: right;
}
.wall-item-container .wall-item-actions-tools input {
float: right;
}
.wall-item-container.comment {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 80px;
width: 500px;
border-bottom: 1px solid hsl(198, 21%, 79%);
}
.wall-item-container.comment .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.wall-item-container.comment {
top: 15px !important;
left: 15px !important;
}
.wall-item-container.comment .wall-item-links {
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 0px 0px 80px;
background-color: #fff;
width: 500px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;
}
.wall-item-comment-wrapper textarea {
height: 2.0em;
width: 93%;
font-size: 10px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
font-size: 14px;
margin-left: 20px;
}
.wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px;
height: 4em;
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
.comment-edit-preview {
width: 710px;
border: 1px solid #2d2d2d;
margin-top: 10px;
}
.comment-edit-preview .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview {
top: 15px !important;
left: 15px !important;
}
.comment-edit-preview .wall-item-links {
padding-left: 12px;
}
.comment-edit-preview .wall-item-container {
width: 700px;
}
.comment-edit-preview .tread-wrapper {
width: 700px;
padding: 0;
margin: 10px 0;
}
.shiny {
/* border-right: 10px solid #fce94f; */
border-right: 1px solid #A7C7F7;
padding-right: 12px;
}
#jot-preview-content{
margin-top: 30px;}
#jot-preview-content .tread-wrapper {
background-color: #fff797;
}
.wall-item-tags {
padding-top: 1px;
padding-bottom: 2px;
}
.tag {
/*background: url("../../../images/tag_b.png") repeat-x center left;*/
color: #999;
padding-left: 3px;
font-size: 12px;
}
.tag a {
padding-right: 5px;
/*background: url("../../../images/tag.png") no-repeat center right;*/
color: #999;
}
.wwto {
position: absolute !important;
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid #364e59;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.wwto .contact-photo {
width: auto;
height: 25px;
}
/* contacts menu */
.contact-photo-wrapper {
position: relative;
width: 80px;
}
.contact-photo-wrapper.wwto {
width: 25px;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper {
left: 0px;
top: 63px;
}
.contact-photo {
width: 48px;
height: 48px;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-name {
/* text-align: center; */
/*font-weight: bold;*/
font-size: 12px;
}
.contact-details {
color: #999999;
}
/* editor */
.jothidden {
display: none;
}
#jot {
width: 585px;
margin: 0px 2em 20px 0px;
}
#profile-jot-form #profile-jot-text {
height: 2.0em;
width: 99%;
font-size: 15px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
margin-bottom: 10px;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 40px;
overflow: none;
width: 583px;
background-color: #fff;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li {
list-style: none;
float: left;
width: 80px;
height: 40px;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li 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;
border-bottom: 2px solid #bdcdd4;
}
#jot #jot-tools li.perms {
float: right;
width: 40px;
}
#jot #jot-tools li.perms a.unlock {
width: 30px;
border-left: 10px solid #cccccc;
background-color: #cccccc;
background-position: left center;
}
#jot #jot-tools li.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;
width: 20px;
vertical-align: center;
text-align: center;
border-top: 2px solid #9eabb0;
height: 38px;
}
#jot #jot-tools li.loading img {
margin-top: 10px;
}
#profile-jot-form #jot-title {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
width: 60%;
border: 1px solid #ffffff;
}
#profile-jot-form #jot-title:-webkit-input-placeholder {
font-weight: normal;
}
#profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal;
}
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{
width: 585px;
height: 100px;
}
#jot #jot-title:hover {
border: 1px solid #999999;
}
#jot #jot-title:focus {
border: 1px solid #999999;
}
#jot #character-counter {
width: 80px;
float: right;
text-align: right;
height: 20px;
line-height: 20px;
padding-right: 20px;
}
#jot-perms-icon,
#profile-location,
#profile-nolocation,
#profile-youtube,
#profile-video,
#profile-audio,
#profile-link,
#profile-title,
#wall-image-upload,
#wall-file-upload,
#wall-image-upload-div,
#wall-file-upload-div,
.hover, .focus {
cursor: pointer;
margin-top: 2px;
}
#profile-jot-wrapper{
margin: 0 2em 20px 0;
width: 585px;
}
#profile-jot-submit-wrapper {
margin-bottom: 50px;
width: 585px;
}
#profile-jot-submit {
float: right;
margin-top: 2px;
font-size: 14px;
}
#profile-upload-wrapper {
float: left;
margin-top: 2px;
margin-left: 10px;
}
#profile-attach-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-rotator {
float: left;
margin-left: 30px;
margin-top: 2px;
}
#profile-link-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-youtube-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-video-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-audio-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-location-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-jot-perms {
float: left;
margin-left: 45px;
margin-top: 2px;
}
#jot-preview-link {
float: right;
margin-left: 10px;
margin-top: 2px;
font-size: 9px;
font-weight: bolder;
cursor: pointer;
}
#profile-jot-perms{
float: right;
margin-left: 10px;
margin-top: 2px;
}
/** buttons **/
.button.creation1 {
background-color: #fff;
border: 1px solid #777777;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
cursor: pointer;
font-weight: bolder;
}
.button.creation2 {
background-color: #3465A4;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
cursor: pointer;
font-weight: bolder;
}
/*input[type="submit"] {
border: 0px;
background-color: @ButtonBackgroundColor;
color: @ButtonColor;
padding: 0px 10px;
.rounded(5px);
height: 18px;
}*/
/** acl **/
#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
display: block!important;
}
#acl-wrapper {
width: 690px;
float: left;
}
#acl-search {
float: right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 18px;
background-color: #cccccc;
background-image: url("../../../images/show_all_off.png");
background-position: 7px 7px;
background-repeat: no-repeat;
padding: 7px 5px 0px 30px;
color: #999999;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
background-image: url("../../../images/show_all_on.png");
}
#acl-list {
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px;
overflow: auto;
}
.acl-list-item {
display: block;
width: 150px;
height: 30px;
border: 1px solid #cccccc;
margin: 5px;
float: left;
}
.acl-list-item img {
width: 22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p {
height: 12px;
font-size: 10px;
margin: 0px;
padding: 2px 0px 1px;
overflow: hidden;
}
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
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;
}
#acl-wrapper a:hover {
text-decoration: none;
color: #000000;
}
.acl-button-show {
background-image: url("../../../images/show_off.png");
}
.acl-button-hide {
background-image: url("../../../images/hide_off.png");
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
background-image: url("../../../images/show_on.png");
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
background-image: url("../../../images/hide_on.png");
}
.acl-list-item.groupshow {
border-color: #9ade00;
}
.acl-list-item.grouphide {
border-color: #ff4141;
}
/** /acl **/
/** tab buttons 14618a**/
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .active {
background-color: #3465A4;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
/**
* Form fields
*/
.field {
margin-bottom: 10px;
padding-bottom: 10px;
overflow: auto;
width: 100%;
}
.field label {
float: left;
width: 200px;
}
.field input, .field textarea {
width: 400px;
}
.field textarea {
height: 100px;
}
.field .field_help {
display: block;
margin-left: 200px;
color: #666666;
}
.field .onoff {
float: left;
width: 80px;
}
.field .onoff a {
display: block;
border: 1px solid #666666;
background-image: url("../../../images/onoff.jpg");
background-repeat: no-repeat;
padding: 4px 2px 2px 2px;
height: 16px;
text-decoration: none;
}
.field .onoff .off {
border-color: #666666;
padding-left: 40px;
background-position: left center;
background-color: #cccccc;
color: #666666;
text-align: right;
}
.field .onoff .on {
border-color: #204A87;
padding-right: 40px;
background-position: right center;
background-color: #D7E3F1;
color: #204A87;
text-align: left;
}
.field .hidden {
display: none!important;
}
.field.radio .field_help {
margin-left: 0px;
}
#directory-search-form{
margin-bottom: 50px;
}
#profile-edit-links-end {
clear: both;
margin-bottom: 15px;
}
#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
#profile-edit-links li {
float: left;
list-style: none;
margin-left: 10px;
}
.profile-edit-side-div {
display: none;
}
#register-form label,
#profile-edit-form label {
width: 300px; float: left;
}
.required {
display: inline;
color: #B20202;
}
/* oauth */
.oauthapp {
height: auto;
overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
margin-bottom: 1em;
}
.oauthapp img {
float: left;
width: 48px;
height: 48px;
margin: 10px;
}
.oauthapp img.noicon {
background-image: url("../../../images/icons/48/plugin.png");
background-position: center center;
background-repeat: no-repeat;
}
.oauthapp a {
float: left;
}
/* contacts */
.contact-entry-wrapper {
width: 120px;
height: 120px;
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;*/
}
/* profile match wrapper */
.profile-match-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.profile-match-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.profile-match-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.profile-match-wrapper {
left: 0px;
top: 63px;
}
.contact-photo-menu-button {
position: relative;
background-image: url("../../../images/icons/16/menu.png");
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px -16px 0px;
padding: 0px;
width: 16px;
height: 16px;
top: -20px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
}
.contact-photo-menu {
width: 11em;
border: 3px solid #364e59;
color: #2d2d2d;
background: #FFFFFF;
/* position: absolute;*/
position: relative;
left: 0px; top: 0px;
display: none;
z-index: 10000;
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
display: block;
padding: 5px 10px;
color: #2d2d2d;
text-decoration: none;
}
.contact-photo-menu li a:hover {
background-color: #bdcdd4;
}
/* page footer */
footer {
height: 100px;
display: table-row;
}
blockquote {
border-left: 1px solid #D2D2D2;
padding-left: 9px;
margin: 0 0 0 .8ex;
}
.aprofile dt{
box-shadow: 1px 1px 5px 0;
color: #666666;
margin: 15px 0 5px;
padding-left: 5px;
}
/* ================== */
/* = Contacts Block = */
/* ================== */
.contact-block-img {
width: 55px;
height: 55px;
padding-right: 3px;
}
.contact-block-div {
float: left;
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; }
#group-edit-wrapper {
margin-bottom: 10px;
}
#group-members-end {
clear: both;
}
#group-edit-desc {
margin-top: 15px;
}
/*
#group-separator,
#prof-separator { display: none;}
*/
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
margin-bottom: 10px;
margin-top: 20px;
}
#prvmail-submit {
float: right;
margin-top: 10px;
}
#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 {
float: left;
margin-top: 10px;
margin-right: 10px;
width: 24px;
}
#prvmail-end {
clear: both;
}
.mail-list-sender,
.mail-list-detail {
float: left;
}
.mail-list-detail {
margin-left: 20px;
}
.mail-list-subject {
font-size: 1.1em;
margin-top: 10px;
}
a.mail-list-link {
display: block;
font-size: 1.3em;
padding: 4px 0;
}
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
/* ========== */
/* = Events = */
/* ========== */
.eventcal {
float: left;
font-size: 20px;
}
.vevent {
border: 1px solid #CCCCCC;
}
.vevent .event-description, .vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}
.vevent .event-start {
margin-left: 10px;
margin-right: 10px;
}
#new-event-link {
margin-bottom: 10px;
}
.edit-event-link, .plink-event-link {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 15px;
}
.event-description:before {
content: url('../../../images/calendar.png');
margin-right: 15px;
}
.event-start, .event-end {
margin-left: 10px;
width: 330px;
clear: both;
}
.event-start .dtstart, .event-end .dtend {
float: right;
}
.event-list-date {
margin-bottom: 10px;
}
.prevcal, .nextcal {
float: left;
margin-left: 32px;
margin-right: 32px;
margin-top: 64px;
}
.event-calendar-end {
clear: both;
}
.calendar {
font-family: Courier, monospace;
}
.calendar.eventcal a {
color: #3465A4;
}
.today {
font-weight: bold;
color: #FF0000;
}
.settings-block {
border: 1px solid #AAA;
margin: 10px;
padding: 10px;
}
.app-title {
margin: 10px;
}
#identity-manage-desc {
margin-top:15px;
margin-bottom: 15px;
}
#identity-manage-choose {
margin-bottom: 15px;
}
#identity-submit {
margin-top: 20px;
}
#photo-prev-link, #photo-next-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
#photo-like-div .wall-item-like-buttons {
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;
}
#photo-photo-end {
clear: both;
}
.tabs .comment-wwedit-wrapper {
display: block;
margin-top: 30px;
margin-left: 50px;
}
.profile-match-photo {
float: left;
text-align: center;
width: 120px;
}
.profile-match-name {
float: left;
text-align: center;
width: 120px;
overflow: hidden;
}
.profile-match-break,
.profile-match-end {
clear: both;
}
.profile-match-connect {
text-align: center;
font-weight: bold;
}
.profile-match-wrapper {
float: left;
padding: 10px;
width: 120px;
height: 120px;
scroll: auto;
}
#profile-match-wrapper-end {
clear: both;
}
/* ============= */
/* = Directory = */
/* ============= */
/* contacts menu */
.contact-photo-wrapper {
position: relative;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-photo-menu-button {
display: none;
/* position: absolute; */
/* position: absolute; */
left: -2px;
top: -20px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo-menu-button {
left: 0px;
top: 63px;
}
.directory-item {
float: left;
width: 200px;
height: 200px;
}
.directory-item .contact-photo {
width: 175px;
height: 175px;
}
.directory-item .contact-photo img {
width: 175px;
height: 175px;
}
.contact-name {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.contact-details {
color: #999999;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#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: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
width: 200px; height: 140px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
position: absolute;
bottom: 0px;
padding-left: 3px;
background-color: #EEE;
}
.photo-top-album-link{
color: #3465A4;
}
.photo-top-album-img{
}
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
margin-right: 15px;
width: 200px; height: 200px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
position: absolute;
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}*/
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}

View file

@ -527,8 +527,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: aliceBlue;
}
.tool .label {
float: left;
@ -1061,44 +1062,57 @@ ul.menu-popup .empty {
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: aliceBlue;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-aerith/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-aerith/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-aerith/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-aerith/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-aerith/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-aerith/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-aerith/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;
@ -2147,6 +2161,41 @@ ul.tabs li .active {
box-shadow: 2px 2px 2px #CFCFCF;
margin-left: 5px;
}
//settings tabs
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .selected {
background-color: #3465A4;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
.rs_tabs {
list-style-type: none;
font-size: 11px;
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
/**
* Form fields
*/

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.016)
* Version: (Version: 1.017)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-aerith (Version: 1.016)";
$diabook_version = "Diabook-aerith (Version: 1.017)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
@ -22,7 +22,6 @@ $cssFile = null;
*/
function diabook_aerith_community_info(){
$a = get_app();
//right_aside at networkpages
// last 12 users
$aside['$lastusers_title'] = t('Last users');
@ -280,55 +279,6 @@ if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname']){
}
}
//tabs at right_aside on settings page
if ($a->argv[0] === "settings"){
$tabs = array(
array(
'label' => t('Account settings'),
'url' => $a->get_baseurl(true).'/settings',
'sel' => (($a->argc == 1)?'active':''),
),
array(
'label' => t('Display settings'),
'url' => $a->get_baseurl(true).'/settings/display',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'display')?'active':''),
),
array(
'label' => t('Edit/Manage Profiles'),
'url' => $a->get_baseurl(true).'/profiles',
),
array(
'label' => t('Connector settings'),
'url' => $a->get_baseurl(true).'/settings/connectors',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'connectors')?'active':''),
),
array(
'label' => t('Plugin settings'),
'url' => $a->get_baseurl(true).'/settings/addon',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'addon')?'active':''),
),
array(
'label' => t('Connections'),
'url' => $a->get_baseurl(true) . '/settings/oauth',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'oauth')?'active':''),
),
array(
'label' => t('Export personal data'),
'url' => $a->get_baseurl(true) . '/uexport',
'sel' => ''
)
);
$tabtpl = file_get_contents(dirname(__file__).'/rs_common_tabs.tpl') ;
$a->page['aside'] = replace_macros($tabtpl, array(
'$tabs' => $tabs,
));
// CUSTOM CSS
$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook-aerith/style-settings.css";
}
// custom css

View file

@ -0,0 +1,11 @@
<div id="widget_$title">
{{if $title}}<h3 style="border-bottom: 1px solid #D2D2D2;">$title</h3>{{endif}}
{{if $desc}}<div class="desc">$desc</div>{{endif}}
<ul class="rs_tabs">
{{ for $items as $item }}
<li><a href="$item.url" class="rs_tab button {{ if $item.selected }}selected{{ endif }}">$item.label</a></li>
{{ endfor }}
</ul>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 774 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 663 B

After

Width:  |  Height:  |  Size: 723 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 722 B

After

Width:  |  Height:  |  Size: 706 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 637 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 739 B

After

Width:  |  Height:  |  Size: 764 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 710 B

After

Width:  |  Height:  |  Size: 664 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 688 B

Before After
Before After

View file

@ -0,0 +1,11 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$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>
{{ endfor }}
</ul>
</div>

View file

@ -7,13 +7,13 @@
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list home"><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 photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1</a></li>
<li id="profile-side-events" class="menu-profile-list events"><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 notes"><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 foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1</a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1<span class="menu-profile-icon home"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1<span class="menu-profile-icon photos"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1<span class="menu-profile-icon pscontacts"></span></a></li>
<li id="profile-side-events" class="menu-profile-list events"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1<span class="menu-profile-icon events"></span></a></li>
<li id="profile-side-notes" class="menu-profile-list notes"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1<span class="menu-profile-icon notes"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1<span class="menu-profile-icon foren"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1<span class="menu-profile-icon com_side"></span></a></li>
</ul>
</div>

View file

@ -1,6 +0,0 @@
<h3 style="border-bottom: 1px solid #D2D2D2;">Settings Menu</h3>
<ul class="rs_tabs">
{{ for $tabs as $tab }}
<li><a href="$tab.url" class="rs_tab button $tab.sel">$tab.label</a></li>
{{ endfor }}
</ul>

View file

@ -482,8 +482,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #308DBF;
}
.tool .label {
float: left;
@ -907,43 +908,57 @@ ul.menu-popup .empty {
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #308DBF;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-blue/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;

View file

@ -1,2573 +0,0 @@
/**
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
* Additional Changes: Michael Vogel <icarus@dabo.de>
**/
/* ========= */
/* = Admin = */
/* ========= */
#adminpage {
/* width: 80%;*/
}
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
.admin.linklist {
border: 0px; padding: 0px;
}
.admin.link {
list-style-position: inside;
font-size: 1em;
padding: 5px;
width: 100px;
margin: 5px;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #898989;
margin-bottom: 5px;
margin-top: 10px;
}
#adminpage .submit {
clear:left;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
/* border: 1px solid #888888; */
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.contacts {
background-image: url("../../../view/theme/diabook-blue/icons/contacts.png");}
.icon.notifications {
background-image: url("../../../view/theme/diabook-blue/icons/notifications.png");}
.icon.notify {
background-image: url("../../../view/theme/diabook-blue/icons/notify.png");}
.icon.messages {
background-image: url("../../../view/theme/diabook-blue/icons/messages.png");}
.icon.community {
background-image: url("../../../view/theme/diabook-blue/icons/community.png");}
.icon.drop { background-image: url("../../../view/theme/diabook-blue/icons/drop.png");}
.icon.drophide { background-image: url("../../../view/theme/diabook-blue/icons/drop.png");}
.icon.dislike { background-image: url("../../../view/theme/diabook-blue/icons/dislike.png");}
.icon.like { background-image: url("../../../view/theme/diabook-blue/icons/like.png");}
.icon.pencil { background-image: url("../../../view/theme/diabook-blue/icons/pencil.png");}
.icon.recycle { background-image: url("../../../view/theme/diabook-blue/icons/recycle.png");}
.icon.remote-link { background-image: url("../../../view/theme/diabook-blue/icons/remote.png");}
.icon.tagged { background-image: url("../../../view/theme/diabook-blue/icons/tagged.png");}
.icon.file-as { background-image: url("../../../view/theme/diabook-blue/icons/file_as.png");}
.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook-blue/icons/unstarred.png");}
.star-item.icon.starred { background-image: url("../../../view/theme/diabook-blue/icons/starred.png");}
.icon.link { background-image: url("../../../view/theme/diabook-blue/icons/link.png");}
.icon.lock { background-image: url("../../../view/theme/diabook-blue/icons/lock.png");}
.icon.unlock { background-image: url("../../../view/theme/diabook-blue/icons/unlock.png");}
.icon.language { background-image: url("../../../view/theme/diabook-blue/icons/language.png");}
.camera { background-image: url("../../../view/theme/diabook-blue/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.attach { background-image: url("../../../view/theme/diabook-blue/icons/attach.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video2 { background-image: url("../../../view/theme/diabook-blue/icons/video.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video { background-image: url("../../../view/theme/diabook-blue/icons/video.png");
display: block; width: 100%; height: 28px; background-repeat: no-repeat;
}
.audio2 { background-image: url("../../../view/theme/diabook-blue/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.audio { background-image: url("../../../view/theme/diabook-blue/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.weblink { background-image: url("../../../view/theme/diabook-blue/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.globe { background-image: url("../../../view/theme/diabook-blue/icons/globe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.unglobe { background-image: url("../../../view/theme/diabook-blue/icons/unglobe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.edit {background-image: url("../../../view/theme/diabook-blue/icons/pencil2.png");
display: block; width: 28px; height: 28px; 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;}*/
/*.camera { background-position: -170px 0px;}*/
/*.dislike { background-position: -190px 0px;}*/
/*.like { background-position: -210px 0px;}*/
/*.link { background-position: -230px 0px;}*/
/*.globe { background-position: -50px -20px;}*/
/*.noglobe { background-position: -70px -20px;}*/
.no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;}
/*.pencil { background-position: -150px -20px;}*/
.small-pencil { background-position: -170px -20px;}
/*.recycle { background-position: -190px -20px;}*/
/*.remote-link { background-position: -210px -20px;}*/
.share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
/*.lock { background-position: -70px -40px;}*/
/*.video { background-position: -110px -40px;}*/
.youtube { background-position: -130px -40px;}
/*.attach { background-position: -190px -40px;}*/
/*.language { background-position: -210px -40px;}*/
.icon.on { background-image: url("../../../view/theme/diabook-blue/icons/toogle_on.png"); background-repeat: no-repeat;}
.icon.off { background-image: url("../../../view/theme/diabook-blue/icons/toogle_off.png"); background-repeat: no-repeat;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
/*.tagged { background-position: -130px -60px;}*/
.attachtype {
display: block; width: 20px; height: 23px;
background-image: url('../../../images/content-types.png');
}
.type-video { background-position: 0px 0px; }
.type-image { background-position: -20px 0px; }
.type-audio { background-position: -40px 0px; }
.type-text { background-position: -60px 0px; }
.type-unkn { background-position: -80px 0px; }
.icon.drop, .icon.drophide {
float: left;
}
.icon {
display: block;
width: 20px;
height: 20px;
/*background-image: url('icons.png');*/
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
/* background-position: left center; */
display: block;
overflow: hidden;
text-indent: -9999px;
padding: 1px;
}
.icon.border.camera{
background-image: url("../../../view/theme/diabook-blue/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.icon.border.link{
background-image: url("../../../view/theme/diabook-blue/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
margin-left: 10px;
}
.icon.text {
text-indent: 0px;
}
.icon.s10 {
min-width: 10px;
height: 10px;
}
.icon.s10.notify {
background-image: url("../../../images/icons/10/notify_off.png");
}
.icon.s10.gear {
background-image: url("../../../images/icons/10/gear.png");
}
.icon.s10.add {
background-image: url("../../../images/icons/10/add.png");
}
.icon.s10.delete {
background-image: url("../../../images/icons/10/delete.png");
}
.icon.s10.edit {
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
}
.icon.s10.link {
background-image: url("../../../images/icons/10/link.png");
}
.icon.s10.lock {
background-image: url("../../../images/icons/10/lock.png");
}
.icon.s10.unlock {
background-image: url("../../../images/icons/10/unlock.png");
}
.icon.s10.text {
padding: 2px 0px 0px 15px;
font-size: 10px;
}
.icon.s16 {
min-width: 16px;
height: 16px;
}
.icon.s16.notify {
background-image: url("../../../images/icons/16/notify_off.png");
}
.icon.s16.gear {
background-image: url("../../../images/icons/16/gear.png");
}
.icon.s16.add {
background-image: url("../../../images/icons/16/add.png");
}
.icon.s16.delete {
background-image: url("../../../images/icons/16/delete.png");
}
/*.icon.s16.edit {
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
}
/*.icon.s16.link {
background-image: url("../../../images/icons/16/link.png");
}*/
.icon.s16.lock {
background-image: url("../../../images/icons/16/lock.png");
}
.icon.s16.unlock {
background-image: url("../../../images/icons/16/unlock.png");
}
.icon.s16.text {
padding: 4px 0px 0px 20px;
font-size: 10px;
}
.icon.s22 {
min-width: 22px;
height: 22px;
}
.icon.s22.notify {
background-image: url("../../../images/icons/22/notify_off.png");
}
.icon.s22.gear {
background-image: url("../../../images/icons/22/gear.png");
}
.icon.s22.add {
background-image: url("../../../images/icons/22/add.png");
}
.icon.s22.delete {
background-image: url("../../../images/icons/22/delete.png");
}
.icon.s22.edit {
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
}
.icon.s22.link {
background-image: url("../../../images/icons/22/link.png");
}
.icon.s22.lock {
background-image: url("../../../images/icons/22/lock.png");
}
.icon.s22.unlock {
background-image: url("../../../images/icons/22/unlock.png");
}
.icon.s22.text {
padding: 10px 0px 0px 25px;
width: 200px;
}
.icon.s48 {
width: 48px;
height: 48px;
}
.icon.s48.notify {
background-image: url("../../../images/icons/48/notify_off.png");
}
.icon.s48.gear {
background-image: url("../../../images/icons/48/gear.png");
}
.icon.s48.add {
background-image: url("../../../images/icons/48/add.png");
}
.icon.s48.delete {
background-image: url("../../../images/icons/48/delete.png");
}
.icon.s48.edit {
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
}
.icon.s48.link {
background-image: url("../../../images/icons/48/link.png");
}
.icon.s48.lock {
background-image: url("../../../images/icons/48/lock.png");
}
.icon.s48.unlock {
background-image: url("../../../images/icons/48/unlock.png");
}
#contact-edit-links ul {
list-style: none;
list-style-type: none;
}
.hide-comments-outer {
margin-left: 80px;
margin-bottom: 5px;
width: 484px;
border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4;
padding: 8px;
}
/* global */
body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12.5px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px auto auto;
display: table;
}
h4 {
font-size: 1.1em;
}
a {
color: #333333;
/* color: #3e3e8c; */
text-decoration: none;
}
a:hover {
/* color: blue; */
text-decoration: underline
}
.wall-item-name-link {
/* float: left;*/
}
.wall-item-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.fakelink {
color: #1872A2;
/* color: #3e3e8c; */
text-decoration: none;
cursor: pointer;
}
.fakelink:hover {
/* color: blue; */
/*color: #005c94; */
text-decoration: underline;
}
code {
font-family: Courier, monospace;
white-space: pre;
display: block;
overflow: auto;
border: 1px solid #444;
background: #EEE;
color: #444;
padding: 10px;
margin-top: 20px;
}
#panel {
position: absolute;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 1em;
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);
}
/* tool */
.tool {
height: auto;
overflow: auto;
padding: 3px;
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
}
.tool .label {
float: left;
}
.tool .action {
float: right;
}
.tool a {
color: ##3F8FBA;
}
.tool a:hover {
text-decoration: none;
}
/* popup notifications */
div.jGrowl div.notice {
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
div.jGrowl div.info {
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
/* header */
header {
position: fixed;
left: 0%;
right: 80%;
top: 0px;
margin: 0px;
padding: 0px;
width: 22%;
height: 32px;
background: #1872a2;
background-color: #1872a2;
z-index: 100;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
}
header #site-location {
display: none;
}
header #banner {
overflow: hidden;
text-align: left;
width: 82%%;
margin-left: 25%;
}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: middle;
font-weight: bolder;
margin-left: 3px;
}
header #banner #logo-img {
height: 25px;
margin-top: 3px;
}
header #banner #logo-text {
font-size: 20px;
position: absolute;
top: 10%;
}
/* nav */
nav {
width: 80%;
height: 32px;
position: fixed;
left: 22%;
top: 0px;
padding: 0px;
background: #1872a2;
color: #ffffff;
z-index: 99;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
}
nav a,
nav a:active,
nav a:visited,
nav a:link,
nav a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
}
nav #banner {
overflow: hidden;
/*text-align: center;*/
width: 100%;
}
nav #banner a,
nav #banner a:active,
nav #banner a:visited,
nav #banner a:link,
nav #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: bottom;
}
nav #banner #logo-img {
height: 22px;
margin-top: 5px;
}
nav #banner #logo-text {
font-size: 22px;
}
nav #navbar{
}
nav ul {
margin: 0px;
padding: 0px 20px;
}
nav ul li {
list-style: none;
margin: 0px;
/* padding: 1px 1px 3px 1px; */
float: left;
}
nav ul li .menu-popup {
left: 0px;
right: auto;
}
nav #logo-img {
height: 25px;
margin-top: 4px;
margin-left: 30px;
}
nav #logo-text {
font-size: 22px;
margin-top: 3px;
margin-right: 15px;
}
nav .nav-menu-search {
position: relative;
margin: 4px 17px;
margin-right: 0px;
height: 17px;
width: 180px;
}
nav #search-box #search-text {
background-image: url('icons/lupe.png');
background-repeat:no-repeat;
padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
nav .nav-menu-icon {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon:hover {
background-color: #308dbf;
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon.selected {
background-color: #fff;
}
nav .nav-menu-icon img {
width: 22px;
height: 22px;
}
nav .nav-menu-icon .nav-notify {
top: 3px;
}
nav .nav-menu {
position: relative;
height: 16px;
padding: 5px;
margin: 3px 15px 0px;
font-size: 13px;
/*border-bottom: 3px solid #364A84;*/
}
nav .nav-menu.selected {
/*border-bottom: 3px solid #9eabb0;*/
}
nav .nav-notify {
display: none;
position: absolute;
background-color: #ff0000;
/* background-color: #19aeff; */
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: 10px;
font-weight: 900;
padding: 1px 4px;
top: 0px;
right: -6px;
min-width: 10px;
text-align: center;
}
nav .nav-notify.show {
display: block;
}
nav #nav-help-link,
nav #nav-search-link,
nav #nav-directory-link,
nav #nav-apps-link,
nav #nav-site-linkmenu,
nav #nav-home-link,
nav #nav-user-linkmenu
{
float: right;
}
nav #nav-user-linkmenu{
margin-right: 0px;
}
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-right: 0px;
}
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
nav #nav-directory-link .menu-popup,
nav #nav-apps-link .menu-popup,
nav #nav-site-linkmenu .menu-popup {
right: 0px;
left: auto;
}
nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
background-image: url("../../../view/theme/diabook-blue/icons/messages2.png");
}
/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
background-image: url("../../../view/theme/diabook-blue/icons/notify2.png");
}
nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
background-image: url("../../../view/theme/diabook-blue/icons/contacts2.png");
}
nav #nav-apps-link.selected {
background-color: #364e59;
}
#nav-notifications-mark-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
#nav-notifications-see-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
.notify-seen {
background: none repeat scroll 0 0 #DDDDDD;
}
ul.menu-popup {
position: absolute;
display: none;
width: 11em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 0px;
list-style: none;
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);
}
ul.menu-popup a {
display: block;
color: #2d2d2d;
padding: 5px 10px;
text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #308DBF; /*bdcdd4;*/
color: #fff;
}
ul.menu-popup .menu-sep {
border-top: 1px solid #9eabb0;
}
ul.menu-popup li {
float: none;
overflow: auto;
height: auto;
display: block;
}
ul.menu-popup li img {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
}
ul.menu-popup .empty {
padding: 5px;
text-align: center;
color: #9eabb0;
}
/* autocomplete popup */
.acpopup {
max-height: 150px;
background-color: #ffffff;
color: #2d2d2d;
border: 1px solid #MenuBorder;
overflow: auto;
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);
}
.acpopupitem {
color: #2d2d2d;
padding: 4px;
clear: left;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
.acpopupitem.selected {
background-color: #bdcdd4;
}
#nav-notifications-menu {
width: 400px;
max-height: 550px;
overflow: auto;
}
/* #nav-notifications-menu a {
display: inline;
padding: 5px 0px;
margin: 0px 0px 2px 0px;
}
#nav-notifications-menu li:hover {
background-color: #bdcdd4;
}*/
#nav-notifications-menu img {
float: left;
margin-right: 5px;
}
#nav-notifications-menu .contactname {
font-weight: bold;
}
#nav-notifications-menu .notif-when {
font-size: 10px;
color: #9eabb0;
display: block;
}
.notif-image {
width: 32px;
height: 32px;
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;
word-wrap: break-word;
width: 130px;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 0px;
min-height: 0px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item{
padding-left: 5px;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
}
/* aside */
aside {
display: table-cell;
vertical-align: top;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid #D2D2D2;
float: left;
/* background: #F1F1F1; */
}
aside .vcard {
display: none;
}
aside .vcard .title {
margin-bottom: 5px;
}
aside .vcard dl {
height: auto;
overflow: auto;
}
aside .vcard dt {
float: left;
margin-left: 0px;
/*width: 35%;*/
text-align: right;
color: #999999;
}
aside .vcard dd {
float: left;
margin-left: 5px;
/*width: 60%;*/
}
aside #profile-extra-links ul {
padding: 0px;
margin: 0px;
}
aside #profile-extra-links li {
padding: 0px;
margin: 0px;
list-style: none;
}
aside #dfrn-request-link {
display: block;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
font-weight: bold;
text-transform: uppercase;
padding: 4px 2px 2px 35px;
}
aside #dfrn-request-link:hover {
text-decoration: none;
background-color: #36c;
/* background-color: #19aeff; */
}
aside #profiles-menu {
width: 20em;
}
aside #search-text {
width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
aside #side-follow-url {
width: 150px;
}
aside #side-peoplefind-url {
width: 150px;
}
#contact-block {
display: none;
}
#contact-block .contact-block-h4 {
float: left;
margin: 5px 0px;
}
#contact-block .allcontact-link {
float: right;
margin: 5px 0px;
}
#contact-block .contact-block-content {
clear: both;
overflow: auto;
height: auto;
}
#contact-block .contact-block-link {
float: left;
margin: 0px 2px 2px 0px;
}
#contact-block .contact-block-link img {
widht: 48px;
height: 48px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
}
.widget h3 {
padding: 0px;
margin: 2px;
}
.widget .action {
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget input.action {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget:hover .title .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action.ticked {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget ul {
padding: 0px;
}
.widget ul li {
padding-left: 16px;
min-height: 16px;
list-style: none;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#side-bar-photos-albums ul li a{
color: #1872A2;
}
.widget .tool.selected {
background: url("../../../view/theme/diabook-blue/icons/selected.png") no-repeat left center;
}
/* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup {
width: 200px;
top: 18px;
}
/* section */
section {
display: table-cell;
vertical-align: top;
width: 650px;
padding: 0px 0px 0px 20px;
}
body .pageheader{
text-align: center;
font-size: 20px;
margin-bottom: 20px;
margin-top: 0px;
max-width: 575px;
}
#id_username {
width: 173px;
}
#id_password {
width: 173px;
}
#id_openid_url {
width: 173px;
}
#contact-edit-end {
}
.pager {
padding: 10px;
text-align: center;
font-size: 1.0em;
clear: both;
display: block;
}
.tabs {display: none;}
.tab.button{display: none;}
.rs_tabs {
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
margin-bottom: 10px;
}
right_aside {
display: table-cell;
vertical-align: top;
width: 170px;
/*padding-right: 10px;*/
/*border-left: 1px solid #D2D2D2;*/
/* background: #F1F1F1; */
}
right_aside a{color: #1872A2;}
right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px;
margin-top:30px;}
right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; }
right_aside .directory-photo { margin: 0px; }
right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
#page-sidebar-right_aside .label {max-width: 128px;}
right_aside .icon {width: 10px; height: 10px;}
.close_box {
background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 0.1;
}
.close_box:hover {
background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* wall item */
.tread-wrapper {
border-bottom: 1px solid #D2D2D2;
position: relative;
padding: 5px;
margin-bottom: 0px;
width: 575px;
}
.tread-wrapper a{
color: #1872A2;
}
.wall-item-decor {
position: absolute;
left: 790px;
top: -10px;
width: 16px;
}
.wall-item-container {
display: table;
width: 580px;
}
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row;
}
.wall-item-bottom {
font-size: 13px;
}
.wall-item-container .wall-item-bottom {
/* opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container:hover .wall-item-bottom {
/* opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container .wall-item-info {
display: table-cell;
vertical-align: top;
text-align: left;
width: 80px;
}
.wall-item-container .wall-item-location {
padding-right: 40px;
display: table-cell;
}
.wall-item-container .wall-item-ago {
word-wrap: break-word;
width: 50px;
margin-left: 10px;
color: #999;
}
.wall-item-location {
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
.wall-item-container .wall-item-content {
font-size: 12.5px;
max-width: 420px;
word-wrap: break-word;
line-height: 1.2;
}
.wall-item-container .wall-item-content img {
max-width: 400px;
}
.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
display: table-cell;
vertical-align: middle;
}
.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-name {
font-weight: bold;
}
.wall-item-container .wall-item-actions-author {
width: 100%;
margin-bottom: 0.3em;
}
.wall-item-container .wall-item-actions-social {
float: left;
margin-bottom: 1px;
display: table-cell;
}
.wall-item-container .wall-item-actions-social a {
margin-right: 1em;
}
.wall-item-actions-social a {
float: left;
}
.wall-item-container .wall-item-actions-tools {
float: right;
width: 80px;
display: table-cell;
}
.wall-item-container .wall-item-actions-tools a {
float: right;
}
.wall-item-container .wall-item-actions-tools input {
float: right;
}
.wall-item-container.comment {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 80px;
width: 500px;
border-bottom: 1px solid hsl(198, 21%, 79%);
}
.wall-item-container.comment .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.wall-item-container.comment {
top: 15px !important;
left: 15px !important;
}
.wall-item-container.comment .wall-item-links {
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;
}
.wall-item-comment-wrapper textarea {
height: 2.0em;
width: 100%;
font-size: 10px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
font-size: 14px;
}
.wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px;
height: 4em;
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
.comment-edit-preview {
width: 710px;
border: 1px solid #2d2d2d;
margin-top: 10px;
}
.comment-edit-preview .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview {
top: 15px !important;
left: 15px !important;
}
.comment-edit-preview .wall-item-links {
padding-left: 12px;
}
.comment-edit-preview .wall-item-container {
width: 700px;
}
.comment-edit-preview .tread-wrapper {
width: 700px;
padding: 0;
margin: 10px 0;
}
.shiny {
/* border-right: 10px solid #fce94f; */
border-right: 1px solid #A7C7F7;
padding-right: 12px;
}
#jot-preview-content{
margin-top: 30px;}
#jot-preview-content .tread-wrapper {
background-color: #fff797;
}
.wall-item-tags {
padding-top: 1px;
padding-bottom: 2px;
}
.tag {
/*background: url("../../../images/tag_b.png") repeat-x center left;*/
color: #999;
padding-left: 3px;
font-size: 12px;
}
.tag a {
padding-right: 5px;
/*background: url("../../../images/tag.png") no-repeat center right;*/
color: #999;
}
.wwto {
position: absolute !important;
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid #364e59;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.wwto .contact-photo {
width: auto;
height: 25px;
}
/* contacts menu */
.contact-photo-wrapper {
position: relative;
width: 80px;
}
.contact-photo-wrapper.wwto {
width: 25px;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper {
left: 0px;
top: 63px;
}
.contact-photo {
width: 48px;
height: 48px;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-name {
/* text-align: center; */
/*font-weight: bold;*/
font-size: 12px;
}
.contact-details {
color: #999999;
}
/* editor */
.jothidden {
display: none;
}
#jot {
width: 585px;
margin: 0px 2em 20px 0px;
}
#profile-jot-form #profile-jot-text {
height: 2.0em;
width: 99%;
font-size: 15px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
margin-bottom: 10px;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 40px;
overflow: none;
width: 583px;
background-color: #fff;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li {
list-style: none;
float: left;
width: 80px;
height: 40px;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li 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;
border-bottom: 2px solid #bdcdd4;
}
#jot #jot-tools li.perms {
float: right;
width: 40px;
}
#jot #jot-tools li.perms a.unlock {
width: 30px;
border-left: 10px solid #cccccc;
background-color: #cccccc;
background-position: left center;
}
#jot #jot-tools li.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;
width: 20px;
vertical-align: center;
text-align: center;
border-top: 2px solid #9eabb0;
height: 38px;
}
#jot #jot-tools li.loading img {
margin-top: 10px;
}
#profile-jot-form #jot-title {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
width: 60%;
border: 1px solid #ffffff;
}
#profile-jot-form #jot-title:-webkit-input-placeholder {
font-weight: normal;
}
#profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal;
}
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{
width: 585px;
height: 100px;
}
#jot #jot-title:hover {
border: 1px solid #999999;
}
#jot #jot-title:focus {
border: 1px solid #999999;
}
#jot #character-counter {
width: 80px;
float: right;
text-align: right;
height: 20px;
line-height: 20px;
padding-right: 20px;
}
#jot-perms-icon,
#profile-location,
#profile-nolocation,
#profile-youtube,
#profile-video,
#profile-audio,
#profile-link,
#profile-title,
#wall-image-upload,
#wall-file-upload,
#wall-image-upload-div,
#wall-file-upload-div,
.hover, .focus {
cursor: pointer;
margin-top: 2px;
}
#profile-jot-wrapper{
margin: 0 2em 20px 0;
width: 585px;
}
#profile-jot-submit-wrapper {
margin-bottom: 50px;
width: 585px;
}
#profile-jot-submit {
float: right;
margin-top: 2px;
font-size: 14px;
}
#profile-upload-wrapper {
float: left;
margin-top: 2px;
margin-left: 10px;
}
#profile-attach-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-rotator {
float: left;
margin-left: 30px;
margin-top: 2px;
}
#profile-link-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-youtube-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-video-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-audio-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-location-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-jot-perms {
float: left;
margin-left: 45px;
margin-top: 2px;
}
#jot-preview-link {
float: right;
margin-left: 10px;
margin-top: 2px;
font-size: 9px;
font-weight: bolder;
cursor: pointer;
}
#profile-jot-perms{
float: right;
margin-left: 10px;
margin-top: 2px;
}
/** buttons **/
.button.creation1 {
background-color: #fff;
border: 1px solid #777777;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
cursor: pointer;
font-weight: bolder;
}
.button.creation2 {
background-color: #055580;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
cursor: pointer;
font-weight: bolder;
}
/*input[type="submit"] {
border: 0px;
background-color: @ButtonBackgroundColor;
color: @ButtonColor;
padding: 0px 10px;
.rounded(5px);
height: 18px;
}*/
/** acl **/
#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
display: block!important;
}
#acl-wrapper {
width: 690px;
float: left;
}
#acl-search {
float: right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 18px;
background-color: #cccccc;
background-image: url("../../../images/show_all_off.png");
background-position: 7px 7px;
background-repeat: no-repeat;
padding: 7px 5px 0px 30px;
color: #999999;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
background-image: url("../../../images/show_all_on.png");
}
#acl-list {
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px;
overflow: auto;
}
.acl-list-item {
display: block;
width: 150px;
height: 30px;
border: 1px solid #cccccc;
margin: 5px;
float: left;
}
.acl-list-item img {
width: 22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p {
height: 12px;
font-size: 10px;
margin: 0px;
padding: 2px 0px 1px;
overflow: hidden;
}
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
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;
}
#acl-wrapper a:hover {
text-decoration: none;
color: #000000;
}
.acl-button-show {
background-image: url("../../../images/show_off.png");
}
.acl-button-hide {
background-image: url("../../../images/hide_off.png");
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
background-image: url("../../../images/show_on.png");
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
background-image: url("../../../images/hide_on.png");
}
.acl-list-item.groupshow {
border-color: #9ade00;
}
.acl-list-item.grouphide {
border-color: #ff4141;
}
/** /acl **/
/** tab buttons 14618a**/
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .active {
background-color: #055580;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
/**
* Form fields
*/
.field {
margin-bottom: 10px;
padding-bottom: 10px;
overflow: auto;
width: 100%;
}
.field label {
float: left;
width: 200px;
}
.field input, .field textarea {
width: 400px;
}
.field textarea {
height: 100px;
}
.field .field_help {
display: block;
margin-left: 200px;
color: #666666;
}
.field .onoff {
float: left;
width: 80px;
}
.field .onoff a {
display: block;
border: 1px solid #666666;
background-image: url("../../../images/onoff.jpg");
background-repeat: no-repeat;
padding: 4px 2px 2px 2px;
height: 16px;
text-decoration: none;
}
.field .onoff .off {
border-color: #666666;
padding-left: 40px;
background-position: left center;
background-color: #cccccc;
color: #666666;
text-align: right;
}
.field .onoff .on {
border-color: #204A87;
padding-right: 40px;
background-position: right center;
background-color: #D7E3F1;
color: #204A87;
text-align: left;
}
.field .hidden {
display: none!important;
}
.field.radio .field_help {
margin-left: 0px;
}
#directory-search-form{
margin-bottom: 50px;
}
#profile-edit-links-end {
clear: both;
margin-bottom: 15px;
}
#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
#profile-edit-links li {
float: left;
list-style: none;
margin-left: 10px;
}
.profile-edit-side-div {
display: none;
}
#register-form label,
#profile-edit-form label {
width: 300px; float: left;
}
.required {
display: inline;
color: #B20202;
}
/* oauth */
.oauthapp {
height: auto;
overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
margin-bottom: 1em;
}
.oauthapp img {
float: left;
width: 48px;
height: 48px;
margin: 10px;
}
.oauthapp img.noicon {
background-image: url("../../../images/icons/48/plugin.png");
background-position: center center;
background-repeat: no-repeat;
}
.oauthapp a {
float: left;
}
/* contacts */
.contact-entry-wrapper {
width: 120px;
height: 120px;
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;*/
}
/* profile match wrapper */
.profile-match-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.profile-match-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.profile-match-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.profile-match-wrapper {
left: 0px;
top: 63px;
}
.contact-photo-menu-button {
position: relative;
background-image: url("../../../images/icons/16/menu.png");
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px -16px 0px;
padding: 0px;
width: 16px;
height: 16px;
top: -20px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
}
.contact-photo-menu {
width: 11em;
border: 3px solid #364e59;
color: #2d2d2d;
background: #FFFFFF;
/* position: absolute;*/
position: relative;
left: 0px; top: 0px;
display: none;
z-index: 10000;
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
display: block;
padding: 5px 10px;
color: #2d2d2d;
text-decoration: none;
}
.contact-photo-menu li a:hover {
background-color: #bdcdd4;
}
/* page footer */
footer {
height: 100px;
display: table-row;
}
blockquote {
border-left: 1px solid #D2D2D2;
padding-left: 9px;
margin: 0 0 0 .8ex;
}
.aprofile dt{
box-shadow: 1px 1px 5px 0;
color: #666666;
margin: 15px 0 5px;
padding-left: 5px;
}
/* ================== */
/* = Contacts Block = */
/* ================== */
.contact-block-img {
width: 48px;
height: 48px;
padding-right: 3px;
}
.contact-block-div {
float: left;
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; }
#group-edit-wrapper {
margin-bottom: 10px;
}
#group-members-end {
clear: both;
}
#group-edit-desc {
margin-top: 15px;
}
/*
#group-separator,
#prof-separator { display: none;}
*/
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
margin-bottom: 10px;
margin-top: 20px;
}
#prvmail-submit {
float: right;
margin-top: 10px;
}
#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 {
float: left;
margin-top: 10px;
margin-right: 10px;
width: 24px;
}
#prvmail-end {
clear: both;
}
.mail-list-sender,
.mail-list-detail {
float: left;
}
.mail-list-detail {
margin-left: 20px;
}
.mail-list-subject {
font-size: 1.1em;
margin-top: 10px;
}
a.mail-list-link {
display: block;
font-size: 1.3em;
padding: 4px 0;
}
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
/* ========== */
/* = Events = */
/* ========== */
.eventcal {
float: left;
font-size: 20px;
}
.vevent {
border: 1px solid #CCCCCC;
}
.vevent .event-description, .vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}
.vevent .event-start {
margin-left: 10px;
margin-right: 10px;
}
#new-event-link {
margin-bottom: 10px;
}
.edit-event-link, .plink-event-link {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 15px;
}
.event-description:before {
content: url('../../../images/calendar.png');
margin-right: 15px;
}
.event-start, .event-end {
margin-left: 10px;
width: 330px;
clear: both;
}
.event-start .dtstart, .event-end .dtend {
float: right;
}
.event-list-date {
margin-bottom: 10px;
}
.prevcal, .nextcal {
float: left;
margin-left: 32px;
margin-right: 32px;
margin-top: 64px;
}
.event-calendar-end {
clear: both;
}
.calendar {
font-family: Courier, monospace;
}
.calendar.eventcal a {
color: #1872A2;
}
.today {
font-weight: bold;
color: #FF0000;
}
.settings-block {
border: 1px solid #AAA;
margin: 10px;
padding: 10px;
}
.app-title {
margin: 10px;
}
#identity-manage-desc {
margin-top:15px;
margin-bottom: 15px;
}
#identity-manage-choose {
margin-bottom: 15px;
}
#identity-submit {
margin-top: 20px;
}
#photo-prev-link, #photo-next-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
#photo-like-div .wall-item-like-buttons {
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;
}
#photo-photo-end {
clear: both;
}
.tabs .comment-wwedit-wrapper {
display: block;
margin-top: 30px;
margin-left: 50px;
}
.profile-match-photo {
float: left;
text-align: center;
width: 120px;
}
.profile-match-name {
float: left;
text-align: center;
width: 120px;
overflow: hidden;
}
.profile-match-break,
.profile-match-end {
clear: both;
}
.profile-match-connect {
text-align: center;
font-weight: bold;
}
.profile-match-wrapper {
float: left;
padding: 10px;
width: 120px;
height: 120px;
scroll: auto;
}
#profile-match-wrapper-end {
clear: both;
}
/* ============= */
/* = Directory = */
/* ============= */
/* contacts menu */
.contact-photo-wrapper {
position: relative;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-photo-menu-button {
display: none;
/* position: absolute; */
/* position: absolute; */
left: -2px;
top: -20px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo-menu-button {
left: 0px;
top: 63px;
}
.directory-item {
float: left;
width: 200px;
height: 200px;
}
.directory-item .contact-photo {
width: 175px;
height: 175px;
}
.directory-item .contact-photo img {
width: 175px;
height: 175px;
}
.contact-name {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.contact-details {
color: #999999;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#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: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
width: 200px; height: 140px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
position: absolute;
bottom: 0px;
padding-left: 3px;
background-color: #EEE;
}
.photo-top-album-link{
color: #1872A2;
}
.photo-top-album-img{
}
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
margin-right: 15px;
width: 200px; height: 200px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
position: absolute;
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}*/
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}

View file

@ -526,8 +526,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #308DBF;
}
.tool .label {
float: left;
@ -1031,43 +1032,57 @@ ul.menu-popup .empty {
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #308DBF;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-blue/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;
@ -2103,6 +2118,41 @@ ul.tabs li .active {
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
}
//settings tabs
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .selected {
background-color: #055580;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
.rs_tabs {
list-style-type: none;
font-size: 11px;
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
/**
* Form fields
*/

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.016)
* Version: (Version: 1.017)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-blue (Version: 1.016)";
$diabook_version = "Diabook-blue (Version: 1.017)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -21,7 +21,6 @@ $cssFile = null;
*/
function diabook_blue_community_info(){
$a = get_app();
//right_aside at networkpages
// last 12 users
$aside['$lastusers_title'] = t('Last users');
@ -279,56 +278,6 @@ if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname']){
}
}
//tabs at right_aside on settings page
if ($a->argv[0] === "settings"){
$tabs = array(
array(
'label' => t('Account settings'),
'url' => $a->get_baseurl(true).'/settings',
'sel' => (($a->argc == 1)?'active':''),
),
array(
'label' => t('Display settings'),
'url' => $a->get_baseurl(true).'/settings/display',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'display')?'active':''),
),
array(
'label' => t('Edit/Manage Profiles'),
'url' => $a->get_baseurl(true).'/profiles',
),
array(
'label' => t('Connector settings'),
'url' => $a->get_baseurl(true).'/settings/connectors',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'connectors')?'active':''),
),
array(
'label' => t('Plugin settings'),
'url' => $a->get_baseurl(true).'/settings/addon',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'addon')?'active':''),
),
array(
'label' => t('Connections'),
'url' => $a->get_baseurl(true) . '/settings/oauth',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'oauth')?'active':''),
),
array(
'label' => t('Export personal data'),
'url' => $a->get_baseurl(true) . '/uexport',
'sel' => ''
)
);
$tabtpl = file_get_contents(dirname(__file__).'/rs_common_tabs.tpl') ;
$a->page['aside'] = replace_macros($tabtpl, array(
'$tabs' => $tabs,
));
// CUSTOM CSS
$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook-blue/style-settings.css";
}
// custom css
if (!is_null($cssFile)) $a->page['htmlhead'] .= sprintf('<link rel="stylesheet" type="text/css" href="%s" />', $cssFile);

View file

@ -0,0 +1,11 @@
<div id="widget_$title">
{{if $title}}<h3 style="border-bottom: 1px solid #D2D2D2;">$title</h3>{{endif}}
{{if $desc}}<div class="desc">$desc</div>{{endif}}
<ul class="rs_tabs">
{{ for $items as $item }}
<li><a href="$item.url" class="rs_tab button {{ if $item.selected }}selected{{ endif }}">$item.label</a></li>
{{ endfor }}
</ul>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 774 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 663 B

After

Width:  |  Height:  |  Size: 723 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 722 B

After

Width:  |  Height:  |  Size: 706 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 637 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 739 B

After

Width:  |  Height:  |  Size: 764 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 710 B

After

Width:  |  Height:  |  Size: 664 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 688 B

Before After
Before After

View file

@ -0,0 +1,11 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$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>
{{ endfor }}
</ul>
</div>

View file

@ -7,13 +7,13 @@
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list home"><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 photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1</a></li>
<li id="profile-side-events" class="menu-profile-list events"><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 notes"><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 foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1</a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1<span class="menu-profile-icon home"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1<span class="menu-profile-icon photos"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1<span class="menu-profile-icon pscontacts"></span></a></li>
<li id="profile-side-events" class="menu-profile-list events"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1<span class="menu-profile-icon events"></span></a></li>
<li id="profile-side-notes" class="menu-profile-list notes"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1<span class="menu-profile-icon notes"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1<span class="menu-profile-icon foren"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1<span class="menu-profile-icon com_side"></span></a></li>
</ul>
</div>

View file

@ -1,6 +0,0 @@
<h3 style="border-bottom: 1px solid #D2D2D2;">Settings Menu</h3>
<ul class="rs_tabs">
{{ for $tabs as $tab }}
<li><a href="$tab.url" class="rs_tab button $tab.sel">$tab.label</a></li>
{{ endfor }}
</ul>

View file

@ -482,8 +482,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #FFE499;
}
.tool .label {
float: left;
@ -941,44 +942,57 @@ ul.menu-popup .empty {
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #FFE499;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-red/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-red/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-red/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-red/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-red/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-red/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-red/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;

View file

@ -1,2590 +0,0 @@
/**
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
* Additional Changes: Michael Vogel <icarus@dabo.de>
**/
/* ========= */
/* = Admin = */
/* ========= */
#adminpage {
/* width: 80%;*/
}
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
.admin.linklist {
border: 0px; padding: 0px;
}
.admin.link {
list-style-position: inside;
font-size: 1em;
padding: 5px;
width: 100px;
margin: 5px;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #898989;
margin-bottom: 5px;
margin-top: 10px;
}
#adminpage .submit {
clear:left;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
/* border: 1px solid #888888; */
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.contacts {
background-image: url("../../../view/theme/diabook-red/icons/contacts.png");}
.icon.notifications {
background-image: url("../../../view/theme/diabook-red/icons/notifications.png");}
.icon.notify {
background-image: url("../../../view/theme/diabook-red/icons/notify.png");}
.icon.messages {
background-image: url("../../../view/theme/diabook-red/icons/messages.png");}
.icon.community {
background-image: url("../../../view/theme/diabook-red/icons/community.png");}
.icon.drop { background-image: url("../../../view/theme/diabook-red/icons/drop.png");}
.icon.drophide { background-image: url("../../../view/theme/diabook-red/icons/drop.png");}
.icon.dislike { background-image: url("../../../view/theme/diabook-red/icons/dislike.png");}
.icon.like { background-image: url("../../../view/theme/diabook-red/icons/like.png");}
.icon.pencil { background-image: url("../../../view/theme/diabook-red/icons/pencil.png");}
.icon.recycle { background-image: url("../../../view/theme/diabook-red/icons/recycle.png");}
.icon.remote-link { background-image: url("../../../view/theme/diabook-red/icons/remote.png");}
.icon.tagged { background-image: url("../../../view/theme/diabook-red/icons/tagged.png");}
.icon.file-as { background-image: url("../../../view/theme/diabook-red/icons/file_as.png");}
.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook-red/icons/unstarred.png");}
.star-item.icon.starred { background-image: url("../../../view/theme/diabook-red/icons/starred.png");}
.icon.link { background-image: url("../../../view/theme/diabook-red/icons/link.png");}
.icon.lock { background-image: url("../../../view/theme/diabook-red/icons/lock.png");}
.icon.unlock { background-image: url("../../../view/theme/diabook-red/icons/unlock.png");}
.icon.language { background-image: url("../../../view/theme/diabook-red/icons/language.png");}
.camera { background-image: url("../../../view/theme/diabook-red/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.attach { background-image: url("../../../view/theme/diabook-red/icons/attach.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video2 { background-image: url("../../../view/theme/diabook-red/icons/video.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video { background-image: url("../../../view/theme/diabook-red/icons/video.png");
display: block; width: 100%; height: 28px; background-repeat: no-repeat;
}
.audio2 { background-image: url("../../../view/theme/diabook-red/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.audio { background-image: url("../../../view/theme/diabook-red/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.weblink { background-image: url("../../../view/theme/diabook-red/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.globe { background-image: url("../../../view/theme/diabook-red/icons/globe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.unglobe { background-image: url("../../../view/theme/diabook-red/icons/unglobe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.edit {background-image: url("../../../view/theme/diabook-red/icons/pencil2.png");
display: block; width: 28px; height: 28px; 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;}*/
/*.camera { background-position: -170px 0px;}*/
/*.dislike { background-position: -190px 0px;}*/
/*.like { background-position: -210px 0px;}*/
/*.link { background-position: -230px 0px;}*/
/*.globe { background-position: -50px -20px;}*/
/*.noglobe { background-position: -70px -20px;}*/
.no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;}
/*.pencil { background-position: -150px -20px;}*/
.small-pencil { background-position: -170px -20px;}
/*.recycle { background-position: -190px -20px;}*/
/*.remote-link { background-position: -210px -20px;}*/
.share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
/*.lock { background-position: -70px -40px;}*/
/*.video { background-position: -110px -40px;}*/
.youtube { background-position: -130px -40px;}
/*.attach { background-position: -190px -40px;}*/
/*.language { background-position: -210px -40px;}*/
.icon.on { background-image: url("../../../view/theme/diabook-red/icons/toogle_on.png"); background-repeat: no-repeat;}
.icon.off { background-image: url("../../../view/theme/diabook-red/icons/toogle_off.png"); background-repeat: no-repeat;}
.prev { background-position: -90px -60px;}
.next { background-position: -110px -60px;}
/*.tagged { background-position: -130px -60px;}*/
.attachtype {
display: block; width: 20px; height: 23px;
background-image: url('../../../images/content-types.png');
}
.type-video { background-position: 0px 0px; }
.type-image { background-position: -20px 0px; }
.type-audio { background-position: -40px 0px; }
.type-text { background-position: -60px 0px; }
.type-unkn { background-position: -80px 0px; }
.icon.drop, .icon.drophide {
float: left;
}
.icon {
display: block;
width: 20px;
height: 20px;
/*background-image: url('icons.png');*/
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
/* background-position: left center; */
display: block;
overflow: hidden;
text-indent: -9999px;
padding: 1px;
}
.icon.border.camera{
background-image: url("../../../view/theme/diabook-red/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.icon.border.link{
background-image: url("../../../view/theme/diabook-red/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
margin-left: 10px;
}
.icon.text {
text-indent: 0px;
}
.icon.s10 {
min-width: 10px;
height: 10px;
}
.icon.s10.notify {
background-image: url("../../../images/icons/10/notify_off.png");
}
.icon.s10.gear {
background-image: url("../../../images/icons/10/gear.png");
}
.icon.s10.add {
background-image: url("../../../images/icons/10/add.png");
}
.icon.s10.delete {
background-image: url("../../../images/icons/10/delete.png");
}
.icon.s10.edit {
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
}
.icon.s10.link {
background-image: url("../../../images/icons/10/link.png");
}
.icon.s10.lock {
background-image: url("../../../images/icons/10/lock.png");
}
.icon.s10.unlock {
background-image: url("../../../images/icons/10/unlock.png");
}
.icon.s10.text {
padding: 2px 0px 0px 15px;
font-size: 10px;
}
.icon.s16 {
min-width: 16px;
height: 16px;
}
.icon.s16.notify {
background-image: url("../../../images/icons/16/notify_off.png");
}
.icon.s16.gear {
background-image: url("../../../images/icons/16/gear.png");
}
.icon.s16.add {
background-image: url("../../../images/icons/16/add.png");
}
.icon.s16.delete {
background-image: url("../../../images/icons/16/delete.png");
}
/*.icon.s16.edit {
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
}
/*.icon.s16.link {
background-image: url("../../../images/icons/16/link.png");
}*/
.icon.s16.lock {
background-image: url("../../../images/icons/16/lock.png");
}
.icon.s16.unlock {
background-image: url("../../../images/icons/16/unlock.png");
}
.icon.s16.text {
padding: 4px 0px 0px 20px;
font-size: 10px;
}
.icon.s22 {
min-width: 22px;
height: 22px;
}
.icon.s22.notify {
background-image: url("../../../images/icons/22/notify_off.png");
}
.icon.s22.gear {
background-image: url("../../../images/icons/22/gear.png");
}
.icon.s22.add {
background-image: url("../../../images/icons/22/add.png");
}
.icon.s22.delete {
background-image: url("../../../images/icons/22/delete.png");
}
.icon.s22.edit {
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
}
.icon.s22.link {
background-image: url("../../../images/icons/22/link.png");
}
.icon.s22.lock {
background-image: url("../../../images/icons/22/lock.png");
}
.icon.s22.unlock {
background-image: url("../../../images/icons/22/unlock.png");
}
.icon.s22.text {
padding: 10px 0px 0px 25px;
width: 200px;
}
.icon.s48 {
width: 48px;
height: 48px;
}
.icon.s48.notify {
background-image: url("../../../images/icons/48/notify_off.png");
}
.icon.s48.gear {
background-image: url("../../../images/icons/48/gear.png");
}
.icon.s48.add {
background-image: url("../../../images/icons/48/add.png");
}
.icon.s48.delete {
background-image: url("../../../images/icons/48/delete.png");
}
.icon.s48.edit {
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
}
.icon.s48.link {
background-image: url("../../../images/icons/48/link.png");
}
.icon.s48.lock {
background-image: url("../../../images/icons/48/lock.png");
}
.icon.s48.unlock {
background-image: url("../../../images/icons/48/unlock.png");
}
#contact-edit-links ul {
list-style: none;
list-style-type: none;
}
.hide-comments-outer {
margin-left: 80px;
margin-bottom: 5px;
width: 484px;
border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4;
padding: 8px;
}
/* global */
body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12.5px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px auto auto;
display: table;
}
h4 {
font-size: 1.1em;
}
a {
color: #333333;
/* color: #3e3e8c; */
text-decoration: none;
}
a:hover {
/* color: blue; */
text-decoration: underline
}
.wall-item-name-link {
/* float: left;*/
}
.wall-item-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.fakelink {
color: #333;
/* color: #3e3e8c; */
text-decoration: none;
cursor: pointer;
}
.fakelink:hover {
/* color: blue; */
/*color: #005c94; */
text-decoration: underline;
}
code {
font-family: Courier, monospace;
white-space: pre;
display: block;
overflow: auto;
border: 1px solid #444;
background: #EEE;
color: #444;
padding: 10px;
margin-top: 20px;
}
#panel {
position: absolute;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 1em;
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);
}
/* tool */
.tool {
height: auto;
overflow: auto;
padding: 3px;
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
}
.tool .label {
float: left;
}
.tool .action {
float: right;
}
.tool a {
color: ##3F8FBA;
}
.tool a:hover {
text-decoration: none;
}
/* popup notifications */
div.jGrowl div.notice {
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
div.jGrowl div.info {
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
/* header */
header {
position: fixed;
left: 0%;
right: 80%;
top: 0px;
margin: 0px;
padding: 0px;
width: 22%;
height: 32px;
background: #ff500f;
background-color: #ff500f;
z-index: 100;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
}
header #site-location {
display: none;
}
header #banner {
overflow: hidden;
text-align: left;
width: 82%%;
margin-left: 25%;
}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
color: #1f1f1f;
text-decoration: none;
outline: none;
vertical-align: middle;
font-weight: bolder;
}
header #banner #logo-img {
height: 25px;
margin-top: 3px;
}
header #banner #logo-text {
font-size: 20px;
position: absolute;
top: 10%;
margin-left: 3px;
}
/* nav */
nav {
width: 80%;
height: 32px;
position: fixed;
left: 22%;
top: 0px;
padding: 0px;
background: #ff500f;
color: #1f1f1f;
z-index: 99;
border-bottom: 1px;
border-bottom-color: black;
border-bottom-style: inset;
background-image: linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -o-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -moz-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -webkit-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
background-image: -ms-linear-gradient(bottom, rgb(173,59,10) 0%, rgb(255,79,15) 65%);
}
nav a,
nav a:active,
nav a:visited,
nav a:link,
nav a:hover {
color: #1f1f1f;
text-decoration: none;
outline: none;
}
nav #banner {
overflow: hidden;
/*text-align: center;*/
width: 100%;
}
nav #banner a,
nav #banner a:active,
nav #banner a:visited,
nav #banner a:link,
nav #banner a:hover {
color: #1f1f1f;
text-decoration: none;
outline: none;
vertical-align: bottom;
}
nav #banner #logo-img {
height: 22px;
margin-top: 5px;
}
nav #banner #logo-text {
font-size: 22px;
}
nav #navbar{
}
nav ul {
margin: 0px;
padding: 0px 20px;
}
nav ul li {
list-style: none;
margin: 0px;
/* padding: 1px 1px 3px 1px; */
float: left;
}
nav ul li .menu-popup {
left: 0px;
right: auto;
}
nav #logo-img {
height: 25px;
margin-top: 4px;
margin-left: 30px;
}
nav #logo-text {
font-size: 22px;
margin-top: 3px;
margin-right: 15px;
}
nav .nav-menu-search {
position: relative;
margin: 4px 17px;
margin-right: 0px;
height: 17px;
width: 180px;
}
nav #search-box #search-text {
background-image: url('icons/lupe.png');
background-repeat:no-repeat;
padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
nav .nav-menu-icon {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon:hover {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon.selected {
background-color: #fff4d6;
}
nav .nav-menu-icon img {
width: 22px;
height: 22px;
}
nav .nav-menu-icon .nav-notify {
top: 3px;
}
nav .nav-menu {
position: relative;
height: 16px;
padding: 5px;
margin: 3px 15px 0px;
font-size: 13px;
/*border-bottom: 3px solid #364A84;*/
}
nav .nav-menu.selected {
/*border-bottom: 3px solid #9eabb0;*/
}
nav .nav-notify {
display: none;
position: absolute;
background-color: #fff;
/* background-color: #19aeff; */
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: 10px;
font-weight: 900;
padding: 1px 4px;
top: 0px;
right: -6px;
min-width: 10px;
text-align: center;
}
nav .nav-notify.show {
display: block;
}
nav #nav-help-link,
nav #nav-search-link,
nav #nav-directory-link,
nav #nav-apps-link,
nav #nav-site-linkmenu,
nav #nav-home-link,
nav #nav-user-linkmenu
{
float: right;
}
nav #nav-user-linkmenu{
margin-right: 0px;
}
nav #nav-home-link, #nav-directory-link, #nav-apps-link{
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
margin: 3px 5px;
font-size: 15px;
}
nav #nav-directory-link{
margin-right: 0px;
}
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
nav #nav-directory-link .menu-popup,
nav #nav-apps-link .menu-popup,
nav #nav-site-linkmenu .menu-popup {
right: 0px;
left: auto;
}
nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
background-image: url("../../../view/theme/diabook-red/icons/messages2.png");
}
/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
background-image: url("../../../view/theme/diabook-red/icons/notify2.png");
}
nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
background-image: url("../../../view/theme/diabook-red/icons/contacts2.png");
}
nav #nav-apps-link.selected {
background-color: #fff4d6;
moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#nav-notifications-mark-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
#nav-notifications-see-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
.notify-seen {
background: none repeat scroll 0 0 #DDDDDD;
}
ul.menu-popup {
position: absolute;
display: none;
width: 11em;
background: #fff4d6;
color: #2d2d2d;
margin: 0px;
padding: 0px;
list-style: none;
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);
}
ul.menu-popup a {
display: block;
color: #2d2d2d;
padding: 5px 10px;
text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #ffe499; /*bdcdd4;*/
color: #000;
}
ul.menu-popup .menu-sep {
border-top: 1px solid #9eabb0;
}
ul.menu-popup li {
float: none;
overflow: auto;
height: auto;
display: block;
}
ul.menu-popup li img {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
}
ul.menu-popup .empty {
padding: 5px;
text-align: center;
color: #9eabb0;
}
/* autocomplete popup */
.acpopup {
max-height: 150px;
background-color: #ffffff;
color: #2d2d2d;
border: 1px solid #MenuBorder;
overflow: auto;
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);
}
.acpopupitem {
color: #2d2d2d;
padding: 4px;
clear: left;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
.acpopupitem.selected {
background-color: #bdcdd4;
}
#nav-notifications-menu {
width: 400px;
max-height: 550px;
overflow: auto;
}
/* #nav-notifications-menu a {
display: inline;
padding: 5px 0px;
margin: 0px 0px 2px 0px;
}
#nav-notifications-menu li:hover {
background-color: #bdcdd4;
}*/
#nav-notifications-menu img {
float: left;
margin-right: 5px;
}
#nav-notifications-menu .contactname {
font-weight: bold;
}
#nav-notifications-menu .notif-when {
font-size: 10px;
color: #9eabb0;
display: block;
}
.notif-image {
width: 32px;
height: 32px;
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;
word-wrap: break-word;
width: 130px;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 0px;
min-height: 0px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item{
padding-left: 5px;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-red/icons/home.png") no-repeat;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-red/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-red/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-red/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-red/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-red/icons/com_side.png") no-repeat;
}
/* aside */
aside {
display: table-cell;
vertical-align: top;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid #D2D2D2;
float: left;
/* background: #F1F1F1; */
}
aside .vcard {
display: none;
}
aside .vcard .title {
margin-bottom: 5px;
}
aside .vcard dl {
height: auto;
overflow: auto;
}
aside .vcard dt {
float: left;
margin-left: 0px;
/*width: 35%;*/
text-align: right;
color: #999999;
}
aside .vcard dd {
float: left;
margin-left: 5px;
/*width: 60%;*/
}
aside #profile-extra-links ul {
padding: 0px;
margin: 0px;
}
aside #profile-extra-links li {
padding: 0px;
margin: 0px;
list-style: none;
}
aside #dfrn-request-link {
display: block;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
font-weight: bold;
text-transform: uppercase;
padding: 4px 2px 2px 35px;
}
aside #dfrn-request-link:hover {
text-decoration: none;
background-color: #36c;
/* background-color: #19aeff; */
}
aside #profiles-menu {
width: 20em;
}
aside #search-text {
width: 150px;
height: 17px;
padding-left: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
aside #side-follow-url {
width: 150px;
}
aside #side-peoplefind-url {
width: 150px;
}
#contact-block {
display: none;
}
#contact-block .contact-block-h4 {
float: left;
margin: 5px 0px;
}
#contact-block .allcontact-link {
float: right;
margin: 5px 0px;
}
#contact-block .contact-block-content {
clear: both;
overflow: auto;
height: auto;
}
#contact-block .contact-block-link {
float: left;
margin: 0px 2px 2px 0px;
}
#contact-block .contact-block-link img {
widht: 48px;
height: 48px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
}
.widget h3 {
padding: 0px;
margin: 2px;
}
.widget .action {
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget input.action {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget:hover .title .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action.ticked {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget ul {
padding: 0px;
}
.widget ul li {
padding-left: 16px;
min-height: 16px;
list-style: none;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#side-bar-photos-albums ul li a{
color: #1872A2;
}
.widget .tool.selected {
background: url("../../../view/theme/diabook-red/icons/selected.png") no-repeat left center;
}
/* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup {
width: 200px;
top: 18px;
}
/* section */
section {
display: table-cell;
vertical-align: top;
width: 650px;
padding: 0px 0px 0px 20px;
}
body .pageheader{
text-align: center;
font-size: 20px;
margin-bottom: 20px;
margin-top: 0px;
max-width: 575px;
}
#id_username {
width: 173px;
}
#id_password {
width: 173px;
}
#id_openid_url {
width: 173px;
}
#contact-edit-end {
}
.pager {
padding: 10px;
text-align: center;
font-size: 1.0em;
clear: both;
display: block;
}
.tabs {display: none;}
.tab.button{display: none;}
.rs_tabs {
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
margin-bottom: 10px;
}
right_aside {
display: table-cell;
vertical-align: top;
width: 170px;
/*padding-right: 10px;*/
/*border-left: 1px solid #D2D2D2;*/
/* background: #F1F1F1; */
}
right_aside a{color: red;}
right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px;
margin-top:30px;}
right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; }
right_aside .directory-photo { margin: 0px; }
right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
#page-sidebar-right_aside .label {max-width: 128px;}
right_aside .icon {width: 10px; height: 10px;}
.close_box {
background-image: url("../../../view/theme/diabook-red/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 0.1;
}
.close_box:hover {
background-image: url("../../../view/theme/diabook-red/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* wall item */
.tread-wrapper {
border-bottom: 1px solid #D2D2D2;
position: relative;
padding: 5px;
margin-bottom: 0px;
width: 575px;
}
.tread-wrapper a{
color: red;
}
.wall-item-decor {
position: absolute;
left: 790px;
top: -10px;
width: 16px;
}
.wall-item-container {
display: table;
width: 580px;
}
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row;
}
.wall-item-bottom {
font-size: 13px;
}
.wall-item-container .wall-item-bottom {
/* opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container:hover .wall-item-bottom {
/* opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container .wall-item-info {
display: table-cell;
vertical-align: top;
text-align: left;
width: 80px;
}
.wall-item-container .wall-item-location {
padding-right: 40px;
display: table-cell;
}
.wall-item-container .wall-item-ago {
word-wrap: break-word;
width: 50px;
margin-left: 10px;
color: #999;
}
.wall-item-location {
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
.wall-item-container .wall-item-content {
font-size: 12.5px;
max-width: 420px;
word-wrap: break-word;
line-height: 1.2;
}
.wall-item-container .wall-item-content img {
max-width: 400px;
}
.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
display: table-cell;
vertical-align: middle;
}
.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-name {
font-weight: bold;
}
.wall-item-container .wall-item-actions-author {
width: 100%;
margin-bottom: 0.3em;
}
.wall-item-container .wall-item-actions-social {
float: left;
margin-bottom: 1px;
display: table-cell;
}
.wall-item-container .wall-item-actions-social a {
margin-right: 1em;
}
.wall-item-actions-social a {
float: left;
}
.wall-item-container .wall-item-actions-tools {
float: right;
width: 80px;
display: table-cell;
}
.wall-item-container .wall-item-actions-tools a {
float: right;
}
.wall-item-container .wall-item-actions-tools input {
float: right;
}
.wall-item-container.comment {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 80px;
width: 500px;
border-bottom: 1px solid hsl(198, 21%, 79%);
}
.wall-item-container.comment .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.wall-item-container.comment {
top: 15px !important;
left: 15px !important;
}
.wall-item-container.comment .wall-item-links {
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;
}
.wall-item-comment-wrapper textarea {
height: 2.0em;
width: 100%;
font-size: 10px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
font-size: 14px;
}
.wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px;
height: 4em;
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
.comment-edit-preview {
width: 710px;
border: 1px solid #2d2d2d;
margin-top: 10px;
}
.comment-edit-preview .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview {
top: 15px !important;
left: 15px !important;
}
.comment-edit-preview .wall-item-links {
padding-left: 12px;
}
.comment-edit-preview .wall-item-container {
width: 700px;
}
.comment-edit-preview .tread-wrapper {
width: 700px;
padding: 0;
margin: 10px 0;
}
.shiny {
/* border-right: 10px solid #fce94f; */
border-right: 1px solid #A7C7F7;
padding-right: 12px;
}
#jot-preview-content{
margin-top: 30px;}
#jot-preview-content .tread-wrapper {
background-color: #fff797;
}
.wall-item-tags {
padding-top: 1px;
padding-bottom: 2px;
}
.tag {
/*background: url("../../../images/tag_b.png") repeat-x center left;*/
color: #999;
padding-left: 3px;
font-size: 12px;
}
.tag a {
padding-right: 5px;
/*background: url("../../../images/tag.png") no-repeat center right;*/
color: #999;
}
.wwto {
position: absolute !important;
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid #364e59;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.wwto .contact-photo {
width: auto;
height: 25px;
}
/* contacts menu */
.contact-photo-wrapper {
position: relative;
width: 80px;
}
.contact-photo-wrapper.wwto {
width: 25px;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper {
left: 0px;
top: 63px;
}
.contact-photo {
width: 48px;
height: 48px;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-name {
/* text-align: center; */
/*font-weight: bold;*/
font-size: 12px;
}
.contact-details {
color: #999999;
}
/* editor */
.jothidden {
display: none;
}
#jot {
width: 585px;
margin: 0px 2em 20px 0px;
}
#profile-jot-form #profile-jot-text {
height: 2.0em;
width: 99%;
font-size: 15px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
margin-bottom: 10px;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 40px;
overflow: none;
width: 583px;
background-color: #fff;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li {
list-style: none;
float: left;
width: 80px;
height: 40px;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li 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;
border-bottom: 2px solid #bdcdd4;
}
#jot #jot-tools li.perms {
float: right;
width: 40px;
}
#jot #jot-tools li.perms a.unlock {
width: 30px;
border-left: 10px solid #cccccc;
background-color: #cccccc;
background-position: left center;
}
#jot #jot-tools li.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;
width: 20px;
vertical-align: center;
text-align: center;
border-top: 2px solid #9eabb0;
height: 38px;
}
#jot #jot-tools li.loading img {
margin-top: 10px;
}
#profile-jot-form #jot-title {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
width: 60%;
border: 1px solid #ffffff;
}
#profile-jot-form #jot-title:-webkit-input-placeholder {
font-weight: normal;
}
#profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal;
}
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{
width: 585px;
height: 100px;
}
#jot #jot-title:hover {
border: 1px solid #999999;
}
#jot #jot-title:focus {
border: 1px solid #999999;
}
#jot #character-counter {
width: 80px;
float: right;
text-align: right;
height: 20px;
line-height: 20px;
padding-right: 20px;
}
#jot-perms-icon,
#profile-location,
#profile-nolocation,
#profile-youtube,
#profile-video,
#profile-audio,
#profile-link,
#profile-title,
#wall-image-upload,
#wall-file-upload,
#wall-image-upload-div,
#wall-file-upload-div,
.hover, .focus {
cursor: pointer;
margin-top: 2px;
}
#profile-jot-wrapper{
margin: 0 2em 20px 0;
width: 585px;
}
#profile-jot-submit-wrapper {
margin-bottom: 50px;
width: 585px;
}
#profile-jot-submit {
float: right;
margin-top: 2px;
font-size: 14px;
}
#profile-upload-wrapper {
float: left;
margin-top: 2px;
margin-left: 10px;
}
#profile-attach-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-rotator {
float: left;
margin-left: 30px;
margin-top: 2px;
}
#profile-link-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-youtube-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-video-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-audio-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-location-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-jot-perms {
float: left;
margin-left: 45px;
margin-top: 2px;
}
#jot-preview-link {
float: right;
margin-left: 10px;
margin-top: 2px;
font-size: 9px;
font-weight: bolder;
cursor: pointer;
}
#profile-jot-perms{
float: right;
margin-left: 10px;
margin-top: 2px;
}
/** buttons **/
.button.creation1 {
background-color: #fff;
border: 1px solid #777777;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
font-weight: bolder;
cursor: pointer;
}
.button.creation2 {
background-color: #FF500F;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
font-weight: bolder;
cursor: pointer;
}
/*input[type="submit"] {
border: 0px;
background-color: @ButtonBackgroundColor;
color: @ButtonColor;
padding: 0px 10px;
.rounded(5px);
height: 18px;
}*/
/** acl **/
#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
display: block!important;
}
#acl-wrapper {
width: 690px;
float: left;
}
#acl-search {
float: right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 18px;
background-color: #cccccc;
background-image: url("../../../images/show_all_off.png");
background-position: 7px 7px;
background-repeat: no-repeat;
padding: 7px 5px 0px 30px;
color: #999999;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
background-image: url("../../../images/show_all_on.png");
}
#acl-list {
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px;
overflow: auto;
}
.acl-list-item {
display: block;
width: 150px;
height: 30px;
border: 1px solid #cccccc;
margin: 5px;
float: left;
}
.acl-list-item img {
width: 22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p {
height: 12px;
font-size: 10px;
margin: 0px;
padding: 2px 0px 1px;
overflow: hidden;
}
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
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;
}
#acl-wrapper a:hover {
text-decoration: none;
color: #000000;
}
.acl-button-show {
background-image: url("../../../images/show_off.png");
}
.acl-button-hide {
background-image: url("../../../images/hide_off.png");
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
background-image: url("../../../images/show_on.png");
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
background-image: url("../../../images/hide_on.png");
}
.acl-list-item.groupshow {
border-color: #9ade00;
}
.acl-list-item.grouphide {
border-color: #ff4141;
}
/** /acl **/
/** tab buttons 14618a**/
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .active {
background-color: #535353;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
/**
* Form fields
*/
.field {
margin-bottom: 10px;
padding-bottom: 10px;
overflow: auto;
width: 100%;
}
.field label {
float: left;
width: 200px;
}
.field input, .field textarea {
width: 400px;
}
.field textarea {
height: 100px;
}
.field .field_help {
display: block;
margin-left: 200px;
color: #666666;
}
.field .onoff {
float: left;
width: 80px;
}
.field .onoff a {
display: block;
border: 1px solid #666666;
background-image: url("../../../images/onoff.jpg");
background-repeat: no-repeat;
padding: 4px 2px 2px 2px;
height: 16px;
text-decoration: none;
}
.field .onoff .off {
border-color: #666666;
padding-left: 40px;
background-position: left center;
background-color: #cccccc;
color: #666666;
text-align: right;
}
.field .onoff .on {
border-color: #204A87;
padding-right: 40px;
background-position: right center;
background-color: #D7E3F1;
color: #204A87;
text-align: left;
}
.field .hidden {
display: none!important;
}
.field.radio .field_help {
margin-left: 0px;
}
#directory-search-form{
margin-bottom: 50px;
}
#profile-edit-links-end {
clear: both;
margin-bottom: 15px;
}
#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
#profile-edit-links li {
float: left;
list-style: none;
margin-left: 10px;
}
.profile-edit-side-div {
display: none;
}
#register-form label,
#profile-edit-form label {
width: 300px; float: left;
}
.required {
display: inline;
color: #B20202;
}
/* oauth */
.oauthapp {
height: auto;
overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
margin-bottom: 1em;
}
.oauthapp img {
float: left;
width: 48px;
height: 48px;
margin: 10px;
}
.oauthapp img.noicon {
background-image: url("../../../images/icons/48/plugin.png");
background-position: center center;
background-repeat: no-repeat;
}
.oauthapp a {
float: left;
}
/* contacts */
.contact-entry-wrapper {
width: 120px;
height: 120px;
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;*/
}
/* profile match wrapper */
.profile-match-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.profile-match-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.profile-match-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.profile-match-wrapper {
left: 0px;
top: 63px;
}
.contact-photo-menu-button {
position: relative;
background-image: url("../../../images/icons/16/menu.png");
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px -16px 0px;
padding: 0px;
width: 16px;
height: 16px;
top: -20px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
}
.contact-photo-menu {
width: 11em;
border: 3px solid #364e59;
color: #2d2d2d;
background: #FFFFFF;
/* position: absolute;*/
position: relative;
left: 0px; top: 0px;
display: none;
z-index: 10000;
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
display: block;
padding: 5px 10px;
color: #2d2d2d;
text-decoration: none;
}
.contact-photo-menu li a:hover {
background-color: #bdcdd4;
}
/* page footer */
footer {
height: 100px;
display: table-row;
}
blockquote {
border-left: 1px solid #D2D2D2;
padding-left: 9px;
margin: 0 0 0 .8ex;
}
.aprofile dt{
box-shadow: 1px 1px 5px 0;
color: #666666;
margin: 15px 0 5px;
padding-left: 5px;
}
/* ================== */
/* = Contacts Block = */
/* ================== */
.contact-block-img {
width: 48px;
height: 48px;
padding-right: 3px;
}
.contact-block-div {
float: left;
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; }
#group-edit-wrapper {
margin-bottom: 10px;
}
#group-members-end {
clear: both;
}
#group-edit-desc {
margin-top: 15px;
}
/*
#group-separator,
#prof-separator { display: none;}
*/
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
margin-bottom: 10px;
margin-top: 20px;
}
#prvmail-submit {
float: right;
margin-top: 10px;
}
#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 {
float: left;
margin-top: 10px;
margin-right: 10px;
width: 24px;
}
#prvmail-end {
clear: both;
}
.mail-list-sender,
.mail-list-detail {
float: left;
}
.mail-list-detail {
margin-left: 20px;
}
.mail-list-subject {
font-size: 1.1em;
margin-top: 10px;
}
a.mail-list-link {
display: block;
font-size: 1.3em;
padding: 4px 0;
}
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
/* ========== */
/* = Events = */
/* ========== */
.eventcal {
float: left;
font-size: 20px;
}
.vevent {
border: 1px solid #CCCCCC;
}
.vevent .event-description, .vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}
.vevent .event-start {
margin-left: 10px;
margin-right: 10px;
}
#new-event-link {
margin-bottom: 10px;
}
.edit-event-link, .plink-event-link {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 15px;
}
.event-description:before {
content: url('../../../images/calendar.png');
margin-right: 15px;
}
.event-start, .event-end {
margin-left: 10px;
width: 330px;
clear: both;
}
.event-start .dtstart, .event-end .dtend {
float: right;
}
.event-list-date {
margin-bottom: 10px;
}
.prevcal, .nextcal {
float: left;
margin-left: 32px;
margin-right: 32px;
margin-top: 64px;
}
.event-calendar-end {
clear: both;
}
.calendar {
font-family: Courier, monospace;
}
.calendar.eventcal a {
color: #1872A2;
}
.today {
font-weight: bold;
color: #FF0000;
}
.settings-block {
border: 1px solid #AAA;
margin: 10px;
padding: 10px;
}
.app-title {
margin: 10px;
}
#identity-manage-desc {
margin-top:15px;
margin-bottom: 15px;
}
#identity-manage-choose {
margin-bottom: 15px;
}
#identity-submit {
margin-top: 20px;
}
#photo-prev-link, #photo-next-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
#photo-like-div .wall-item-like-buttons {
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;
}
#photo-photo-end {
clear: both;
}
.tabs .comment-wwedit-wrapper {
display: block;
margin-top: 30px;
margin-left: 50px;
}
.profile-match-photo {
float: left;
text-align: center;
width: 120px;
}
.profile-match-name {
float: left;
text-align: center;
width: 120px;
overflow: hidden;
}
.profile-match-break,
.profile-match-end {
clear: both;
}
.profile-match-connect {
text-align: center;
font-weight: bold;
}
.profile-match-wrapper {
float: left;
padding: 10px;
width: 120px;
height: 120px;
scroll: auto;
}
#profile-match-wrapper-end {
clear: both;
}
/* ============= */
/* = Directory = */
/* ============= */
/* contacts menu */
.contact-photo-wrapper {
position: relative;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-photo-menu-button {
display: none;
/* position: absolute; */
/* position: absolute; */
left: -2px;
top: -20px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo-menu-button {
left: 0px;
top: 63px;
}
.directory-item {
float: left;
width: 200px;
height: 200px;
}
.directory-item .contact-photo {
width: 175px;
height: 175px;
}
.directory-item .contact-photo img {
width: 175px;
height: 175px;
}
.contact-name {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.contact-details {
color: #999999;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#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: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
width: 200px; height: 140px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
position: absolute;
bottom: 0px;
padding-left: 3px;
background-color: #EEE;
}
.photo-top-album-link{
color: #1872A2;
}
.photo-top-album-img{
}
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
margin-right: 15px;
width: 200px; height: 200px;
overflow: hidden;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
position: absolute;
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}*/
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}

View file

@ -526,8 +526,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #FFE499;
}
.tool .label {
float: left;
@ -1060,44 +1061,57 @@ ul.menu-popup .empty {
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #FFE499;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook-red/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook-red/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook-red/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook-red/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook-red/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook-red/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook-red/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
display: table-cell;
@ -2132,6 +2146,41 @@ ul.tabs li .active {
box-shadow: 2px 2px 2px #CFCFCF;
margin-left: 5px;
}
//settings tabs
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .selected {
background-color: #535353;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
.rs_tabs {
list-style-type: none;
font-size: 11px;
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
/**
* Form fields
*/

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.016)
* Version: (Version: 1.017)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook-red (Version: 1.016)";
$diabook_version = "Diabook-red (Version: 1.017)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -21,7 +21,6 @@ $cssFile = null;
*/
function diabook_red_community_info(){
$a = get_app();
//right_aside at networkpages
// last 12 users
$aside['$lastusers_title'] = t('Last users');
@ -279,58 +278,6 @@ if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname']){
}
}
//tabs at right_aside on settings page
if ($a->argv[0] === "settings"){
$tabs = array(
array(
'label' => t('Account settings'),
'url' => $a->get_baseurl(true).'/settings',
'sel' => (($a->argc == 1)?'active':''),
),
array(
'label' => t('Display settings'),
'url' => $a->get_baseurl(true).'/settings/display',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'display')?'active':''),
),
array(
'label' => t('Edit/Manage Profiles'),
'url' => $a->get_baseurl(true).'/profiles',
),
array(
'label' => t('Connector settings'),
'url' => $a->get_baseurl(true).'/settings/connectors',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'connectors')?'active':''),
),
array(
'label' => t('Plugin settings'),
'url' => $a->get_baseurl(true).'/settings/addon',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'addon')?'active':''),
),
array(
'label' => t('Connections'),
'url' => $a->get_baseurl(true) . '/settings/oauth',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'oauth')?'active':''),
),
array(
'label' => t('Export personal data'),
'url' => $a->get_baseurl(true) . '/uexport',
'sel' => ''
)
);
$tabtpl = file_get_contents(dirname(__file__).'/rs_common_tabs.tpl') ;
$a->page['aside'] = replace_macros($tabtpl, array(
'$tabs' => $tabs,
));
// CUSTOM CSS
$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook-red/style-settings.css";
}
// custom css
if (!is_null($cssFile)) $a->page['htmlhead'] .= sprintf('<link rel="stylesheet" type="text/css" href="%s" />', $cssFile);

View file

@ -0,0 +1,11 @@
<div id="widget_$title">
{{if $title}}<h3 style="border-bottom: 1px solid #D2D2D2;">$title</h3>{{endif}}
{{if $desc}}<div class="desc">$desc</div>{{endif}}
<ul class="rs_tabs">
{{ for $items as $item }}
<li><a href="$item.url" class="rs_tab button {{ if $item.selected }}selected{{ endif }}">$item.label</a></li>
{{ endfor }}
</ul>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 774 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 663 B

After

Width:  |  Height:  |  Size: 723 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 722 B

After

Width:  |  Height:  |  Size: 706 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 637 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 739 B

After

Width:  |  Height:  |  Size: 764 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 710 B

After

Width:  |  Height:  |  Size: 664 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 688 B

Before After
Before After

View file

@ -0,0 +1,11 @@
<div id="nets-sidebar" class="widget">
<h3>$title</h3>
<div id="nets-desc">$desc</div>
<ul class="nets-ul">
<li><a style="text-decoration: none;" class="tool" href="$base" class="nets-link{{ if $sel_all }} nets-selected{{ endif }} nets-all">$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>
{{ endfor }}
</ul>
</div>

View file

@ -7,13 +7,13 @@
</div>
<ul id="profile-side-menu" class="menu-profile-side">
<li id="profile-side-status" class="menu-profile-list home"><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 photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1</a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1</a></li>
<li id="profile-side-events" class="menu-profile-list events"><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 notes"><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 foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1</a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1</a></li>
<li id="profile-side-status" class="menu-profile-list"><a class="menu-profile-list-item" href="$ps.usermenu.status.0">$ps.usermenu.status.1<span class="menu-profile-icon home"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list photos"><a class="menu-profile-list-item" href="$ps.usermenu.photos.0">$ps.usermenu.photos.1<span class="menu-profile-icon photos"></span></a></li>
<li id="profile-side-photos" class="menu-profile-list pscontacts"><a class="menu-profile-list-item" href="$ps.usermenu.contacts.0">$ps.usermenu.contacts.1<span class="menu-profile-icon pscontacts"></span></a></li>
<li id="profile-side-events" class="menu-profile-list events"><a class="menu-profile-list-item" href="$ps.usermenu.events.0">$ps.usermenu.events.1<span class="menu-profile-icon events"></span></a></li>
<li id="profile-side-notes" class="menu-profile-list notes"><a class="menu-profile-list-item" href="$ps.usermenu.notes.0">$ps.usermenu.notes.1<span class="menu-profile-icon notes"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list foren"><a class="menu-profile-list-item" href="$ps.usermenu.pgroups.0" target="blanc">$ps.usermenu.pgroups.1<span class="menu-profile-icon foren"></span></a></li>
<li id="profile-side-foren" class="menu-profile-list com_side"><a class="menu-profile-list-item" href="$ps.usermenu.community.0">$ps.usermenu.community.1<span class="menu-profile-icon com_side"></span></a></li>
</ul>
</div>

View file

@ -1,6 +0,0 @@
<h3 style="border-bottom: 1px solid #D2D2D2;">Settings Menu</h3>
<ul class="rs_tabs">
{{ for $tabs as $tab }}
<li><a href="$tab.url" class="rs_tab button $tab.sel">$tab.label</a></li>
{{ endfor }}
</ul>

View file

@ -484,8 +484,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #E7F2F7;
}
.tool .label {
float: left;
@ -898,44 +899,57 @@ ul.menu-popup .empty {
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
overflow: auto;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #E7F2F7;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
.menu-profile-icon.home{
background: url("../../../view/theme/diabook/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {

View file

@ -483,8 +483,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover{
background: #E7F2F7;
}
.tool .label {
float: left;
@ -897,8 +898,6 @@ ul.menu-popup .empty {
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
@ -908,28 +907,29 @@ ul.menu-popup .empty {
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
.menu-profile-icon.home{
background: url("../../../view/theme/diabook/icons/home.png") no-repeat;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
.menu-profile-icon.events{
background: url("../../../view/theme/diabook/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat;
}
/* aside */

View file

@ -1,2529 +0,0 @@
/**
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
* Additional Changes: Michael Vogel <icarus@dabo.de>
**/
/* ========= */
/* = Admin = */
/* ========= */
#adminpage {
/* width: 80%;*/
}
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
.admin.linklist {
border: 0px; padding: 0px;
}
.admin.link {
list-style-position: inside;
font-size: 1em;
padding: 5px;
width: 100px;
margin: 5px;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #898989;
margin-bottom: 5px;
margin-top: 10px;
}
#adminpage .submit {
clear:left;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
/* border: 1px solid #888888; */
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1p solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #eeeeee; }
#adminpage .selectall { text-align: right; }
/* icons */
.icon.contacts {
background-image: url("../../../view/theme/diabook/icons/contacts.png");}
.icon.notifications {
background-image: url("../../../view/theme/diabook/icons/notifications.png");}
.icon.notify {
background-image: url("../../../view/theme/diabook/icons/notify.png");}
.icon.messages {
background-image: url("../../../view/theme/diabook/icons/messages.png");}
.icon.community {
background-image: url("../../../view/theme/diabook/icons/community.png");}
.icon.drop { background-image: url("../../../view/theme/diabook/icons/drop.png");}
.icon.drophide { background-image: url("../../../view/theme/diabook/icons/drop.png");}
.icon.dislike { background-image: url("../../../view/theme/diabook/icons/dislike.png");}
.icon.like { background-image: url("../../../view/theme/diabook/icons/like.png");}
.icon.pencil { background-image: url("../../../view/theme/diabook/icons/pencil.png");}
.icon.recycle { background-image: url("../../../view/theme/diabook/icons/recycle.png");}
.icon.remote-link { background-image: url("../../../view/theme/diabook/icons/remote.png");}
.icon.tagged { background-image: url("../../../view/theme/diabook/icons/tagged.png");}
.icon.file-as { background-image: url("../../../view/theme/diabook/icons/file_as.png");}
.star-item.icon.unstarred { background-image: url("../../../view/theme/diabook/icons/unstarred.png");}
.star-item.icon.starred { background-image: url("../../../view/theme/diabook/icons/starred.png");}
.icon.link { background-image: url("../../../view/theme/diabook/icons/link.png");}
.icon.lock { background-image: url("../../../view/theme/diabook/icons/lock.png");}
.icon.unlock { background-image: url("../../../view/theme/diabook/icons/unlock.png");}
.icon.language { background-image: url("../../../view/theme/diabook/icons/language.png");}
.camera { background-image: url("../../../view/theme/diabook/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.attach { background-image: url("../../../view/theme/diabook/icons/attach.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video2 { background-image: url("../../../view/theme/diabook/icons/video.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.video { background-image: url("../../../view/theme/diabook/icons/video.png");
display: block; width: 100%; height: 28px; background-repeat: no-repeat;
}
.audio2 { background-image: url("../../../view/theme/diabook/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.audio { background-image: url("../../../view/theme/diabook/icons/audio.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.weblink { background-image: url("../../../view/theme/diabook/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.globe { background-image: url("../../../view/theme/diabook/icons/globe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.unglobe { background-image: url("../../../view/theme/diabook/icons/unglobe.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.edit {background-image: url("../../../view/theme/diabook/icons/pencil2.png");
display: block; width: 28px; height: 28px; 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;}*/
/*.camera { background-position: -170px 0px;}*/
/*.dislike { background-position: -190px 0px;}*/
/*.like { background-position: -210px 0px;}*/
/*.link { background-position: -230px 0px;}*/
/*.globe { background-position: -50px -20px;}*/
/*.noglobe { background-position: -70px -20px;}*/
.no { background-position: -90px -20px;}
.pause { background-position: -110px -20px;}
.play { background-position: -130px -20px;}
/*.pencil { background-position: -150px -20px;}*/
.small-pencil { background-position: -170px -20px;}
/*.recycle { background-position: -190px -20px;}*/
/*.remote-link { background-position: -210px -20px;}*/
.share { background-position: -230px -20px;}
.tools { background-position: -50px -40px;}
/*.lock { background-position: -70px -40px;}*/
/*.video { background-position: -110px -40px;}*/
.youtube { background-position: -130px -40px;}
/*.attach { background-position: -190px -40px;}*/
/*.language { background-position: -210px -40px;}*/
.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;}
.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 {
display: block; width: 20px; height: 23px;
background-image: url('../../../images/content-types.png');
}
.type-video { background-position: 0px 0px; }
.type-image { background-position: -20px 0px; }
.type-audio { background-position: -40px 0px; }
.type-text { background-position: -60px 0px; }
.type-unkn { background-position: -80px 0px; }
.icon.drop, .icon.drophide {
float: left;
}
.icon {
display: block;
width: 20px;
height: 20px;
/*background-image: url('icons.png');*/
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
/* background-position: left center; */
display: block;
overflow: hidden;
text-indent: -9999px;
padding: 1px;
}
.icon.border.camera{
background-image: url("../../../view/theme/diabook/icons/camera.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
}
.icon.border.link{
background-image: url("../../../view/theme/diabook/icons/weblink.png");
display: block; width: 28px; height: 28px; background-repeat: no-repeat;
margin-left: 10px;
}
.icon.text {
text-indent: 0px;
}
.icon.s10 {
min-width: 10px;
height: 10px;
}
.icon.s10.notify {
background-image: url("../../../images/icons/10/notify_off.png");
}
.icon.s10.gear {
background-image: url("../../../images/icons/10/gear.png");
}
.icon.s10.add {
background-image: url("../../../images/icons/10/add.png");
}
.icon.s10.delete {
background-image: url("../../../images/icons/10/delete.png");
}
.icon.s10.edit {
background-image: url("../../../images/icons/10/edit.png");
}
.icon.s10.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s10.menu {
background-image: url("../../../images/icons/10/menu.png");
}
.icon.s10.link {
background-image: url("../../../images/icons/10/link.png");
}
.icon.s10.lock {
background-image: url("../../../images/icons/10/lock.png");
}
.icon.s10.unlock {
background-image: url("../../../images/icons/10/unlock.png");
}
.icon.s10.text {
padding: 2px 0px 0px 15px;
font-size: 10px;
}
.icon.s16 {
min-width: 16px;
height: 16px;
}
.icon.s16.notify {
background-image: url("../../../images/icons/16/notify_off.png");
}
.icon.s16.gear {
background-image: url("../../../images/icons/16/gear.png");
}
.icon.s16.add {
background-image: url("../../../images/icons/16/add.png");
}
.icon.s16.delete {
background-image: url("../../../images/icons/16/delete.png");
}
/*.icon.s16.edit {
background-image: url("../../../images/icons/16/edit.png");
}*/
.icon.s16.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s16.menu {
background-image: url("../../../images/icons/16/menu.png");
}
/*.icon.s16.link {
background-image: url("../../../images/icons/16/link.png");
}*/
.icon.s16.lock {
background-image: url("../../../images/icons/16/lock.png");
}
.icon.s16.unlock {
background-image: url("../../../images/icons/16/unlock.png");
}
.icon.s16.text {
padding: 4px 0px 0px 20px;
font-size: 10px;
}
.icon.s22 {
min-width: 22px;
height: 22px;
}
.icon.s22.notify {
background-image: url("../../../images/icons/22/notify_off.png");
}
.icon.s22.gear {
background-image: url("../../../images/icons/22/gear.png");
}
.icon.s22.add {
background-image: url("../../../images/icons/22/add.png");
}
.icon.s22.delete {
background-image: url("../../../images/icons/22/delete.png");
}
.icon.s22.edit {
background-image: url("../../../images/icons/22/edit.png");
}
.icon.s22.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s22.menu {
background-image: url("../../../images/icons/22/menu.png");
}
.icon.s22.link {
background-image: url("../../../images/icons/22/link.png");
}
.icon.s22.lock {
background-image: url("../../../images/icons/22/lock.png");
}
.icon.s22.unlock {
background-image: url("../../../images/icons/22/unlock.png");
}
.icon.s22.text {
padding: 10px 0px 0px 25px;
width: 200px;
}
.icon.s48 {
width: 48px;
height: 48px;
}
.icon.s48.notify {
background-image: url("../../../images/icons/48/notify_off.png");
}
.icon.s48.gear {
background-image: url("../../../images/icons/48/gear.png");
}
.icon.s48.add {
background-image: url("../../../images/icons/48/add.png");
}
.icon.s48.delete {
background-image: url("../../../images/icons/48/delete.png");
}
.icon.s48.edit {
background-image: url("../../../images/icons/48/edit.png");
}
.icon.s48.star {
background-image: url("../../../images/star_dummy.png");
}
.icon.s48.menu {
background-image: url("../../../images/icons/48/menu.png");
}
.icon.s48.link {
background-image: url("../../../images/icons/48/link.png");
}
.icon.s48.lock {
background-image: url("../../../images/icons/48/lock.png");
}
.icon.s48.unlock {
background-image: url("../../../images/icons/48/unlock.png");
}
#contact-edit-links ul {
list-style: none;
list-style-type: none;
}
.hide-comments-outer {
margin-left: 80px;
margin-bottom: 5px;
width: 484px;
border-bottom: 1px solid #BDCDD4;
border-top: 1px solid #BDCDD4;
padding: 8px;
}
/* global */
body {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12.5px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px auto auto;
display: table;
}
h4 {
font-size: 1.1em;
}
a {
color: #3465A4;
/* color: #3e3e8c; */
text-decoration: none;
}
a:hover {
/* color: blue; */
text-decoration: underline
}
.wall-item-name-link {
/* float: left;*/
}
.wall-item-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.fakelink {
color: #3465A4;
/* color: #3e3e8c; */
text-decoration: none;
cursor: pointer;
}
.fakelink:hover {
/* color: blue; */
/*color: #005c94; */
text-decoration: underline;
}
code {
font-family: Courier, monospace;
white-space: pre;
display: block;
overflow: auto;
border: 1px solid #444;
background: #EEE;
color: #444;
padding: 10px;
margin-top: 20px;
}
#panel {
position: absolute;
width: 12em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 1em;
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);
}
/* tool */
.tool {
height: auto;
overflow: auto;
padding: 3px;
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
}
.tool .label {
float: left;
}
.tool .action {
float: right;
}
.tool a {
color: ##3F8FBA;
}
.tool a:hover {
text-decoration: none;
}
/* popup notifications */
div.jGrowl div.notice {
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
div.jGrowl div.info {
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
/* header */
header {
position: fixed;
left: 0%;
right: 80%;
top: 0px;
margin: 0px;
padding: 0px;
width: 22%;
height: 32px;
background: #000;
z-index: 100;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
header #site-location {
display: none;
}
header #banner {
overflow: hidden;
text-align: left;
width: 82%%;
margin-left: 25%;
}
header #banner a,
header #banner a:active,
header #banner a:visited,
header #banner a:link,
header #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: middle;
font-weight: bolder;
margin-left: 3px;
}
header #banner #logo-img {
height: 25px;
margin-top: 3px;
}
header #banner #logo-text {
font-size: 20px;
position: absolute;
top: 10%;
}
/* nav */
nav {
width: 80%;
height: 32px;
position: fixed;
left: 22%;
top: 0px;
padding: 0px;
background: #000;
color: #ffffff;
z-index: 99;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
nav a,
nav a:active,
nav a:visited,
nav a:link,
nav a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
}
nav #banner {
overflow: hidden;
/*text-align: center;*/
width: 100%;
}
nav #banner a,
nav #banner a:active,
nav #banner a:visited,
nav #banner a:link,
nav #banner a:hover {
color: #ffffff;
text-decoration: none;
outline: none;
vertical-align: bottom;
}
nav #banner #logo-img {
height: 22px;
margin-top: 5px;
}
nav #banner #logo-text {
font-size: 22px;
}
nav #navbar{
}
nav ul {
margin: 0px;
padding: 0px 20px;
}
nav ul li {
list-style: none;
margin: 0px;
/* padding: 1px 1px 3px 1px; */
float: left;
}
nav ul li .menu-popup {
left: 0px;
right: auto;
}
nav #logo-img {
height: 25px;
margin-top: 4px;
margin-left: 30px;
}
nav #logo-text {
font-size: 22px;
margin-top: 3px;
margin-right: 15px;
}
nav .nav-menu-search {
position: relative;
margin: 4px 17px;
margin-right: 0px;
height: 17px;
width: 180px;
}
nav #search-box #search-text {
background-image: url('icons/lupe.png');
background-repeat:no-repeat;
padding-left:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
nav .nav-menu-icon {
position: relative;
height: 22px;
padding: 5px;
margin: 0px 7px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
nav .nav-menu-icon.selected {
background-color: #fff;
}
nav .nav-menu-icon img {
width: 22px;
height: 22px;
}
nav .nav-menu-icon .nav-notify {
top: 3px;
}
nav .nav-menu {
position: relative;
height: 16px;
padding: 5px;
margin: 3px 15px 0px;
font-size: 13px;
/*border-bottom: 3px solid #364A84;*/
}
nav .nav-menu.selected {
/*border-bottom: 3px solid #9eabb0;*/
}
nav .nav-notify {
display: none;
position: absolute;
background-color: #ff0000;
/* background-color: #19aeff; */
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
font-size: 10px;
font-weight: 900;
padding: 1px 4px;
top: 0px;
right: -6px;
min-width: 10px;
text-align: center;
}
nav .nav-notify.show {
display: block;
}
nav #nav-help-link,
nav #nav-search-link,
nav #nav-directory-link,
nav #nav-apps-link,
nav #nav-site-linkmenu,
nav #nav-home-link,
nav #nav-user-linkmenu
{
float: right;
}
nav #nav-user-linkmenu{
margin-right: 0px;
}
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-right: 0px;
}
nav #nav-home-link{
margin-left: 0px;
}
nav #nav-help-link .menu-popup,
nav #nav-search-link .menu-popup,
nav #nav-directory-link .menu-popup,
nav #nav-apps-link .menu-popup,
nav #nav-site-linkmenu .menu-popup {
right: 0px;
left: auto;
}
nav #nav-messages-linkmenu.on .icon.messages, nav #nav-messages-linkmenu.selected .icon.messages{
background-image: url("../../../view/theme/diabook/icons/messages2.png");
}
/*nav #nav-notifications-linkmenu.on .icon.notify,*/ nav #nav-notifications-linkmenu.selected .icon.notify{
background-image: url("../../../view/theme/diabook/icons/notify2.png");
}
nav #nav-contacts-linkmenu.on .icon.contacts, nav #nav-contacts-linkmenu.selected .icon.contacts{
background-image: url("../../../view/theme/diabook/icons/contacts2.png");
}
nav #nav-apps-link.selected {
background-color: #364e59;
}
#nav-notifications-mark-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
#nav-notifications-see-all {
/* padding: 1px 1px 2px 26px; */
/* border-bottom: 1px solid #364E59; */
/* margin: 0px 0px 2px 0px;
padding: 5px 10px; */
}
.notify-seen {
background: none repeat scroll 0 0 #DDDDDD;
}
ul.menu-popup {
position: absolute;
display: none;
width: 11em;
background: #ffffff;
color: #2d2d2d;
margin: 0px;
padding: 0px;
list-style: none;
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);
}
ul.menu-popup a {
display: block;
color: #2d2d2d;
padding: 5px 10px;
text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #fff797; /*bdcdd4;*/
color: #000;
}
ul.menu-popup .menu-sep {
border-top: 1px solid #9eabb0;
}
ul.menu-popup li {
float: none;
overflow: auto;
height: auto;
display: block;
}
ul.menu-popup li img {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
}
ul.menu-popup .empty {
padding: 5px;
text-align: center;
color: #9eabb0;
}
/* autocomplete popup */
.acpopup {
max-height: 150px;
background-color: #ffffff;
color: #2d2d2d;
border: 1px solid #MenuBorder;
overflow: auto;
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);
}
.acpopupitem {
color: #2d2d2d;
padding: 4px;
clear: left;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
.acpopupitem.selected {
background-color: #bdcdd4;
}
#nav-notifications-menu {
width: 400px;
max-height: 550px;
overflow: auto;
}
/* #nav-notifications-menu a {
display: inline;
padding: 5px 0px;
margin: 0px 0px 2px 0px;
}
#nav-notifications-menu li:hover {
background-color: #bdcdd4;
}*/
#nav-notifications-menu img {
float: left;
margin-right: 5px;
}
#nav-notifications-menu .contactname {
font-weight: bold;
}
#nav-notifications-menu .notif-when {
font-size: 10px;
color: #9eabb0;
display: block;
}
.notif-image {
width: 32px;
height: 32px;
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;
word-wrap: break-word;
width: 130px;
}
#ps-username:hover{
text-decoration: none;
}
.menu-profile-side{
list-style: none;
padding-left: 0px;
min-height: 0px;
}
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
}
.menu-profile-list-item{
padding-left: 5px;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
}
/* aside */
aside {
display: table-cell;
vertical-align: top;
width: 200px;
padding: 0px 10px 0px 10px;
border-right: 1px solid #D2D2D2;
float: left;
/* background: #F1F1F1; */
}
aside .vcard {
display: none;
}
aside .vcard .title {
margin-bottom: 5px;
}
aside .vcard dl {
height: auto;
overflow: auto;
}
aside .vcard dt {
float: left;
margin-left: 0px;
/*width: 35%;*/
text-align: right;
color: #999999;
}
aside .vcard dd {
float: left;
margin-left: 5px;
/*width: 60%;*/
}
aside #profile-extra-links ul {
padding: 0px;
margin: 0px;
}
aside #profile-extra-links li {
padding: 0px;
margin: 0px;
list-style: none;
}
aside #dfrn-request-link {
display: block;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #ffffff;
background: #005c94 url('../../../images/connect-bg.png') no-repeat left center;
font-weight: bold;
text-transform: uppercase;
padding: 4px 2px 2px 35px;
}
aside #dfrn-request-link:hover {
text-decoration: none;
background-color: #36c;
/* background-color: #19aeff; */
}
aside #profiles-menu {
width: 20em;
}
aside #search-text {
width: 150px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
aside #side-follow-url {
width: 150px;
}
aside #side-peoplefind-url {
width: 150px;
}
#contact-block {
display: none;
}
#contact-block .contact-block-h4 {
float: left;
margin: 5px 0px;
}
#contact-block .allcontact-link {
float: right;
margin: 5px 0px;
}
#contact-block .contact-block-content {
clear: both;
overflow: auto;
height: auto;
}
#contact-block .contact-block-link {
float: left;
margin: 0px 2px 2px 0px;
}
#contact-block .contact-block-link img {
widht: 48px;
height: 48px;
}
#lost-password-link {
float: left;
margin-right: 20px;
}
/* widget */
.widget {
margin-bottom: 2em;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
/* font-size: 12px; */
}
.widget h3 {
padding: 0px;
margin: 2px;
}
.widget .action {
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget input.action {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget:hover .title .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .tool:hover .action.ticked {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget ul {
padding: 0px;
}
.widget ul li {
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.widget .tool.selected {
background: url("../../../view/theme/diabook/icons/selected.png") no-repeat left center;
}
/* widget: search */
span.sbox_l {
background: white url('../../../view/theme/diabook/icons/srch_l.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-left: 10px;
margin-top: 5px;
}
span.sbox_r {
background: white url('../../../view/theme/diabook/icons/srch_r.gif') no-repeat top left;
float: left;
width: 19px; height: 19px;
margin-top: 5px;
}
span.sbox input {
background: white url('../../../view/theme/diabook/icons/srch_bg.gif') repeat-x top left;
float: left;
margin-top: 5px;
border: 0;
height: 13px; width: 100px;
padding: 3px;
font: 11px/13px arial;
color: #000;
}
#add-search-popup {
width: 200px;
top: 18px;
}
/* section */
section {
display: table-cell;
vertical-align: top;
width: 650px;
padding: 0px 0px 0px 20px;
}
body .pageheader{
text-align: center;
font-size: 20px;
max-width: 575px;
margin-bottom: 20px;
margin-top: 0px;
max-width: 575px;
}
#id_username {
width: 173px;
}
#id_password {
width: 173px;
}
#id_openid_url {
width: 173px;
}
#contact-edit-end {
}
.pager {
padding: 10px;
text-align: center;
font-size: 1.0em;
clear: both;
display: block;
}
.tabs {display: none;}
.tab.button{display: none;}
.rs_tabs {
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
margin-bottom: 10px;
}
right_aside {
display: table-cell;
vertical-align: top;
width: 170px;
/*border-left: 1px solid #D2D2D2;*/
/* background: #F1F1F1; */
}
right_aside h3 {border-bottom: 1px solid #D2D2D2; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; margin-bottom: 0px;
margin-top:30px;}
right_aside .directory-item { width: 50px; height: 50px; vertical-align: center; text-align: center; }
right_aside .directory-photo { margin: 0px; }
right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
right_aside .items-wrapper{ overflow: auto; width: 100%; }
right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto; width: 100%; }
right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto; width: 100%; }
#page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
#page-sidebar-right_aside ul {margin-top: 0px;}
#page-sidebar-right_aside .label {max-width: 128px;}
right_aside .icon {width: 10px; height: 10px;}
.close_box {
background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 0.1;
}
.close_box:hover {
background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
float: right;
cursor: pointer;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* wall item */
.tread-wrapper {
border-bottom: 1px solid #D2D2D2;
position: relative;
padding: 5px;
margin-bottom: 0px;
width: 575px;
}
.wall-item-decor {
position: absolute;
left: 790px;
top: -10px;
width: 16px;
}
.wall-item-container {
display: table;
width: 580px;
}
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row;
}
.wall-item-bottom {
font-size: 13px;
}
.wall-item-container .wall-item-bottom {
/* opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container:hover .wall-item-bottom {
/* opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; */
}
.wall-item-container .wall-item-info {
display: table-cell;
vertical-align: top;
text-align: left;
width: 80px;
}
.wall-item-container .wall-item-location {
padding-right: 40px;
display: table-cell;
}
.wall-item-container .wall-item-ago {
word-wrap: break-word;
width: 50px;
margin-left: 10px;
color: #999;
}
.wall-item-location {
clear: both;
overflow: hidden;
margin-bottom: 5px;
}
.wall-item-container .wall-item-content {
font-size: 12.5px;
max-width: 420px;
word-wrap: break-word;
line-height: 1.2;
}
.wall-item-container .wall-item-content img {
max-width: 400px;
}
.wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
display: table-cell;
vertical-align: middle;
}
.wall-item-container .wall-item-links .icon, .wall-item-container .wall-item-actions .icon {
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-links .icon:hover, .wall-item-container .wall-item-actions .icon:hover {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wall-item-container .wall-item-name {
font-weight: bold;
}
.wall-item-container .wall-item-actions-author {
width: 100%;
margin-bottom: 0.3em;
}
.wall-item-container .wall-item-actions-social {
float: left;
margin-bottom: 1px;
display: table-cell;
}
.wall-item-container .wall-item-actions-social a {
margin-right: 1em;
}
.wall-item-actions-social a {
float: left;
}
.wall-item-container .wall-item-actions-tools {
float: right;
width: 80px;
display: table-cell;
}
.wall-item-container .wall-item-actions-tools a {
float: right;
}
.wall-item-container .wall-item-actions-tools input {
float: right;
}
.wall-item-container.comment {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 80px;
width: 500px;
border-bottom: 1px solid hsl(198, 21%, 79%);
}
.wall-item-container.comment .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.wall-item-container.comment {
top: 15px !important;
left: 15px !important;
}
.wall-item-container.comment .wall-item-links {
padding-left: 12px;
}
.wall-item-comment-wrapper {
margin: 1px 5px 1px 80px;
}
.wall-item-comment-wrapper .comment-edit-photo {
display: none;
}
.wall-item-comment-wrapper textarea {
height: 2.0em;
width: 100%;
font-size: 10px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
font-size: 14px;
}
.wall-item-comment-wrapper .comment-edit-text-full {
font-size: 14px;
height: 4em;
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
.comment-edit-preview {
width: 710px;
border: 1px solid #2d2d2d;
margin-top: 10px;
}
.comment-edit-preview .contact-photo {
width: 32px;
height: 32px;
margin-left: 16px;
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
}
.comment-edit-preview {
top: 15px !important;
left: 15px !important;
}
.comment-edit-preview .wall-item-links {
padding-left: 12px;
}
.comment-edit-preview .wall-item-container {
width: 700px;
}
.comment-edit-preview .tread-wrapper {
width: 700px;
padding: 0;
margin: 10px 0;
}
.shiny {
/* border-right: 10px solid #fce94f; */
border-right: 1px solid #A7C7F7;
padding-right: 12px;
}
#jot-preview-content{
margin-top: 30px;}
#jot-preview-content .tread-wrapper {
background-color: #fff797;
}
.wall-item-tags {
padding-top: 1px;
padding-bottom: 2px;
}
.tag {
/*background: url("../../../images/tag_b.png") repeat-x center left;*/
color: #3465A4;
padding-left: 3px;
font-size: 12px;
}
.tag a {
padding-right: 5px;
/*background: url("../../../images/tag.png") no-repeat center right;*/
color: #3465A4;
}
.wwto {
position: absolute !important;
width: 25px;
height: 25px;
background: #FFFFFF;
border: 2px solid #364e59;
height: 25px;
width: 25px;
overflow: hidden;
padding: 1px;
position: absolute !important;
top: 40px;
left: 30px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.wwto .contact-photo {
width: auto;
height: 25px;
}
/* contacts menu */
.contact-photo-wrapper {
position: relative;
width: 80px;
}
.contact-photo-wrapper.wwto {
width: 25px;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper {
left: 0px;
top: 63px;
}
.contact-photo {
width: 48px;
height: 48px;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-name {
/* text-align: center; */
/*font-weight: bold;*/
font-size: 12px;
}
.contact-details {
color: #999999;
}
/* editor */
.jothidden {
display: none;
}
#jot {
width: 585px;
margin: 0px 2em 20px 0px;
}
#profile-jot-form #profile-jot-text {
height: 2.0em;
width: 99%;
font-size: 15px;
color: #999999;
border: 1px solid #DDD;
padding: 0.3em;
margin-bottom: 10px;
}
#jot #jot-tools {
margin: 0px;
padding: 0px;
height: 40px;
overflow: none;
width: 583px;
background-color: #fff;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li {
list-style: none;
float: left;
width: 80px;
height: 40px;
border-bottom: 2px solid #9eabb0;
}
#jot #jot-tools li 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;
border-bottom: 2px solid #bdcdd4;
}
#jot #jot-tools li.perms {
float: right;
width: 40px;
}
#jot #jot-tools li.perms a.unlock {
width: 30px;
border-left: 10px solid #cccccc;
background-color: #cccccc;
background-position: left center;
}
#jot #jot-tools li.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;
width: 20px;
vertical-align: center;
text-align: center;
border-top: 2px solid #9eabb0;
height: 38px;
}
#jot #jot-tools li.loading img {
margin-top: 10px;
}
#profile-jot-form #jot-title {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;
margin: 0 0 5px;
width: 60%;
border: 1px solid #ffffff;
}
#profile-jot-form #jot-title:-webkit-input-placeholder {
font-weight: normal;
}
#profile-jot-form #jot-title:-moz-placeholder {
font-weight: normal;
}
#profile-jot-form #profile-jot-text_parent #profile-jot-text_tbl{
width: 585px;
height: 100px;
}
#jot #jot-title:hover {
border: 1px solid #999999;
}
#jot #jot-title:focus {
border: 1px solid #999999;
}
#jot #character-counter {
width: 80px;
float: right;
text-align: right;
height: 20px;
line-height: 20px;
padding-right: 20px;
}
#jot-perms-icon,
#profile-location,
#profile-nolocation,
#profile-youtube,
#profile-video,
#profile-audio,
#profile-link,
#profile-title,
#wall-image-upload,
#wall-file-upload,
#wall-image-upload-div,
#wall-file-upload-div,
.hover, .focus {
cursor: pointer;
margin-top: 2px;
}
#profile-jot-wrapper{
margin: 0 2em 20px 0;
width: 585px;
}
#profile-jot-submit-wrapper {
margin-bottom: 50px;
width: 585px;
}
#profile-jot-submit {
float: right;
margin-top: 2px;
font-size: 14px;
}
#profile-upload-wrapper {
float: left;
margin-top: 2px;
margin-left: 10px;
}
#profile-attach-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-rotator {
float: left;
margin-left: 30px;
margin-top: 2px;
}
#profile-link-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-youtube-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-video-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-audio-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-location-wrapper {
float: left;
margin-left: 15px;
margin-top: 2px;
}
#profile-jot-perms {
float: left;
margin-left: 45px;
margin-top: 2px;
}
#jot-preview-link {
float: right;
margin-left: 10px;
margin-top: 2px;
font-size: 9px;
font-weight: bolder;
cursor: pointer;
}
#profile-jot-perms{
float: right;
margin-left: 10px;
margin-top: 2px;
}
/** buttons **/
.button.creation1 {
background-color: #fff;
border: 1px solid #777777;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
cursor: pointer;
font-weight: bolder;
}
.button.creation2 {
background-color: #33ACFF;
background-image: -moz-linear-gradient(center top , #66C1FF 0%, #0097FF 100%);
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
cursor: pointer;
font-weight: bolder;
}
/*input[type="submit"] {
border: 0px;
background-color: @ButtonBackgroundColor;
color: @ButtonColor;
padding: 0px 10px;
.rounded(5px);
height: 18px;
}*/
/** acl **/
#photo-edit-perms-select, #photos-upload-permissions-wrapper, #profile-jot-acl-wrapper {
display: block!important;
}
#acl-wrapper {
width: 690px;
float: left;
}
#acl-search {
float: right;
background: #ffffff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
}
#acl-showall {
float: left;
display: block;
width: auto;
height: 18px;
background-color: #cccccc;
background-image: url("../../../images/show_all_off.png");
background-position: 7px 7px;
background-repeat: no-repeat;
padding: 7px 5px 0px 30px;
color: #999999;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
#acl-showall.selected {
color: #000000;
background-color: #ff9900;
background-image: url("../../../images/show_all_on.png");
}
#acl-list {
height: 210px;
border: 1px solid #cccccc;
clear: both;
margin-top: 30px;
overflow: auto;
}
.acl-list-item {
display: block;
width: 150px;
height: 30px;
border: 1px solid #cccccc;
margin: 5px;
float: left;
}
.acl-list-item img {
width: 22px;
height: 22px;
float: left;
margin: 4px;
}
.acl-list-item p {
height: 12px;
font-size: 10px;
margin: 0px;
padding: 2px 0px 1px;
overflow: hidden;
}
.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
height: 10px;
float: left;
color: #999999;
background-color: #cccccc;
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;
}
#acl-wrapper a:hover {
text-decoration: none;
color: #000000;
}
.acl-button-show {
background-image: url("../../../images/show_off.png");
}
.acl-button-hide {
background-image: url("../../../images/hide_off.png");
}
.acl-button-show.selected {
color: #000000;
background-color: #9ade00;
background-image: url("../../../images/show_on.png");
}
.acl-button-hide.selected {
color: #000000;
background-color: #ff4141;
background-image: url("../../../images/hide_on.png");
}
.acl-list-item.groupshow {
border-color: #9ade00;
}
.acl-list-item.grouphide {
border-color: #ff4141;
}
/** /acl **/
/** tab buttons **/
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .active {
background-color: #333;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
/**
* Form fields
*/
.field {
margin-bottom: 10px;
padding-bottom: 10px;
overflow: auto;
width: 100%;
}
.field label {
float: left;
width: 200px;
}
.field input, .field textarea {
width: 400px;
}
.field textarea {
height: 100px;
}
.field .field_help {
display: block;
margin-left: 200px;
color: #666666;
}
.field .onoff {
float: left;
width: 80px;
}
.field .onoff a {
display: block;
border: 1px solid #666666;
background-image: url("../../../images/onoff.jpg");
background-repeat: no-repeat;
padding: 4px 2px 2px 2px;
height: 16px;
text-decoration: none;
}
.field .onoff .off {
border-color: #666666;
padding-left: 40px;
background-position: left center;
background-color: #cccccc;
color: #666666;
text-align: right;
}
.field .onoff .on {
border-color: #204A87;
padding-right: 40px;
background-position: right center;
background-color: #D7E3F1;
color: #204A87;
text-align: left;
}
.field .hidden {
display: none!important;
}
.field.radio .field_help {
margin-left: 0px;
}
#directory-search-form{
margin-bottom: 50px;
}
#profile-edit-links-end {
clear: both;
margin-bottom: 15px;
}
#profile-edit-links ul { margin: 20px; padding-bottom: 20px; list-style: none; }
#profile-edit-links li {
float: left;
list-style: none;
margin-left: 10px;
}
.profile-edit-side-div {
display: none;
}
#register-form label,
#profile-edit-form label {
width: 300px; float: left;
}
.required {
display: inline;
color: #B20202;
}
/* oauth */
.oauthapp {
height: auto;
overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
margin-bottom: 1em;
}
.oauthapp img {
float: left;
width: 48px;
height: 48px;
margin: 10px;
}
.oauthapp img.noicon {
background-image: url("../../../images/icons/48/plugin.png");
background-position: center center;
background-repeat: no-repeat;
}
.oauthapp a {
float: left;
}
/* contacts */
.contact-entry-wrapper {
width: 120px;
height: 120px;
float: left;
}
/* photo */
.lframe {
float: left;
}
/* profile match wrapper */
.profile-match-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 20px;
}
.profile-match-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.profile-match-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.profile-match-wrapper {
left: 0px;
top: 63px;
}
.contact-photo-menu-button {
position: relative;
background-image: url("../../../images/icons/16/menu.png");
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px -16px 0px;
padding: 0px;
width: 16px;
height: 16px;
top: -20px; left:0px;
overflow: hidden;
text-indent: 40px;
display: none;
}
.contact-photo-menu {
width: 11em;
border: 3px solid #364e59;
color: #2d2d2d;
background: #FFFFFF;
/* position: absolute;*/
position: relative;
left: 0px; top: 0px;
display: none;
z-index: 10000;
}
.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
.contact-photo-menu li a {
display: block;
padding: 5px 10px;
color: #2d2d2d;
text-decoration: none;
}
.contact-photo-menu li a:hover {
background-color: #bdcdd4;
}
/* page footer */
footer {
height: 100px;
display: table-row;
}
blockquote {
border-left: 1px solid #D2D2D2;
padding-left: 9px;
margin: 0 0 0 .8ex;
}
.aprofile dt{
box-shadow: 1px 1px 5px 0;
color: #666666;
margin: 15px 0 5px;
padding-left: 5px;
}
/* ================== */
/* = Contacts Block = */
/* ================== */
.contact-block-img {
width: 48px;
height: 48px;
padding-right: 3px;
}
.contact-block-div {
float: left;
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
#contact-block-end { clear: both; }
#group-edit-wrapper {
margin-bottom: 10px;
}
#group-members-end {
clear: both;
}
#group-edit-desc {
margin-top: 15px;
}
/*
#group-separator,
#prof-separator { display: none;}
*/
#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
margin-bottom: 10px;
margin-top: 20px;
}
#prvmail-submit {
float: right;
margin-top: 10px;
}
#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 {
float: left;
margin-top: 10px;
margin-right: 10px;
width: 24px;
}
#prvmail-end {
clear: both;
}
.mail-list-sender,
.mail-list-detail {
float: left;
}
.mail-list-detail {
margin-left: 20px;
}
.mail-list-subject {
font-size: 1.1em;
margin-top: 10px;
}
a.mail-list-link {
display: block;
font-size: 1.3em;
padding: 4px 0;
}
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
/* ========== */
/* = Events = */
/* ========== */
.eventcal {
float: left;
font-size: 20px;
}
.vevent {
border: 1px solid #CCCCCC;
}
.vevent .event-description, .vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}
.vevent .event-start {
margin-left: 10px;
margin-right: 10px;
}
#new-event-link {
margin-bottom: 10px;
}
.edit-event-link, .plink-event-link {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 15px;
}
.event-description:before {
content: url('../../../images/calendar.png');
margin-right: 15px;
}
.event-start, .event-end {
margin-left: 10px;
width: 330px;
clear: both;
}
.event-start .dtstart, .event-end .dtend {
float: right;
}
.event-list-date {
margin-bottom: 10px;
}
.prevcal, .nextcal {
float: left;
margin-left: 32px;
margin-right: 32px;
margin-top: 64px;
}
.event-calendar-end {
clear: both;
}
.calendar {
font-family: Courier, monospace;
}
.today {
font-weight: bold;
color: #FF0000;
}
.settings-block {
border: 1px solid #AAA;
margin: 10px;
padding: 10px;
}
.app-title {
margin: 10px;
}
#identity-manage-desc {
margin-top:15px;
margin-bottom: 15px;
}
#identity-manage-choose {
margin-bottom: 15px;
}
#identity-submit {
margin-top: 20px;
}
#photo-prev-link, #photo-next-link {
padding: 10px;
float: left;
}
.lightbox{
float: left;
}
#photo-photo {
float: left;
}
#photo-like-div .wall-item-like-buttons {
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;
}
#photo-photo-end {
clear: both;
}
.tabs .comment-wwedit-wrapper {
display: block;
margin-top: 30px;
margin-left: 50px;
}
.profile-match-photo {
float: left;
text-align: center;
width: 120px;
}
.profile-match-name {
float: left;
text-align: center;
width: 120px;
overflow: hidden;
}
.profile-match-break,
.profile-match-end {
clear: both;
}
.profile-match-connect {
text-align: center;
font-weight: bold;
}
.profile-match-wrapper {
float: left;
padding: 10px;
width: 120px;
height: 120px;
scroll: auto;
}
#profile-match-wrapper-end {
clear: both;
}
/* ============= */
/* = Directory = */
/* ============= */
/* contacts menu */
.contact-photo-wrapper {
position: relative;
}
.contact-photo {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
}
.contact-photo img {
width: 48px;
height: 48px;
}
.contact-photo-menu-button {
display: none;
/* position: absolute; */
/* position: absolute; */
left: -2px;
top: -20px;
}
.contact-wrapper {
float: left;
width: 90px;
height: 90px;
margin-bottom: 15px;
}
.contact-wrapper .contact-photo {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo img {
width: 80px;
height: 80px;
}
.contact-wrapper .contact-photo-menu-button {
left: 0px;
top: 63px;
}
.directory-item {
float: left;
width: 200px;
height: 200px;
}
.directory-item .contact-photo {
width: 175px;
height: 175px;
}
.directory-item .contact-photo img {
width: 175px;
height: 175px;
}
.contact-name {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.contact-details {
color: #999999;
}
#side-bar-photos-albums li{
list-style-type: disc;
}
#side-bar-photos-albums ul li{
margin-left: 30px;
padding-left: 0px;
}
#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: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
position: relative;
margin: 0 10px 10px 0;
width: 200px; height: 140px;
overflow: hidden;
}
/*
.photo-top-album-name {
position: absolute;
bottom: 0;
padding: 0 5px;
}*/
/*.photo-top-image-wrapper {
position: relative;
float: left;
margin-top: 15px;
margin-right: 15px;
width: 200px; height: 200px;
}*/
.photo-top-album-name {
width: 100%;
position: absolute;
bottom: 0px;
padding-left: 3px;
background-color: #EEE;
}
.photo-top-album-link{
color: #3465A4;
}
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}

View file

@ -529,8 +529,9 @@ code {
}
#saved-search-ul .tool:hover,
#nets-sidebar .tool:hover,
#sidebar-group-list .tool:hover {
background: #EEE;
#sidebar-group-list .tool:hover,
#fileas-sidebar .tool:hover {
background: #E7F2F7;
}
.tool .label {
float: left;
@ -1023,43 +1024,56 @@ ul.menu-popup .empty {
.menu-profile-list{
height: auto;
overflow: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 16px;
min-height: 16px;
list-style: none;
}
.menu-profile-list:hover{
background: #EEE;
background: #E7F2F7;
}
.menu-profile-list-item{
padding-left: 5px;
vertical-align: middle;
}
.menu-profile-list-item:hover{
text-decoration: none;
}
/*http://prothemedesign.com/circular-icons/*/
.menu-profile-list.home{
background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
.menu-profile-icon.home{
background: url("../../../view/theme/diabook/icons/home.png") no-repeat;
float: left;
height: 22px;
width: 22px;
}
.menu-profile-list.photos{
background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
}
.menu-profile-list.events{
background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
}
.menu-profile-list.notes{
background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
}
.menu-profile-list.foren{
background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
}
.menu-profile-list.com_side{
background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
}
.menu-profile-list.pscontacts{
.menu-profile-icon.photos{
background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat;
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.events{
background: url("../../../view/theme/diabook/icons/events.png") no-repeat;
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.notes{
background: url("../../../view/theme/diabook/icons/notes.png") no-repeat;
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.foren{
background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat;
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.com_side{
background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat;
float: left;
height: 22px;
width: 22px;}
.menu-profile-icon.pscontacts{
background: url("../../../view/theme/diabook/icons/pscontacts.png") no-repeat;
}
float: left;
height: 22px;
width: 22px;}
/* aside */
aside {
@ -1287,6 +1301,7 @@ body .pageheader{
padding: 3px;
color: #333333;
}
#birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
margin-bottom: 10px;
@ -2072,6 +2087,41 @@ ul.tabs li .active {
box-shadow: 0 1px 1px #CFCFCF;
margin-left: 5px;
}
//settings tabs
ul.rs_tabs {
list-style-type: none;
font-size: 11px;
}
ul.rs_tabs li {
float: left;
margin-bottom: 30px;
clear: both;
}
ul.rs_tabs li .selected {
background-color: #333;
border: 1px solid #777777;
color: white;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px #CFCFCF;
font-size: 13px;
}
.rs_tabs {
list-style-type: none;
font-size: 11px;
background-position: 0 -20px;
background-repeat: repeat-x;
height: 27px;
padding: 0;
}
.rs_tab.button {
/*background: none repeat scroll 0 0 #F8F8F8;*/
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-weight: bolder;
padding: 3px;
color: #333333;
text-decoration: none;
}
/**
* Form fields
*/

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.016)
* Version: (Version: 1.017)
* Author:
*/
//print diabook-version for debugging
$diabook_version = "Diabook (Version: 1.016)";
$diabook_version = "Diabook (Version: 1.017)";
$a->page['htmlhead'] .= sprintf('<script "%s" ></script>', $diabook_version);
//change css on network and profilepages
@ -24,7 +24,7 @@ $cssFile = null;
function diabook_community_info(){
$a = get_app();
//right_aside at networkpages
// last 12 users
$aside['$lastusers_title'] = t('Last users');
@ -288,58 +288,6 @@ if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname']){
}
}
//tabs at aside on settings page
if ($a->argv[0] === "settings"){
$tabs = array(
array(
'label' => t('Account settings'),
'url' => $a->get_baseurl(true).'/settings',
'sel' => (($a->argc == 1)?'active':''),
),
array(
'label' => t('Display settings'),
'url' => $a->get_baseurl(true).'/settings/display',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'display')?'active':''),
),
array(
'label' => t('Edit/Manage Profiles'),
'url' => $a->get_baseurl(true).'/profiles',
),
array(
'label' => t('Connector settings'),
'url' => $a->get_baseurl(true).'/settings/connectors',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'connectors')?'active':''),
),
array(
'label' => t('Plugin settings'),
'url' => $a->get_baseurl(true).'/settings/addon',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'addon')?'active':''),
),
array(
'label' => t('Connections'),
'url' => $a->get_baseurl(true) . '/settings/oauth',
'sel' => (($a->argc > 1) && ($a->argv[1] === 'oauth')?'active':''),
),
array(
'label' => t('Export personal data'),
'url' => $a->get_baseurl(true) . '/uexport',
'sel' => ''
)
);
$tabtpl = file_get_contents(dirname(__file__).'/rs_common_tabs.tpl') ;
$a->page['aside'] = replace_macros($tabtpl, array(
'$tabs' => $tabs,
));
// CUSTOM CSS
$cssFile = $a->get_baseurl($ssl_state)."/view/theme/diabook/style-settings.css";
}
// custom css
if (!is_null($cssFile)) $a->page['htmlhead'] .= sprintf('<link rel="stylesheet" type="text/css" href="%s" />', $cssFile);