diff options
72 files changed, 989 insertions, 10973 deletions
@@ -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 diff --git a/include/Contact.php b/include/Contact.php index ee434cb6d..388819b01 100644 --- a/include/Contact.php +++ b/include/Contact.php @@ -173,4 +173,29 @@ function random_profile() { if(count($r)) return dirname($r[0]['url']); return ''; -}
\ No newline at end of file +} + + +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; +} + diff --git a/include/group.php b/include/group.php index 4a35912e5..edb547de6 100644 --- a/include/group.php +++ b/include/group.php @@ -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'), )); diff --git a/mod/nogroup.php b/mod/nogroup.php new file mode 100644 index 000000000..bd1ec82ed --- /dev/null +++ b/mod/nogroup.php @@ -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; + +} diff --git a/mod/notifications.php b/mod/notifications.php index 690a99562..8e3eebba1 100644 --- a/mod/notifications.php +++ b/mod/notifications.php @@ -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'), diff --git a/mod/profiles.php b/mod/profiles.php index eef58bb06..7a33a03e4 100644 --- a/mod/profiles.php +++ b/mod/profiles.php @@ -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[] = '♥ ' . t('Marital Status'); + if($withchanged) $changes[] = '♥ ' . 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) { diff --git a/mod/settings.php b/mod/settings.php index 2dd9fb9a6..721468437 100644 --- a/mod/settings.php +++ b/mod/settings.php @@ -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, ''), diff --git a/util/messages.po b/util/messages.po index 09c3dec92..75f379164 100644 --- a/util/messages.po +++ b/util/messages.po @@ -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 +#: ../../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: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: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: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:70 +msgid "Connected apps" +msgstr "" + +#: ../../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: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:92 ../../mod/settings.php:556 ../../mod/admin.php:75 +#: ../../mod/settings.php:129 ../../mod/settings.php:554 +#: ../../mod/admin.php:75 msgid "Update" msgstr "" -#: ../../mod/settings.php:197 +#: ../../mod/settings.php:234 msgid "Failed to connect with email account using the settings provided." msgstr "" -#: ../../mod/settings.php:202 +#: ../../mod/settings.php:239 msgid "Email settings updated." msgstr "" -#: ../../mod/settings.php:261 +#: ../../mod/settings.php:298 msgid "Passwords do not match. Password unchanged." msgstr "" -#: ../../mod/settings.php:266 +#: ../../mod/settings.php:303 msgid "Empty passwords are not allowed. Password unchanged." msgstr "" -#: ../../mod/settings.php:277 +#: ../../mod/settings.php:314 msgid "Password changed." msgstr "" -#: ../../mod/settings.php:279 +#: ../../mod/settings.php:316 msgid "Password update failed. Please try again." msgstr "" -#: ../../mod/settings.php:340 +#: ../../mod/settings.php:377 msgid " Please use a shorter name." msgstr "" -#: ../../mod/settings.php:342 +#: ../../mod/settings.php:379 msgid " Name too short." msgstr "" -#: ../../mod/settings.php:348 +#: ../../mod/settings.php:385 msgid " Not valid email." msgstr "" -#: ../../mod/settings.php:350 +#: ../../mod/settings.php:387 msgid " Cannot change to that email." msgstr "" -#: ../../mod/settings.php:420 ../../addon/facebook/facebook.php:450 +#: ../../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:484 ../../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 -#: ../../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 -#: ../../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 -#: ../../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" -msgstr "" - -#: ../../mod/settings.php:510 ../../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: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 "" diff --git a/view/group_side.tpl b/view/group_side.tpl index 0353b1d2c..ebb194d9c 100644 --- a/view/group_side.tpl +++ b/view/group_side.tpl @@ -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> diff --git a/view/nogroup-template.tpl b/view/nogroup-template.tpl new file mode 100644 index 000000000..dd00ed097 --- /dev/null +++ b/view/nogroup-template.tpl @@ -0,0 +1,12 @@ +<h1>$header</h1> + +{{ for $contacts as $contact }} + {{ inc contact_template.tpl }}{{ endinc }} +{{ endfor }} +<div id="contact-edit-end"></div> + +$paginate + + + + diff --git a/view/settings.tpl b/view/settings.tpl index ebca4875f..59c669a87 100644 --- a/view/settings.tpl +++ b/view/settings.tpl @@ -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}} diff --git a/view/theme/diabook-aerith/generic_links_widget.tpl b/view/theme/diabook-aerith/generic_links_widget.tpl new file mode 100644 index 000000000..001c1395e --- /dev/null +++ b/view/theme/diabook-aerith/generic_links_widget.tpl @@ -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> diff --git a/view/theme/diabook-aerith/icons/com_side.png b/view/theme/diabook-aerith/icons/com_side.png Binary files differindex bc5969ef1..00186ba05 100644 --- a/view/theme/diabook-aerith/icons/com_side.png +++ b/view/theme/diabook-aerith/icons/com_side.png diff --git a/view/theme/diabook-aerith/icons/events.png b/view/theme/diabook-aerith/icons/events.png Binary files differindex 4a0b3f3f1..cf195fbb6 100644 --- a/view/theme/diabook-aerith/icons/events.png +++ b/view/theme/diabook-aerith/icons/events.png diff --git a/view/theme/diabook-aerith/icons/home.png b/view/theme/diabook-aerith/icons/home.png Binary files differindex be47a48fc..5c610805f 100644 --- a/view/theme/diabook-aerith/icons/home.png +++ b/view/theme/diabook-aerith/icons/home.png diff --git a/view/theme/diabook-aerith/icons/mess_side.png b/view/theme/diabook-aerith/icons/mess_side.png Binary files differindex 49ef896bc..5295e2e74 100644 --- a/view/theme/diabook-aerith/icons/mess_side.png +++ b/view/theme/diabook-aerith/icons/mess_side.png diff --git a/view/theme/diabook-aerith/icons/notes.png b/view/theme/diabook-aerith/icons/notes.png Binary files differindex 7d4afca90..28dca30a3 100644 --- a/view/theme/diabook-aerith/icons/notes.png +++ b/view/theme/diabook-aerith/icons/notes.png diff --git a/view/theme/diabook-aerith/icons/pscontacts.png b/view/theme/diabook-aerith/icons/pscontacts.png Binary files differindex acf857f32..23a78bcac 100644 --- a/view/theme/diabook-aerith/icons/pscontacts.png +++ b/view/theme/diabook-aerith/icons/pscontacts.png diff --git a/view/theme/diabook-aerith/icons/pubgroups.png b/view/theme/diabook-aerith/icons/pubgroups.png Binary files differindex 6d9539610..ae04194b1 100644 --- a/view/theme/diabook-aerith/icons/pubgroups.png +++ b/view/theme/diabook-aerith/icons/pubgroups.png diff --git a/view/theme/diabook-aerith/nets.tpl b/view/theme/diabook-aerith/nets.tpl new file mode 100644 index 000000000..fe4baf8d1 --- /dev/null +++ b/view/theme/diabook-aerith/nets.tpl @@ -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> diff --git a/view/theme/diabook-aerith/profile_side.tpl b/view/theme/diabook-aerith/profile_side.tpl index 94396300f..01e80f238 100644 --- a/view/theme/diabook-aerith/profile_side.tpl +++ b/view/theme/diabook-aerith/profile_side.tpl @@ -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> diff --git a/view/theme/diabook-aerith/rs_common_tabs.tpl b/view/theme/diabook-aerith/rs_common_tabs.tpl deleted file mode 100755 index 6a1c5c71b..000000000 --- a/view/theme/diabook-aerith/rs_common_tabs.tpl +++ /dev/null @@ -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> diff --git a/view/theme/diabook-aerith/style-network.css b/view/theme/diabook-aerith/style-network.css index 385b58ac4..b9754ac32 100644 --- a/view/theme/diabook-aerith/style-network.css +++ b/view/theme/diabook-aerith/style-network.css @@ -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; diff --git a/view/theme/diabook-aerith/style-settings.css b/view/theme/diabook-aerith/style-settings.css deleted file mode 100644 index 8963065ca..000000000 --- a/view/theme/diabook-aerith/style-settings.css +++ /dev/null @@ -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; -} - diff --git a/view/theme/diabook-aerith/style.css b/view/theme/diabook-aerith/style.css index d1611d326..b26c76910 100644 --- a/view/theme/diabook-aerith/style.css +++ b/view/theme/diabook-aerith/style.css @@ -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 */ diff --git a/view/theme/diabook-aerith/theme.php b/view/theme/diabook-aerith/theme.php index c0537b010..a7d20a7ce 100755 --- a/view/theme/diabook-aerith/theme.php +++ b/view/theme/diabook-aerith/theme.php @@ -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 diff --git a/view/theme/diabook-blue/generic_links_widget.tpl b/view/theme/diabook-blue/generic_links_widget.tpl new file mode 100644 index 000000000..001c1395e --- /dev/null +++ b/view/theme/diabook-blue/generic_links_widget.tpl @@ -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> diff --git a/view/theme/diabook-blue/icons/com_side.png b/view/theme/diabook-blue/icons/com_side.png Binary files differindex bc5969ef1..00186ba05 100644 --- a/view/theme/diabook-blue/icons/com_side.png +++ b/view/theme/diabook-blue/icons/com_side.png diff --git a/view/theme/diabook-blue/icons/events.png b/view/theme/diabook-blue/icons/events.png Binary files differindex 4a0b3f3f1..cf195fbb6 100644 --- a/view/theme/diabook-blue/icons/events.png +++ b/view/theme/diabook-blue/icons/events.png diff --git a/view/theme/diabook-blue/icons/home.png b/view/theme/diabook-blue/icons/home.png Binary files differindex be47a48fc..5c610805f 100644 --- a/view/theme/diabook-blue/icons/home.png +++ b/view/theme/diabook-blue/icons/home.png diff --git a/view/theme/diabook-blue/icons/mess_side.png b/view/theme/diabook-blue/icons/mess_side.png Binary files differindex 49ef896bc..5295e2e74 100644 --- a/view/theme/diabook-blue/icons/mess_side.png +++ b/view/theme/diabook-blue/icons/mess_side.png diff --git a/view/theme/diabook-blue/icons/notes.png b/view/theme/diabook-blue/icons/notes.png Binary files differindex 7d4afca90..28dca30a3 100644 --- a/view/theme/diabook-blue/icons/notes.png +++ b/view/theme/diabook-blue/icons/notes.png diff --git a/view/theme/diabook-blue/icons/pscontacts.png b/view/theme/diabook-blue/icons/pscontacts.png Binary files differindex acf857f32..23a78bcac 100644 --- a/view/theme/diabook-blue/icons/pscontacts.png +++ b/view/theme/diabook-blue/icons/pscontacts.png diff --git a/view/theme/diabook-blue/icons/pubgroups.png b/view/theme/diabook-blue/icons/pubgroups.png Binary files differindex 6d9539610..ae04194b1 100644 --- a/view/theme/diabook-blue/icons/pubgroups.png +++ b/view/theme/diabook-blue/icons/pubgroups.png diff --git a/view/theme/diabook-blue/nets.tpl b/view/theme/diabook-blue/nets.tpl new file mode 100644 index 000000000..fe4baf8d1 --- /dev/null +++ b/view/theme/diabook-blue/nets.tpl @@ -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> diff --git a/view/theme/diabook-blue/profile_side.tpl b/view/theme/diabook-blue/profile_side.tpl index 94396300f..01e80f238 100644 --- a/view/theme/diabook-blue/profile_side.tpl +++ b/view/theme/diabook-blue/profile_side.tpl @@ -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> diff --git a/view/theme/diabook-blue/rs_common_tabs.tpl b/view/theme/diabook-blue/rs_common_tabs.tpl deleted file mode 100755 index 6a1c5c71b..000000000 --- a/view/theme/diabook-blue/rs_common_tabs.tpl +++ /dev/null @@ -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> diff --git a/view/theme/diabook-blue/style-network.css b/view/theme/diabook-blue/style-network.css index b37d82968..021edc45e 100644 --- a/view/theme/diabook-blue/style-network.css +++ b/view/theme/diabook-blue/style-network.css @@ -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; diff --git a/view/theme/diabook-blue/style-settings.css b/view/theme/diabook-blue/style-settings.css deleted file mode 100644 index e07962bc7..000000000 --- a/view/theme/diabook-blue/style-settings.css +++ /dev/null @@ -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; -} - diff --git a/view/theme/diabook-blue/style.css b/view/theme/diabook-blue/style.css index f4eebe072..1b8fe1e72 100644 --- a/view/theme/diabook-blue/style.css +++ b/view/theme/diabook-blue/style.css @@ -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 */ diff --git a/view/theme/diabook-blue/theme.php b/view/theme/diabook-blue/theme.php index 435ecaf92..379f67008 100755 --- a/view/theme/diabook-blue/theme.php +++ b/view/theme/diabook-blue/theme.php @@ -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); diff --git a/view/theme/diabook-red/generic_links_widget.tpl b/view/theme/diabook-red/generic_links_widget.tpl new file mode 100644 index 000000000..001c1395e --- /dev/null +++ b/view/theme/diabook-red/generic_links_widget.tpl @@ -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> diff --git a/view/theme/diabook-red/icons/com_side.png b/view/theme/diabook-red/icons/com_side.png Binary files differindex bc5969ef1..00186ba05 100644 --- a/view/theme/diabook-red/icons/com_side.png +++ b/view/theme/diabook-red/icons/com_side.png diff --git a/view/theme/diabook-red/icons/events.png b/view/theme/diabook-red/icons/events.png Binary files differindex 4a0b3f3f1..cf195fbb6 100644 --- a/view/theme/diabook-red/icons/events.png +++ b/view/theme/diabook-red/icons/events.png diff --git a/view/theme/diabook-red/icons/home.png b/view/theme/diabook-red/icons/home.png Binary files differindex be47a48fc..5c610805f 100644 --- a/view/theme/diabook-red/icons/home.png +++ b/view/theme/diabook-red/icons/home.png diff --git a/view/theme/diabook-red/icons/mess_side.png b/view/theme/diabook-red/icons/mess_side.png Binary files differindex 49ef896bc..5295e2e74 100644 --- a/view/theme/diabook-red/icons/mess_side.png +++ b/view/theme/diabook-red/icons/mess_side.png diff --git a/view/theme/diabook-red/icons/notes.png b/view/theme/diabook-red/icons/notes.png Binary files differindex 7d4afca90..28dca30a3 100644 --- a/view/theme/diabook-red/icons/notes.png +++ b/view/theme/diabook-red/icons/notes.png diff --git a/view/theme/diabook-red/icons/pscontacts.png b/view/theme/diabook-red/icons/pscontacts.png Binary files differindex acf857f32..23a78bcac 100644 --- a/view/theme/diabook-red/icons/pscontacts.png +++ b/view/theme/diabook-red/icons/pscontacts.png diff --git a/view/theme/diabook-red/icons/pubgroups.png b/view/theme/diabook-red/icons/pubgroups.png Binary files differindex 6d9539610..ae04194b1 100644 --- a/view/theme/diabook-red/icons/pubgroups.png +++ b/view/theme/diabook-red/icons/pubgroups.png diff --git a/view/theme/diabook-red/nets.tpl b/view/theme/diabook-red/nets.tpl new file mode 100644 index 000000000..fe4baf8d1 --- /dev/null +++ b/view/theme/diabook-red/nets.tpl @@ -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> diff --git a/view/theme/diabook-red/profile_side.tpl b/view/theme/diabook-red/profile_side.tpl index 94396300f..01e80f238 100644 --- a/view/theme/diabook-red/profile_side.tpl +++ b/view/theme/diabook-red/profile_side.tpl @@ -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> diff --git a/view/theme/diabook-red/rs_common_tabs.tpl b/view/theme/diabook-red/rs_common_tabs.tpl deleted file mode 100755 index 6a1c5c71b..000000000 --- a/view/theme/diabook-red/rs_common_tabs.tpl +++ /dev/null @@ -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> diff --git a/view/theme/diabook-red/style-network.css b/view/theme/diabook-red/style-network.css index 8be39e374..ca32be231 100644 --- a/view/theme/diabook-red/style-network.css +++ b/view/theme/diabook-red/style-network.css @@ -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; diff --git a/view/theme/diabook-red/style-settings.css b/view/theme/diabook-red/style-settings.css deleted file mode 100644 index 43bb3d037..000000000 --- a/view/theme/diabook-red/style-settings.css +++ /dev/null @@ -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; -} - diff --git a/view/theme/diabook-red/style.css b/view/theme/diabook-red/style.css index 0acc12dd3..8cca19801 100644 --- a/view/theme/diabook-red/style.css +++ b/view/theme/diabook-red/style.css @@ -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 */ diff --git a/view/theme/diabook-red/theme.php b/view/theme/diabook-red/theme.php index d1b932f1c..22956f4f9 100755 --- a/view/theme/diabook-red/theme.php +++ b/view/theme/diabook-red/theme.php @@ -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); diff --git a/view/theme/diabook/generic_links_widget.tpl b/view/theme/diabook/generic_links_widget.tpl new file mode 100644 index 000000000..001c1395e --- /dev/null +++ b/view/theme/diabook/generic_links_widget.tpl @@ -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> diff --git a/view/theme/diabook/icons/com_side.png b/view/theme/diabook/icons/com_side.png Binary files differindex bc5969ef1..00186ba05 100644 --- a/view/theme/diabook/icons/com_side.png +++ b/view/theme/diabook/icons/com_side.png diff --git a/view/theme/diabook/icons/events.png b/view/theme/diabook/icons/events.png Binary files differindex 4a0b3f3f1..cf195fbb6 100644 --- a/view/theme/diabook/icons/events.png +++ b/view/theme/diabook/icons/events.png diff --git a/view/theme/diabook/icons/home.png b/view/theme/diabook/icons/home.png Binary files differindex be47a48fc..5c610805f 100644 --- a/view/theme/diabook/icons/home.png +++ b/view/theme/diabook/icons/home.png diff --git a/view/theme/diabook/icons/mess_side.png b/view/theme/diabook/icons/mess_side.png Binary files differindex 49ef896bc..5295e2e74 100644 --- a/view/theme/diabook/icons/mess_side.png +++ b/view/theme/diabook/icons/mess_side.png diff --git a/view/theme/diabook/icons/notes.png b/view/theme/diabook/icons/notes.png Binary files differindex 7d4afca90..28dca30a3 100644 --- a/view/theme/diabook/icons/notes.png +++ b/view/theme/diabook/icons/notes.png diff --git a/view/theme/diabook/icons/pscontacts.png b/view/theme/diabook/icons/pscontacts.png Binary files differindex acf857f32..23a78bcac 100644 --- a/view/theme/diabook/icons/pscontacts.png +++ b/view/theme/diabook/icons/pscontacts.png diff --git a/view/theme/diabook/icons/pubgroups.png b/view/theme/diabook/icons/pubgroups.png Binary files differindex 6d9539610..ae04194b1 100644 --- a/view/theme/diabook/icons/pubgroups.png +++ b/view/theme/diabook/icons/pubgroups.png diff --git a/view/theme/diabook/nets.tpl b/view/theme/diabook/nets.tpl new file mode 100644 index 000000000..fe4baf8d1 --- /dev/null +++ b/view/theme/diabook/nets.tpl @@ -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> diff --git a/view/theme/diabook/profile_side.tpl b/view/theme/diabook/profile_side.tpl index 0762dbe44..01e80f238 100644 --- a/view/theme/diabook/profile_side.tpl +++ b/view/theme/diabook/profile_side.tpl @@ -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> diff --git a/view/theme/diabook/rs_common_tabs.tpl b/view/theme/diabook/rs_common_tabs.tpl deleted file mode 100755 index 6a1c5c71b..000000000 --- a/view/theme/diabook/rs_common_tabs.tpl +++ /dev/null @@ -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> diff --git a/view/theme/diabook/style-network.css b/view/theme/diabook/style-network.css index ed7c76cbe..e9fa9d8ba 100644 --- a/view/theme/diabook/style-network.css +++ b/view/theme/diabook/style-network.css @@ -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 { diff --git a/view/theme/diabook/style-profile.css b/view/theme/diabook/style-profile.css index 51eb61253..31e1f056c 100644 --- a/view/theme/diabook/style-profile.css +++ b/view/theme/diabook/style-profile.css @@ -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 */ diff --git a/view/theme/diabook/style-settings.css b/view/theme/diabook/style-settings.css deleted file mode 100644 index fdb4f24c7..000000000 --- a/view/theme/diabook/style-settings.css +++ /dev/null @@ -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; -}
\ No newline at end of file diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css index 7105ad0e3..8a1a185a1 100644 --- a/view/theme/diabook/style.css +++ b/view/theme/diabook/style.css @@ -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-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-icon.home{ + background: url("../../../view/theme/diabook/icons/home.png") no-repeat; + float: left; + height: 22px; + width: 22px; } -.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 */ diff --git a/view/theme/diabook/theme.php b/view/theme/diabook/theme.php index 4acb058e5..612650e90 100755 --- a/view/theme/diabook/theme.php +++ b/view/theme/diabook/theme.php @@ -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); |
