diff --git a/transzero/README b/transzero/README new file mode 100644 index 0000000..f28e250 --- /dev/null +++ b/transzero/README @@ -0,0 +1,16 @@ +Transzero +========= + +Theme for Friendica + +Completely based on Duopuntozero. Modern look with different levels of transparency, rounded corners, a clear focus on the content and more. +You can overwrite background.jpg to have a completely different look. Keep in mind that it must have a resolution of at least 1920x1080 (for wide screens). + +This theme is not finished yet. Keep that in mind. But it is usable. + +========= + +Authors: Jeroenpraat (based on Duopuntozero by Friendica developers) + +Background: Bridge in Scanolera by Robert Anderson (CC-BY-SA licence) + diff --git a/transzero/background.jpg b/transzero/background.jpg new file mode 100644 index 0000000..68adb86 Binary files /dev/null and b/transzero/background.jpg differ diff --git a/transzero/bbedit.png b/transzero/bbedit.png new file mode 100644 index 0000000..42f4c7d Binary files /dev/null and b/transzero/bbedit.png differ diff --git a/transzero/border.jpg b/transzero/border.jpg new file mode 100644 index 0000000..034a1cb Binary files /dev/null and b/transzero/border.jpg differ diff --git a/transzero/comment_item.tpl b/transzero/comment_item.tpl new file mode 100755 index 0000000..24164a0 --- /dev/null +++ b/transzero/comment_item.tpl @@ -0,0 +1,66 @@ + {{ if $threaded }} +
+ {{ else }} +
+ {{ endif }} +
+ + + + {##} + + + + +
+ $mytitle +
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ + {{ if $qcomment }} + + {{ endif }} + +
+ + +
+
+ +
diff --git a/transzero/contacts-template.tpl b/transzero/contacts-template.tpl new file mode 100644 index 0000000..2c0ed8d --- /dev/null +++ b/transzero/contacts-template.tpl @@ -0,0 +1,26 @@ +

$header{{ if $total }} ($total){{ endif }}

+ +{{ if $finding }}

$finding

{{ endif }} + +
+
+$desc + + +
+
+
+ +$tabs + +
+{{ for $contacts as $contact }} + {{ inc contact_template.tpl }}{{ endinc }} +{{ endfor }} +
+ +$paginate + + + + diff --git a/transzero/directory_item.tpl b/transzero/directory_item.tpl new file mode 100644 index 0000000..3321fc4 --- /dev/null +++ b/transzero/directory_item.tpl @@ -0,0 +1,12 @@ +
+
+
+
+ $alt_text +
+
+ +
$name
+
$details
+
+
diff --git a/transzero/editicons.png b/transzero/editicons.png new file mode 100644 index 0000000..2480ec4 Binary files /dev/null and b/transzero/editicons.png differ diff --git a/transzero/ff-16.jpg b/transzero/ff-16.jpg new file mode 100644 index 0000000..3621f59 Binary files /dev/null and b/transzero/ff-16.jpg differ diff --git a/transzero/file.gif b/transzero/file.gif new file mode 100644 index 0000000..262a689 Binary files /dev/null and b/transzero/file.gif differ diff --git a/transzero/friendika-16.png b/transzero/friendika-16.png new file mode 100644 index 0000000..1a742ec Binary files /dev/null and b/transzero/friendika-16.png differ diff --git a/transzero/icons.png b/transzero/icons.png new file mode 100644 index 0000000..ac26df0 Binary files /dev/null and b/transzero/icons.png differ diff --git a/transzero/js/jquery.ae.image.resize.js b/transzero/js/jquery.ae.image.resize.js new file mode 100644 index 0000000..bac09cd --- /dev/null +++ b/transzero/js/jquery.ae.image.resize.js @@ -0,0 +1,69 @@ +(function( $ ) { + + $.fn.aeImageResize = function( params ) { + + var aspectRatio = 0 + // Nasty I know but it's done only once, so not too bad I guess + // Alternate suggestions welcome :) + , isIE6 = $.browser.msie && (6 == ~~ $.browser.version) + ; + + // We cannot do much unless we have one of these + if ( !params.height && !params.width ) { + return this; + } + + // Calculate aspect ratio now, if possible + if ( params.height && params.width ) { + aspectRatio = params.width / params.height; + } + + // Attach handler to load + // Handler is executed just once per element + // Load event required for Webkit browsers + return this.one( "load", function() { + + // Remove all attributes and CSS rules + this.removeAttribute( "height" ); + this.removeAttribute( "width" ); + this.style.height = this.style.width = ""; + + var imgHeight = this.height + , imgWidth = this.width + , imgAspectRatio = imgWidth / imgHeight + , bxHeight = params.height + , bxWidth = params.width + , bxAspectRatio = aspectRatio; + + // Work the magic! + // If one parameter is missing, we just force calculate it + if ( !bxAspectRatio ) { + if ( bxHeight ) { + bxAspectRatio = imgAspectRatio + 1; + } else { + bxAspectRatio = imgAspectRatio - 1; + } + } + + // Only resize the images that need resizing + if ( (bxHeight && imgHeight > bxHeight) || (bxWidth && imgWidth > bxWidth) ) { + + if ( imgAspectRatio > bxAspectRatio ) { + bxHeight = ~~ ( imgHeight / imgWidth * bxWidth ); + } else { + bxWidth = ~~ ( imgWidth / imgHeight * bxHeight ); + } + + this.height = bxHeight; + this.width = bxWidth; + } + }) + .each(function() { + + // Trigger load event (for Gecko and MSIE) + if ( this.complete || isIE6 ) { + $( this ).trigger( "load" ); + } + }); + }; +})( jQuery ); \ No newline at end of file diff --git a/transzero/js/jquery.ae.image.resize.min.js b/transzero/js/jquery.ae.image.resize.min.js new file mode 100644 index 0000000..16c30b1 --- /dev/null +++ b/transzero/js/jquery.ae.image.resize.min.js @@ -0,0 +1 @@ +(function(d){d.fn.aeImageResize=function(a){var i=0,j=d.browser.msie&&6==~~d.browser.version;if(!a.height&&!a.width)return this;if(a.height&&a.width)i=a.width/a.height;return this.one("load",function(){this.removeAttribute("height");this.removeAttribute("width");this.style.height=this.style.width="";var e=this.height,f=this.width,g=f/e,b=a.height,c=a.width,h=i;h||(h=b?g+1:g-1);if(b&&e>b||c&&f>c){if(g>h)b=~~(e/f*c);else c=~~(f/e*b);this.height=b;this.width=c}}).each(function(){if(this.complete||j)d(this).trigger("load")})}})(jQuery); \ No newline at end of file diff --git a/transzero/lang_selector.tpl b/transzero/lang_selector.tpl new file mode 100644 index 0000000..e777a0a --- /dev/null +++ b/transzero/lang_selector.tpl @@ -0,0 +1,10 @@ +
+ diff --git a/transzero/lock.cur b/transzero/lock.cur new file mode 100644 index 0000000..892c5e8 Binary files /dev/null and b/transzero/lock.cur differ diff --git a/transzero/login-bg.gif b/transzero/login-bg.gif new file mode 100644 index 0000000..cde836c Binary files /dev/null and b/transzero/login-bg.gif differ diff --git a/transzero/login.tpl b/transzero/login.tpl new file mode 100644 index 0000000..55eb47b --- /dev/null +++ b/transzero/login.tpl @@ -0,0 +1,37 @@ + +
+ + +
+ {{ inc field_input.tpl with $field=$lname }}{{ endinc }} + {{ inc field_password.tpl with $field=$lpassword }}{{ endinc }} + {{ inc field_checkbox.tpl with $field=$lremember }}{{ endinc }} + +
+ + {{ if $openid }} +
+ {{ inc field_openid.tpl with $field=$lopenid }}{{ endinc }} +
+ {{ endif }} + + + + + +
+ +
+ + {{ for $hiddens as $k=>$v }} + + {{ endfor }} + + +
+ + + diff --git a/transzero/moderated_comment.tpl b/transzero/moderated_comment.tpl new file mode 100755 index 0000000..b0451c8 --- /dev/null +++ b/transzero/moderated_comment.tpl @@ -0,0 +1,61 @@ +
+
+ + + + + + + +
+ $mytitle +
+
+ +
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ + +
+ + +
+
+ +
diff --git a/transzero/nav.tpl b/transzero/nav.tpl new file mode 100644 index 0000000..75c116a --- /dev/null +++ b/transzero/nav.tpl @@ -0,0 +1,68 @@ + + + diff --git a/transzero/nogroup-template.tpl b/transzero/nogroup-template.tpl new file mode 100644 index 0000000..3e0c5d0 --- /dev/null +++ b/transzero/nogroup-template.tpl @@ -0,0 +1,14 @@ +

$header

+ +
+{{ for $contacts as $contact }} + {{ inc contact_template.tpl }}{{ endinc }} +{{ endfor }} +
+
+ +$paginate + + + + diff --git a/transzero/photo-menu.jpg b/transzero/photo-menu.jpg new file mode 100644 index 0000000..fc789d3 Binary files /dev/null and b/transzero/photo-menu.jpg differ diff --git a/transzero/profile_vcard.tpl b/transzero/profile_vcard.tpl new file mode 100644 index 0000000..e91e612 --- /dev/null +++ b/transzero/profile_vcard.tpl @@ -0,0 +1,51 @@ +
+ +
$profile.name
+ + + + {{ if $pdesc }}
$profile.pdesc
{{ endif }} +
$profile.name
+ + + + {{ if $location }} +
$location
+
+ {{ if $profile.address }}
$profile.address
{{ endif }} + + $profile.locality{{ if $profile.locality }}, {{ endif }} + $profile.region + $profile.postal_code + + {{ if $profile.country_name }}$profile.country_name{{ endif }} +
+
+ {{ endif }} + + {{ if $gender }}
$gender
$profile.gender
{{ endif }} + + {{ if $profile.pubkey }}{{ endif }} + + {{ if $marital }}
♥$marital
$profile.marital
{{ endif }} + + {{ if $homepage }}
$homepage
$profile.homepage
{{ endif }} + + {{ inc diaspora_vcard.tpl }}{{ endinc }} + +
+ +
+ +$contact_block + + diff --git a/transzero/prv_message.tpl b/transzero/prv_message.tpl new file mode 100644 index 0000000..4f9b24a --- /dev/null +++ b/transzero/prv_message.tpl @@ -0,0 +1,38 @@ +

$header

+ +
+
+ +$parent + +
$to
+ +{{ if $showinputs }} + + +{{ else }} +$select +{{ endif }} + +
$subject
+ + +
$yourmessage
+ + + +
+ +
+
+
+ +
+ +
+
+
+
+
diff --git a/transzero/screenshot.png b/transzero/screenshot.png new file mode 100644 index 0000000..78f4b97 Binary files /dev/null and b/transzero/screenshot.png differ diff --git a/transzero/settings_features.tpl b/transzero/settings_features.tpl new file mode 100644 index 0000000..6f5c23b --- /dev/null +++ b/transzero/settings_features.tpl @@ -0,0 +1,20 @@ +

$title

+ + +
+ + +{{ for $features as $f }} +

$f.0

+ +{{ for $f.1 as $fcat }} + {{ inc $field_yesno with $field=$fcat }}{{endinc}} +{{ endfor }} +{{ endfor }} + +
+ +
+ +
+ diff --git a/transzero/shiny.png b/transzero/shiny.png new file mode 100644 index 0000000..bb7cbdf Binary files /dev/null and b/transzero/shiny.png differ diff --git a/transzero/smarty3/comment_item.tpl b/transzero/smarty3/comment_item.tpl new file mode 100644 index 0000000..3cbe57c --- /dev/null +++ b/transzero/smarty3/comment_item.tpl @@ -0,0 +1,66 @@ + {{if $threaded}} +
+ {{else}} +
+ {{/if}} +
+ + + + {{**}} + + + + +
+ {{$mytitle}} +
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ + {{if $qcomment}} + + {{/if}} + +
+ + +
+
+ +
diff --git a/transzero/smarty3/contacts-template.tpl b/transzero/smarty3/contacts-template.tpl new file mode 100644 index 0000000..19bc952 --- /dev/null +++ b/transzero/smarty3/contacts-template.tpl @@ -0,0 +1,26 @@ +

{{$header}}{{if $total}} ({{$total}}){{/if}}

+ +{{if $finding}}

{{$finding}}

{{/if}} + +
+
+{{$desc}} + + +
+
+
+ +{{$tabs}} + +
+{{foreach $contacts as $contact}} + {{include file="contact_template.tpl"}} +{{/foreach}} +
+ +{{$paginate}} + + + + diff --git a/transzero/smarty3/directory_item.tpl b/transzero/smarty3/directory_item.tpl new file mode 100644 index 0000000..85f98ac --- /dev/null +++ b/transzero/smarty3/directory_item.tpl @@ -0,0 +1,12 @@ +
+
+
+
+ {{$alt_text}} +
+
+ +
{{$name}}
+
{{$details}}
+
+
diff --git a/transzero/smarty3/lang_selector.tpl b/transzero/smarty3/lang_selector.tpl new file mode 100644 index 0000000..945cbf5 --- /dev/null +++ b/transzero/smarty3/lang_selector.tpl @@ -0,0 +1,10 @@ +
+ diff --git a/transzero/smarty3/login.tpl b/transzero/smarty3/login.tpl new file mode 100644 index 0000000..1a56947 --- /dev/null +++ b/transzero/smarty3/login.tpl @@ -0,0 +1,37 @@ + +
+ + +
+ {{include file="field_input.tpl" field=$lname}} + {{include file="field_password.tpl" field=$lpassword}} + {{include file="field_checkbox.tpl" field=$lremember}} + +
+ + {{if $openid}} +
+ {{include file="field_openid.tpl" field=$lopenid}} +
+ {{/if}} + + + + + +
+ +
+ + {{foreach $hiddens as $k=>$v}} + + {{/foreach}} + + +
+ + + diff --git a/transzero/smarty3/moderated_comment.tpl b/transzero/smarty3/moderated_comment.tpl new file mode 100644 index 0000000..8fbdf4b --- /dev/null +++ b/transzero/smarty3/moderated_comment.tpl @@ -0,0 +1,61 @@ +
+
+ + + + + + + +
+ {{$mytitle}} +
+
+ +
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ + +
+ + +
+
+ +
diff --git a/transzero/smarty3/nav.tpl b/transzero/smarty3/nav.tpl new file mode 100644 index 0000000..7cbae82 --- /dev/null +++ b/transzero/smarty3/nav.tpl @@ -0,0 +1,68 @@ + + + diff --git a/transzero/smarty3/nogroup-template.tpl b/transzero/smarty3/nogroup-template.tpl new file mode 100644 index 0000000..815b787 --- /dev/null +++ b/transzero/smarty3/nogroup-template.tpl @@ -0,0 +1,14 @@ +

{{$header}}

+ +
+{{foreach $contacts as $contact}} + {{include file="contact_template.tpl"}} +{{/foreach}} +
+
+ +{{$paginate}} + + + + diff --git a/transzero/smarty3/profile_vcard.tpl b/transzero/smarty3/profile_vcard.tpl new file mode 100644 index 0000000..91630b0 --- /dev/null +++ b/transzero/smarty3/profile_vcard.tpl @@ -0,0 +1,51 @@ +
+ +
{{$profile.name}}
+ + + + {{if $pdesc}}
{{$profile.pdesc}}
{{/if}} +
{{$profile.name}}
+ + + + {{if $location}} +
{{$location}}
+
+ {{if $profile.address}}
{{$profile.address}}
{{/if}} + + {{$profile.locality}}{{if $profile.locality}}, {{/if}} + {{$profile.region}} + {{$profile.postal_code}} + + {{if $profile.country_name}}{{$profile.country_name}}{{/if}} +
+
+ {{/if}} + + {{if $gender}}
{{$gender}}
{{$profile.gender}}
{{/if}} + + {{if $profile.pubkey}}{{/if}} + + {{if $marital}}
♥{{$marital}}
{{$profile.marital}}
{{/if}} + + {{if $homepage}}
{{$homepage}}
{{$profile.homepage}}
{{/if}} + + {{include file="diaspora_vcard.tpl"}} + +
+ +
+ +{{$contact_block}} + + diff --git a/transzero/smarty3/prv_message.tpl b/transzero/smarty3/prv_message.tpl new file mode 100644 index 0000000..97486ec --- /dev/null +++ b/transzero/smarty3/prv_message.tpl @@ -0,0 +1,38 @@ +

{{$header}}

+ +
+
+ +{{$parent}} + +
{{$to}}
+ +{{if $showinputs}} + + +{{else}} +{{$select}} +{{/if}} + +
{{$subject}}
+ + +
{{$yourmessage}}
+ + + +
+ +
+
+
+ +
+ +
+
+
+
+
diff --git a/transzero/smarty3/public_server.php b/transzero/smarty3/public_server.php new file mode 100644 index 0000000..1fad517 --- /dev/null +++ b/transzero/smarty3/public_server.php @@ -0,0 +1,142 @@ + + */ + + + + +function public_server_install() { + + register_hook('register_account', 'addon/public_server/public_server.php', 'public_server_register_account'); + register_hook('cron', 'addon/public_server/public_server.php', 'public_server_cron'); + register_hook('enotify','addon/public_server/public_server.php', 'public_server_enotify'); + register_hook('logged_in', 'addon/public_server/public_server.php', 'public_server_login'); +} + + +function public_server_uninstall() { + + unregister_hook('register_account', 'addon/public_server/public_server.php', 'public_server_register_account'); + unregister_hook('cron', 'addon/public_server/public_server.php', 'public_server_cron'); + unregister_hook('enotify','addon/public_server/public_server.php', 'public_server_enotify'); + unregister_hook('logged_in', 'addon/public_server/public_server.php', 'public_server_login'); +} + +function public_server_register_account($a,$b) { + + $uid = $b; + + $days = get_config('public_server','expiredays'); + $days_posts = get_config('public_server','expireposts'); + if(! $days) + return; + + $r = q("UPDATE user set account_expires_on = '%s', expire = %d where uid = %d limit 1", + dbesc(datetime_convert('UTC','UTC','now +' . $days . ' days')), + intval($days_posts), + intval($uid) + ); + +}; + + +function public_server_cron($a,$b) { + require_once('include/enotify.php'); + $r = q("select * from user where account_expires_on < UTC_TIMESTAMP() + INTERVAL 5 DAY and account_expires_on > '0000-00-00 00:00:00' and + expire_notification_sent = '0000-00-00 00:00:00' "); + + if(count($r)) { + foreach($r as $rr) { + notification(array( + 'uid' => $rr['uid'], + 'type' => NOTIFY_SYSTEM, + 'system_type' => 'public_server_expire', + 'language' => $rr['language'], + 'to_name' => $rr['username'], + 'to_email' => $rr['email'], + 'source_name' => t('Administrator'), + 'source_link' => $a->get_baseurl(), + 'source_photo' => $a->get_baseurl() . '/images/person-80.jpg', + )); + + q("update user set expire_notification_sent = '%s' where uid = %d limit 1", + dbesc(datetime_convert()), + intval($rr['uid']) + ); + } + } + + $r = q("select * from user where account_expired = 1 and account_expires_on < UTC_TIMESTAMP() - INTERVAL 5 DAY and account_expires_on > '0000-00-00 00:00:00'"); + if(count($r)) { + require_once('include/Contact.php'); + foreach($r as $rr) + user_remove($rr['uid']); + + } + $nologin = get_config('public_server','nologin'); + if($nologin) { + $r = q("select uid from user where account_expired = 0 and login_date = '0000-00-00 00:00:00' and register_date < UTC_TIMESTAMP() - INTERVAL %d DAY and account_expires_on = '0000-00-00 00:00:00'",intval($nologin)); + if(count($r)) { + foreach($r as $rr) + q("update user set account_expires_on = '%s' where uid = %d limit 1", + dbesc(datetime_convert('UTC','UTC','now +' . '6 days')), + intval($rr['uid']) + ); + } + } + + + $flagusers = get_config('public_server','flagusers'); + if($flagusers) { + $r = q("select uid from user where account_expired = 0 and login_date < UTC_TIMESTAMP() - INTERVAL %d DAY and account_expires_on = '0000-00-00 00:00:00' and `page-flags` = 0",intval($flagusers)); + if(count($r)) { + foreach($r as $rr) + q("update user set account_expires_on = '%s' where uid = %d limit 1", + dbesc(datetime_convert('UTC','UTC','now +' . '6 days')), + intval($rr['uid']) + ); + } + } + + $flagposts = get_config('public_server','flagposts'); + $flagpostsexpire = get_config('public_server','flagpostsexpire'); + if ($flagpostsexpire) { + $r = q("select uid from user where account_expired = 0 and login_date < UTC_TIMESTAMP() - INTERVAL %d DAY and account_expires_on = '0000-00-00 00:00:00' and (expire >= %d or expire=0) and `page-flags` = 0", + intval($flagposts), + intval($flagpostsexpire)); + if(count($r)) { + foreach($r as $rr) + q("update user set expire = %d where uid = %d limit 1", + intval($flagpostsexpire), + intval($rr['uid']) + ); + } + } + + +} + +function public_server_enotify(&$a, &$b) { + if (x($b, 'params') && $b['params']['type'] == NOTIFY_SYSTEM + && x($b['params'], 'system_type') && $b['params']['system_type'] === 'public_server_expire') { + $b['itemlink'] = $a->get_baseurl(); + $b['epreamble'] = $b['preamble'] = sprintf( t('Your account on %s will expire in a few days.'), get_config('system','sitename')); + $b['subject'] = t('Your Friendica account is about to expire.'); + $b['body'] = sprintf( t("Hi %1\$s,\n\nYour account on %2\$s will expire in less than five days. You may keep your account by logging in at least once every 30 days"), $b['params']['to_name'], "[url=" . $app->config["system"]["url"] . "]" . $app->config["sitename"] . "[/url]"); + } +} + +function public_server_login($a,$b) { + $days = get_config('public_server','expiredays'); + if(! $days) + return; + $r = q("UPDATE user set account_expires_on = '%s' where uid = %d and account_expires_on > '0000-00-00 00:00:00' limit 1", + dbesc(datetime_convert('UTC','UTC','now +' . $days . ' days')), + local_user() + ); +} diff --git a/transzero/smarty3/settings_features.tpl b/transzero/smarty3/settings_features.tpl new file mode 100644 index 0000000..40c09c2 --- /dev/null +++ b/transzero/smarty3/settings_features.tpl @@ -0,0 +1,20 @@ +

{{$title}}

+ + +
+ + +{{foreach $features as $f}} +

{{$f.0}}

+ +{{foreach $f.1 as $fcat}} + {{include file="field_yesno.tpl" field=$fcat}} +{{/foreach}} +{{/foreach}} + +
+ +
+ +
+ diff --git a/transzero/style.css b/transzero/style.css new file mode 100644 index 0000000..02bce06 --- /dev/null +++ b/transzero/style.css @@ -0,0 +1,3798 @@ +/** + * duepuntozero Frindika style + * Fabio Comuni + */ + + +/* generals */ +body { + font-family: helvetica,arial,freesans,clean,sans-serif; + background-color: #FFFFFF; + background-image: url(background.jpg); + background-attachment:fixed; + color: #000000; + margin: 0px; + +} + + +a, a:visited, a:link { color: #3c3b37; text-decoration: none; } +a:hover {text-decoration: underline; } + +input { + border: 1px solid #666666; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 3px; +} + +img { + border :0px; +} + +#id_openid_url, .openid input { + background: url(login-bg.gif) no-repeat; + background-position: 0 50%; + padding-left: 18px; +} +.openid:hover { + +} + +#id_openid_url { + width: 384px; +} + +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; +} + +blockquote { + background-color: #f4f8f9; + border-left: 4px solid #dae4ee; + padding: 0.4em; +} + +.icollapse-wrapper, .ccollapse-wrapper { + border: 1px solid #CCC; + padding: 5px; +} + +.hide-comments-total { + margin-left: 25px; +} + +.hide-comments { + margin-left: 10px; +} + +.hide-comments-outer { + font-size: 0.8em; + padding-top: 5px; +} + +#panel { + background-color: ivory; + position: absolute; + z-index: 2; + width: 30%; + padding: 25px; + border: 1px solid #444; +} + +.heart { + color: #FF0000; + font-size: 100%; + margin-right: 5px; +} + +form { + font-size: 0.8em; +} + +/* nav */ +nav { + height: 67px; + font-size: 16px; + display: block; + margin: 0px 10%; + border-bottom: 0px; + background-color: rgba(0,0,0,0.7); +} + +.error-message { + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.info-message { + color: #dddddd; + font-size: 1.1em; + border: 0px; + background-color: #000000; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + + +nav #banner { + display: block; + position: absolute; + color: #dfdbd2; + font-size: 14px; +} + +nav #banner img { + vertical-align: middle; +} +nav #banner #logo-text a { + font-size: 25px; + font-weight: bold; + margin-left: 3px; + color: #DDDDDD !important; + vertical-align: middle; +} +nav #banner #logo-text a:hover { text-decoration: none; } + +.nav-commlink, .nav-login-link { + display: block; + height: 15px; + margin-top: 40px; + margin-right: 2px; + //padding: 6px 10px; + padding: 6px 3px; + float: left; + bottom: 140px; + border: 0px; + border-bottom: 0px; + background-color: rgba(221,221,221,0.5) !important; + color: #222222 !important; + -moz-border-radius: 3px 3px 0px 0px; + border-radius: 3px 3px 0px 0px; +} + +nav .nav-link { + float: right; + margin: 0.2em 0em; + padding: 0em 0.5em; + color: #DDDDDD !important; +} + +.nav-commlink.selected { + background-color: #ffffff !important; + border-bottom: 0px; + color: #000000 !important; + margin-top: 37px; + padding-top: 6px; + padding-bottom: 9px; +} +.nav-ajax-left { + color: #ffffff; + font-weight: bold; + float: left; + margin-top: 32px; +} + + +nav #nav-link-wrapper .nav-link { + border-right: 1px solid #dfdbd2; +} + +/* aside */ +aside { + display: block; + font-size: 16px; + min-height: 300px; + width: 200px; + margin-left: 10%; + padding: 1em; + float: left; + position: absolute; + +} + +#dfrn-request-link { + display: block; + text-align: center; + color: #DDDDDD; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; + padding: 5px; + font-weight: bold; + font-size: 22px; + background-color: #000000; +} +#wallmessage-link { + display: block; + color: #FFFFFF; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 5px; + font-weight: bold; + background-color: #3465a4; +} + +/* section */ +section { + margin: 0px 10%; + padding-top: 1em; + padding-left: 250px; + padding-right: 1em; + padding-bottom: 0.5em; + display: block; + background-color: rgba(255,255,255,0.7); + min-height: 1000px; + border-left: 0px; +} +.tabs { + height: 27px; + font-size: 16px; + border-bottom: 2px solid #ffffff; + padding:0px; +} +.tabs li { margin: 0px; list-style: none; } +.tab { + display:block; + float:left; + padding: 0.4em; + //margin-right: 1em; + margin-right: 3px ; +} +.tab.active { + font-weight: bold; + +} + + +/* footer */ +footer { + background-color: rgba(255,255,255,0.7); + text-align: right; + margin: 0 10%; + padding: 0.5em; +} + +.birthday-today, .event-today { + font-weight: bold; +} + +div.wall-item-content-wrapper.shiny { + background-image: url('shiny.png'); + background-position: -5px 30px; + background-repeat:no-repeat; +} + +.preview { + background: #EEEEEE; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#theme-preview { + margin: 15px 0 15px 150px; +} + +/* from default */ +#jot-perms-icon, +#profile-location, +#profile-nolocation, +#profile-youtube, +#profile-video, +#profile-audio, +#profile-link, +#profile-title, +#wall-image-upload, +#wall-file-upload, +#profile-upload-wrapper, +#wall-image-upload-div, +#wall-file-upload-div, +.hover, .focus { + cursor: pointer; +} + +#jot-perms-icon { + float: left; +} + +#jot-title, #jot-category { + height: 1.5em; + font-size: 1.24em; + color:#666666; + margin: 0px; + width: 99%; + margin-bottom: 5px; + font-weight: bold; + border: 1px solid #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#jot-title::-webkit-input-placeholder{font-weight: normal;} +#jot-category::-webkit-input-placeholder{font-weight: normal;} +#jot-title:-moz-placeholder{font-weight: normal;} +#jot-category:-moz-placeholder{font-weight: normal;} + + +.jothidden { display:none; } + + +.fakelink, .fakelink:visited, .fakelink:link { + color: #3c3b37; + text-decoration: none; + cursor: pointer; + margin-top: 15px; + margin-bottom: 15px; +} +.lockview { + cursor: pointer; +} + +#group-sidebar { + margin-bottom: 10px; +} + +.group-selected, .nets-selected, .fileas-selected, .categories-selected { + padding: 5px; + -webkit-border-top-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + -moz-border-radius-topright: 10px; + -moz-border-radius-bottomright: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + background: #FFFFFF; + font-weight: bold; +} + +.settings-widget .selected { + //padding: 3px; + //-moz-border-radius: 3px; + //-webkit-border-radius: 3px; + //border-radius: 3px; + //border: 1px solid #CCCCCC; + //background: #F8F8F8; + font-weight: bold; +} + +.fakelink:hover { + color: #3c3b37; + text-decoration: underline; + cursor: pointer; +} +.smalltext { + font-size: 0.7em; +} +#sysmsg { + /*width: 600px;*/ + margin-bottom: 10px; +} + +#register-fill-ext { + margin-bottom: 25px; +} + +#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid { + float: left; + width: 350px; + margin-top: 10px; +} + +#register-name, #register-email, #register-nickname { + float: left; + margin-top: 10px; + width: 150px; +} + +#register-openid { + float: left; + margin-top: 10px; + width: 130px; +} + +#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end { + clear: both; +} + +#register-nickname-desc { + margin-top: 30px; + width: 650px; +} +#register-sitename { + float: left; + margin-top: 10px; +} + +#register-submit-button { + margin-top: 10px; +} + + +#login_standard { + width: 210px; + float: left; +} +#login_openid { + width: 210px; + margin-left: 250px; +} + +#login_standard input, +#login_openid input { + width: 180px; +} + +#login-extra-links { + clear: both; +} + +#register-link, #lost-password-link { + float: left; + font-size: 80%; + margin-right: 15px; + margin-top: 10px; + +} + +#login-name-end, #login-password-end, #login-extra-end, #login-submit-end { + height: 50px; +} + +#login-submit-wrapper { + clear: both; +} +#login-submit-button { + margin-top: 25px; + margin-left: 30px; +} + +aside #login-submit-button { + margin-left: 30px !important; +} + + +input#dfrn-url { + float: left; + background: url(friendica-16.png) no-repeat; + background-position: 2px center; + font-size: 17px; + padding-left: 21px; + height: 21px; + background-color: #FFFFFF; + color: #000000; + margin-bottom: 20px; +} + +#dfrn-url-label { + float: left; + width: 250px; +} + +#dfrn-request-url-end { + clear: both; +} + +#knowyouyes, #knowyouno { + float: left; +} + +#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper { + + float: none; +} +#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label { + float: left; + width: 75px; + margin-left: 50px; + margin-bottom: 7px; +} +#dfrn-request-knowyou-break, #dfrn-request-knowyou-end { + clear: both; + +} + +#dfrn-request-message-wrapper { + margin-bottom: 50px; +} +#dfrn-request-submit-wrapper { + clear: both; + margin-left: 50px; +} + +#dfrn-request-info-wrapper { + margin-left: 50px; +} + + + +#cropimage-wrapper, #cropimage-preview-wrapper { + float: left; + padding: 30px; +} + +#crop-image-form { + margin-top: 30px; + clear: both; +} + +.intro-wrapper { + margin-top: 20px; + background-color: #ffffff; + padding: 10px; + font-size: 1em; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.intro-fullname { + font-size: 1.2em; + font-weight: bold; + +} +.intro-desc { + margin-bottom: 20px; + font-weight: bold; +} + +.intro-note { + padding: 10px; +} + +.intro-end { + padding: 30px; +} + +.intro-form { + float: left; +} +.intro-approve-form { + clear: both; +} +.intro-approve-as-friend-end { + clear: both; +} +.intro-submit-approve, .intro-submit-ignore, .intro-submit-discard { + margin-right: 20px; + margin: 10px; + font-size: 1.1em; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} +.intro-submit-approve { + margin-top: 15px; +} + +.intro-approve-as-friend-label, .intro-approve-as-fan-label { + float: left; + width: 100px; + margin-left: 20px; +} +.intro-approve-as-friend, .intro-approve-as-fan { + float: left; +} +.intro-form-end { + clear: both; +} +.intro-approve-as-friend-desc { + margin-top: 15px; +} +.intro-approve-as-end { + clear: both; + margin-bottom: 10px; +} + +.intro-photo { + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.intro-end { + clear: both; + margin-bottom: 30px; +} +.aprofile dt { + font-weight: bold; +} +#page-profile .title { + font-weight: bold; +} +#profile-vcard-break { + clear: both; +} +#profile-extra-links { + clear: both; + margin-top: 10px; +} + +#profile-extra-links ul { + list-style-type: none; + padding: 0px; +} + + +#profile-extra-links li { + margin-top: 5px; +} + +#profile-edit-links ul { + list-style-type: none; +} + +#profile-edit-links li { + margin-top: 10px; +} +.profile-edit-side-div { + float: right; +} +.profile-edit-side-link { + opacity: 0.3; + filter:alpha(opacity=30); +} +.profile-edit-side-link:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +.view-contact-wrapper { + margin-top: 20px; + float: left; + margin-left: 20px; + width: 180px; +} + +.contact-wrapper { + float: left; + width: 150px; + height: 150px; + overflow: auto; +} + +#view-contact-end { + clear: both; +} + + +#viewcontacts { + margin-top: 15px; +} +#profile-edit-default-desc { + color: #FF0000; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 7px; +} + +#profile-edit-clone-link-wrapper { + float: left; + margin-left: 50px; + margin-bottom: 20px; + width: 300px; +} + + +#profile-edit-links-end { + clear: both; + margin-bottom: 15px; +} + +.profile-listing-photo { + border: none; +} + +.profile-edit-submit-wrapper { + margin-top: 20px; + margin-bottom: 20px; +} + +#profile-photo-link-select-wrapper { + margin-top: 2em; +} + +#profile-photo-submit-wrapper { + margin-top: 10px; +} + +#profile-photo-wrapper img { + width:175px; + height:175px; + margin: 5px; +} + +#profile-edit-profile-name-label, +#profile-edit-name-label, +#profile-edit-pdesc-label, +#profile-edit-gender-label, +#profile-edit-dob-label, +#profile-edit-address-label, +#profile-edit-locality-label, +#profile-edit-region-label, +#profile-edit-postal-code-label, +#profile-edit-country-name-label, +#profile-edit-marital-label, +#profile-edit-sexual-label, +#profile-edit-politic-label, +#profile-edit-religion-label, +#profile-edit-pubkeywords-label, +#profile-edit-prvkeywords-label, +#profile-edit-homepage-label, +#profile-edit-hometown-label { + float: left; + width: 175px; +} + +#profile-edit-profile-name, +#profile-edit-name, +#profile-edit-pdesc, +#gender-select, +#profile-edit-dob, +#profile-edit-address, +#profile-edit-locality, +#profile-edit-region, +#profile-edit-postal-code, +#profile-edit-country-name, +#marital-select, +#sexual-select, +#profile-edit-politic, +#profile-edit-religion, +#profile-edit-pubkeywords, +#profile-edit-prvkeywords, +#profile-in-dir-yes, +#profile-in-dir-no, +#profile-in-netdir-yes, +#profile-in-netdir-no, +#hide-wall-yes, +#hide-wall-no, +#hide-friends-yes, +#hide-friends-no { + float: left; + margin-bottom: 20px; +} + +#settings-form { + background-color: #ffffff; + padding: 10px; + margin-top: 30px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} +#settings-normal, +#settings-soapbox, +#settings-freelove, +#settings-community { + float: left; +} +#settings-notifications label { + margin-left: 20px; +} +#settings-notify-desc, #settings-activity-desc { + font-weight: bold; + margin-bottom: 15px; +} +#settings-pagetype-desc { + color: #666666; + margin-bottom: 15px; +} + +#features-form { + background-color: #ffffff; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#profile-in-dir-yes-label, +#profile-in-dir-no-label, +#profile-in-netdir-yes-label, +#profile-in-netdir-no-label, +#hide-wall-yes-label, +#hide-wall-no-label, +#hide-friends-yes-label, +#hide-friends-no-label { + margin-left: 125px; + float: left; + width: 50px; +} + +#profile-edit-with-label { + width: 175px; + margin-left: 20px; +} + +#profile-publish-yes-reg, +#profile-publish-no-reg { + float: left; + margin-bottom: 10px; +} + +#profile-publish-yes-label-reg, +#profile-publish-no-label-reg { + margin-left: 350px; + float: left; + width: 50px; +} + +#profile-publish-break-reg, +#profile-publish-end-reg { + clear: both; +} + + +#profile-edit-pdesc-desc, +#profile-edit-pubkeywords-desc, +#profile-edit-prvkeywords-desc { + float: left; + margin-left: 20px; +} + + +#profile-edit-homepage, #profile-edit-hometown { + float: left; + margin-bottom: 35px; +} +#settings-normal-label, +#settings-soapbox-label, +#settings-community-label, +#settings-freelove-label { + float: left; + width: 200px; +} +#settings-normal-desc, +#settings-soapbox-desc, +#settings-community-desc, +#settings-freelove-desc { + /*float: left; + margin-left: 75px;*/ + clear: left; + color: #666666; + display: block; + margin-bottom: 20px +} + +#profile-edit-profile-name-end, +#profile-edit-name-end, +#profile-edit-pdesc-end, +#profile-edit-gender-end, +#profile-edit-dob-end, +#profile-edit-address-end, +#profile-edit-locality-end, +#profile-edit-region-end, +#profile-edit-postal-code-end, +#profile-edit-country-name-end, +#profile-edit-marital-end, +#profile-edit-sexual-end, +#profile-edit-politic-end, +#profile-edit-religion-end, +#profile-edit-pubkeywords-end, +#profile-edit-prvkeywords-end, +#profile-edit-homepage-end, +#profile-edit-hometown-end, +#profile-in-dir-break, +#profile-in-dir-end, +#profile-in-netdir-break, +#profile-in-netdir-end, +#hide-wall-break, +#hide-wall-end, +#hide-friends-break, +#hide-friends-end, +#settings-normal-break, +#settings-soapbox-break, +#settings-community-break, +#settings-freelove-break { + clear: both; +} + +.settings-widget ul { + list-style-type: none; + padding: 0px; +} + +.settings-widget li { + margin-left: 24px; + margin-bottom: 8px; +} + + +#gender-select, #marital-select, #sexual-select { + width: 220px; +} + +#profile-edit-profile-name-wrapper .required { + color: #FF0000; + float: left; +} + +#contacts-main { + margin-top: 20px; + margin-bottom: 20px; +} + +.contacts-page-wrapper { + float: left; + background-color: #FFFFFF; + margin-bottom: 10px; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.contact-entry-wrapper { + float: left; + width: 110px; + height: 126px; + margin-bottom: 10px; +} + + +.contact-entry-direction-icon { + margin-top: 24px; + margin-right: 2px; +} + +.contact-entry-photo img { + border: none; + height: 80px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} +.contact-entry-photo-end { + clear: both; +} +.contact-entry-name { + position:absolute; + float: left; + width: 100px; + font-size: 16px; + margin-top: 5px; + max-height: 38px; + overflow: hidden; +} + +.contact-entry-name:hover +{ + border: 1px solid #222222; + background-color: #ffffff; + width: auto; + height: auto; + overflow:visible; + padding: 3px; + margin-top: 1px; + margin-left: -4px; + z-index: 10; + -webkit-border-radius: 3px ; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.contact-entry-edit-links { + margin-top: 6px; + margin-left: 10px; + width: 16px; +} +.contact-entry-nav-wrapper { + float: left; + margin-left: 10px; +} + +.contact-entry-edit-links img { + border: none; + margin-right: 15px; +} +.contact-entry-photo { + float: left; + position: relative; + height: 80px; + font-weight: lighter; + font-size: 14px; +} +.contact-entry-end { + clear: both; +} + +#group-edit-form { + background-color: #FFFFFF; + margin-bottom: 10px; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + +#network-star-link{ + margin-top: 10px; +} +.network-star { + float: left; + margin-right: 5px; +} +#network-bmark-link { + margin-top: 10px; +} + +.tread-wrapper { + background-color: rgba(255,255,255,0.5); + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.wall-item-content-wrapper { + background-color: #FFFFFF; + margin-top: 10px; + position: relative; + font-size: 1.0em; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.tread-wrapper .tread-wrapper { + margin-left: 50px; +} +.tread-wrapper .wall-item-comment-wrapper { + margin-left: 50px; +} + +.tread-end-wrapper { + margin-left: 50px; +} + +.wall-item-content-wrapper.comment { + font-size: 0.8em; +} + +.wall-item-like, .wall-item-like.comment { + margin: 5px 0 0 25px; + font-size: 0.8em; +} + +.wall-item-dislike, .wall-item-dislike.comment { + margin: 5px 0 0 25px; + padding-bottom: 5px; + font-size: 0.8em; +} + +.wall-item-info { + display: block; + float: left; + width:110px; + margin-right:10px; +} +.comment .wall-item-info { + width: 70px; +} + +.wall-item-photo-wrapper { + margin-top: 10px; + margin-left: 10px; + margin-bottom: 10px; + width: 100px; +} +.wall-item-photo-menu-button { + display: block; + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 74px; left:19px; + overflow: hidden; + text-indent: 40px; + display: none; +} + +.wall-item-photo-menu { + width: auto; + font-size: 16px; + font-weight: normal; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 10px; top: 90px; + display: none; + z-index: 10000; + -webkit-border-radius: 3px ; + -moz-border-radius: 3px; + border-radius: 3px; +} +.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.wall-item-photo-menu li a { display: block; padding: 2px; } +.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } + + +.comment .wall-item-photo-menu-button { top: 44px;} +.comment .wall-item-photo-menu { top: 60px; } + +.wallwall .wwto { + left: 50px; + margin: 0; + position: absolute; + top: 70px; + width: 30px +} +.wallwall .wwto img { + width: 30px !important; + height: 30px !important; +} + +.wallwall .wall-item-photo-end { + clear: both; +} + +.wall-item-arrowphoto-wrapper { + position: absolute; + left: 75px; + top: 70px; + z-index: 100; +} +.wall-item-wrapper { + /*float: left; + margin-right: 5px; + width: 250px;*/ + margin-left:10px; +} +.wall-item-lock { + /*height: 20px;*/ + /*margin-top: 10px;*/ + left: 105px; + position: absolute; + top: 1px; +} +.comment .wall-item-lock { + left: 65px; +} + +.wall-item-ago { + color: #888888; + font-size: 0.8em; +} + +.wall-item-location { + overflow: hidden; + /* add ellipsis on text overflow */ + /* this work on safari, opera, ie, chrome. */ + /* firefox users have to wait support or we */ + /* can use a jquery plugin http://bit.ly/zJskg */ + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + width: 100%; +} + +.wall-item-like-buttons { + float: left; + margin-right: 10px; +/* padding-right: 10px; */ +/* border-right: 2px solid #fff; */ +} + +.like-rotator { + margin-left: 5px; +} + +.wall-item-like-buttons > a, +.wall-item-like-buttons > img { + float: left; +} + +.wall-item-like-buttons img { + cursor: pointer; +} + +.wall-item-share-buttons { + margin-left: 10px; + margin-right: 10px; +} + +.editpost { + margin-left: 10px; + float: left; +} +.star-item { + margin-left: 10px; + float: left; +} +.tag-item { + margin-left: 10px; + float: left; +} + +.filer-item { + margin-left: 10px; + float: left; +} + +.wall-item-links-wrapper { + float: left; +} + +.wall-item-delete-wrapper { + float: right; +} + +.wall-item-delete-end { + clear: both; +} + +.wall-item-delete-icon { + border: none; +} + + +.wall-item-wrapper-end { + clear: both; +} +.wall-item-name-link { + font-weight: bold; + text-decoration: none; + color: #3c3b37; +} +.wall-item-photo { + border: none; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; + +} +.comment .wall-item-photo { + width: 50px !important; + height: 50px !important; +} +.wall-item-content { + /*float: left;*/ + /*width: 450px;*/ + margin-left: 10px; + /*margin-bottom: 20px;*/ + /*padding: 20px;*/ + max-height: 44em; + overflow: auto; +} + +.wall-item-content img { + max-width: 700px; +} + + +.wall-item-title { + float: left; + font-weight: bold; + /*width: 450px;*/ +} + +.wall-item-title-end { + clear: both; +} + +.wall-item-body { + float: left; + /*width: 450px;*/ + margin-top: 10px; + margin-right:10px +} + +.wall-item-tools { + clear: both; + padding: 10px; +} +.wall-item-author { + margin-top: 10px; +} + +.comment .wall-item-tools { + background:none; +} + +.comment-edit-wrapper { + margin-top: 15px; + margin-left: 50px; +} + +.comment-wwedit-wrapper { +} + +.comment-edit-photo { + margin-top: 15px; + margin-left: 10px; + width: 70px; + float: left; +} +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo { + width: 40px; +} + +.comment-edit-photo img { + height: 1.5em; +} +.comment-edit-text-empty, .comment-edit-text-full { + float: left; + margin-top: 10px; + -moz-border-radius: 3px; + -webkit-border-radius: + border-radius: 3px; + border: 1px solid #cccccc; + padding: 3px 1px 1px 3px; +} +.comment-edit-text-end { + clear: both; +} + +.comment-edit-submit { + margin: 0px 50px 0px 100px; + font-size: 1.0em; + float: left; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit { + margin-left: 50px; +} + +.comment-edit-submit-wrapper { + height: 2.4em; +} + +#profile-jot-wrapper { + background-color: rgba(255, 255, 255, 0.5); + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#profile-jot-plugin-wrapper, +#profile-jot-submit-wrapper { + margin-top: 15px; +} + +#profile-jot-submit { + float: left; + margin: -7px 5px 0px 8px; + font-size: 1.2em; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#profile-upload-wrapper { + float: left; + margin-left: 30px; +} +#profile-attach-wrapper { + float: left; + margin-left: 30px; +} +#profile-rotator { + float: left; + margin-left: 30px; +} +#profile-link-wrapper { + float: left; + margin-left: 15px; +} +#profile-youtube-wrapper { + float: left; + margin-left: 15px; +} +#profile-video-wrapper { + float: left; + margin-left: 15px; +} +#profile-audio-wrapper { + float: left; + margin-left: 15px; +} +#profile-location-wrapper { + float: left; + margin-left: 15px; +} +#jot-preview-link { + float: left; + margin-left: 45px; + margin-top: -4px ; +} + + +#profile-nolocation-wrapper { + float: left; + margin-left: 15px; +} +#profile-title-wrapper { + float: left; + margin-left: 15px; +} + +#profile-jot-perms { + float: left; + margin-left: 50px; + font-weight: bold; + font-size: 1em; +} + + +#profile-jot-perms-end { + /*clear: left;*/ + height: 2em; +} + +#profile-jot-plugin-end{ + clear: both; +} +.profile-jot-net { + float: left; + margin: 20px 10px 10px 0; + font-size: 16px; + font-weight: bold; +} + +#profile-jot-networks-end { + clear: both; +} + +#profile-jot-email-label { + font-size: 16px; +} + +#profile-jot-email { + font-size: 16px; + width: 500px; +} + +#profile-jot-end { + /*clear: both;*/ + margin-bottom: 30px; +} +#about-jot-submit-wrapper { + margin-top: 15px; +} +#about-jot-end { + margin-bottom: 30px; +} +#contacts-main { + margin-bottom: 30px; +} + +#profile-listing-desc { + margin-left: 30px; +} + +#profile-listing-new-link-wrapper { + margin-left: 30px; + margin-bottom: 30px; +} +.profile-listing-photo-wrapper { + float: left; +} + +.profile-listing-edit-buttons-wrapper { + clear: both; +} +.profile-listing-photo-edit-link { + float: left; + width: 125px; +} +.profile-listing-end { + clear: both; +} +.profile-listing-edit-buttons-wrapper img{ + border: none; + margin-right: 20px; +} +.profile-listing { + margin-top: 25px; +} +.profile-listing-name { + float: left; + margin-left: 32px; + margin-top: 10px; + color: #3c3b37; + font-weight: bold; + width: 200px; + +} +.fortune { + margin-top: 50px; + color: #4444FF; + font-weight: bold; + margin-bottom: 20px; +} + +#global-directory-link { + background-color: #ffffff; + margin: 0 21px 50px 0; + font-size: 1.2em; + font-weight: bold; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#directory-search-form { + padding: 10px; + border: 1px solid #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; + +} + +#directory-wrapper { + float: left; + background-color: #ffffff; + padding: 10px; +} + +.directory-end { + clear: both; +} +.directory-name { + text-align: center; +} +.directory-photo { + margin-left: 25px; + +} +.directory-details { + font-size: 0.7em; + text-align: center; + margin-left: 5px; + margin-right: 5px; +} +.directory-item { + float: left; + width: 225px; + height: 260px; + overflow: auto; +} + +#directory-search-wrapper { + margin-top: 20px; + margin-right: 20px; + margin-bottom: 50px; +} + +#directory-search-end { +} + +.directory-photo-img { + border: none; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.pager { + padding: 1em; + text-align: center; + font-size: 1.0em; + font-weight: bold; +} + + +.pager_first, +.pager_last, +.pager_prev, +.pager_next, +.pager_n { + border: 1px solid black; + background: #EEE; + padding: 4px; +} + +.pager_first a, +.pager_last a, +.pager_prev a, +.pager_next a, +.pager_n a { + text-decoration: none; +} + +.pager_current { + border: 1px solid black; + background: #FFCCCC; + padding: 4px; +} + + +#advanced-profile-name-wrapper, +#advanced-profile-gender-wrapper, +#advanced-profile-dob-wrapper, +#advanced-profile-age-wrapper, +#advanced-profile-marital-wrapper, +#advanced-profile-sexual-wrapper, +#advanced-profile-homepage-wrapper, +#advanced-profile-politic-wrapper, +#advanced-profile-religion-wrapper, +#advanced-profile-about-wrapper, +#advanced-profile-interest-wrapper, +#advanced-profile-contact-wrapper, +#advanced-profile-music-wrapper, +#advanced-profile-book-wrapper, +#advanced-profile-tv-wrapper, +#advanced-profile-film-wrapper, +#advanced-profile-romance-wrapper, +#advanced-profile-work-wrapper, +#advanced-profile-education-wrapper { + margin-top: 20px; +} + +#advanced-profile-name-text, +#advanced-profile-gender-text, +#advanced-profile-dob-text, +#advanced-profile-age-text, +#advanced-profile-marital-text, +#advanced-profile-sexual-text, +#advanced-profile-homepage-text, +#advanced-profile-politic-text, +#advanced-profile-religion-text, +#advanced-profile-about-text, +#advanced-profile-interest-text, +#advanced-profile-contact-text, +#advanced-profile-music-text, +#advanced-profile-book-text, +#advanced-profile-tv-text, +#advanced-profile-film-text, +#advanced-profile-romance-text, +#advanced-profile-work-text, +#advanced-profile-education-text { + width: 300px; + float: left; +} + +#advanced-profile-name-end, +#advanced-profile-gender-end, +#advanced-profile-dob-end, +#advanced-profile-age-end, +#advanced-profile-marital-end, +#advanced-profile-sexual-end, +#advanced-profile-homepage-end, +#advanced-profile-politic-end, +#advanced-profile-religion-end { + height: 10px; +} + +#advanced-profile-about-end, +#advanced-profile-interest-end, +#advanced-profile-contact-end, +#advanced-profile-music-end, +#advanced-profile-book-end, +#advanced-profile-tv-end, +#advanced-profile-film-end, +#advanced-profile-romance-end, +#advanced-profile-work-end, +#advanced-profile-education-end { + + +} + +#advanced-profile-name, +#advanced-profile-gender, +#advanced-profile-dob, +#advanced-profile-age, +#advanced-profile-marital, +#advanced-profile-sexual, +#advanced-profile-homepage, +#advanced-profile-politic, +#advanced-profile-religion { + float: left; + +} + + +#advanced-profile-about, +#advanced-profile-interest, +#advanced-profile-contact, +#advanced-profile-music, +#advanced-profile-book, +#advanced-profile-tv, +#advanced-profile-film, +#advanced-profile-romance, +#advanced-profile-work, +#advanced-profile-education { + margin-top: 10px; + margin-left: 50px; + margin-right: 20px; + padding: 10px; + border: 1px solid #CCCCCC; +} + +#advanced-profile-with { + float: left; + margin-left: 15px; +} + +#contact-edit-wrapper { + margin-top: 10px; + padding: 10px; + background-color: #ffffff; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#contact-edit-banner-name { + font-size: 1.4em; + font-weight: bold; +} + +#contact-edit-poll-wrapper { + margin-top: 15px; +} + +#contact-edit-poll-text { + margin-top: 15px; + margin-bottom: 5px; +} + +#contact-edit-update-now { + margin-top: 15px; +} + +#contact-edit-links{ + clear: both; +} + +#contact-edit-links ul { + list-style: none; + list-style-type: none; + margin-left: 0px; + padding-left: 0px; +} + +#contact-edit-links li { + margin-top: 5px; +} + +#contact-edit-drop-link { + float: right; + margin-right: 20px; +} + +#contact-edit-nav-end { + clear: both; +} + + + +#contact-edit-end { + clear: both; + margin-top: 15px; +} + +#contact-profile-selector { + width: 175px; + margin-left: 175px; +} + +.contact-edit-submit { + margin-top: 20px; +} + + +.contact-photo-menu-button { + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 64px; left:9px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.contact-photo-menu { + width: auto; + font-size: 16px; + font-weight: normal; + border: 2px solid #222222; + background: #FFFFFF; + position: absolute; + left: 0px; top: 90px; + display: none; + z-index: 10000; + -webkit-border-radius: 3px ; + -moz-border-radius: 3px; + border-radius: 3px; +} +.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.contact-photo-menu li a { display: block; padding: 2px; } +.contact-photo-menu li a:hover { color: #FFFFFF; background: #222222; text-decoration: none; } + + +#block-message, #ignore-message, #archive-message, #lost-contact-message { + color: #FF0000; +} + +#profile-edit-insecure { + margin-top: 20px; + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding-left: 5px; + /*: 3px 3px 3px 5px; */ + width: 587px; +} + +#profile-jot-text { + height: 1.5em; + width: 99%; + font-size: 1.37em; + color:#222222; + border: 1px solid #ffffff; + padding: 3px 0px 0px 5px;. + -moz-border-radius: 10px; + -webkit-border-radius: 10px ; + border-radius: 10px; +} + + +/** acl **/ +#photo-edit-perms-select, +#photos-upload-permissions-wrapper, +#profile-jot-acl-wrapper{ + display:block!important; +} + +#photos-usage-message { + margin-bottom: 15px; +} + +#acl-wrapper { + width: 1087px; + height: 560px; + float:left; + +} +#acl-search { + float:right; + background: #ffffff url("../../../images/search_18.png") no-repeat right center; + width: 500px; + padding-right:20px; +} +#acl-showall { + float: left; + display: block; + width: auto; + font-size: 1em; + height: 1.2em; + padding: 5px; + border: 1px solid #dddddd; + background-color: #cccccc;; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; + color: #000000; + margin-bottom: 10px; +} +#acl-showall.selected { + color: #000000; + border-color: green; + background-color: #B9FFB9; + font-weight: bold; +} + +#acl-list { + height: 490px; + border: 1px solid #cccccc; + clear: both; + margin-top: 30px; + overflow: auto; + -webkit-border-radius: 5px ; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.acl-list-item { + display: block; + width: 200px; + height: auto; + border: 1px solid #cccccc; + margin: 5px; + float: left; + white-space: nowrap; + -moz-border-radius: 5px; + -webkit-border-radius: 5px ; + border-radius: 5px; +} +.acl-list-item img{ + width:22px; + height: 22px; + float: left; + margin: 5px; + white-space: nowrap; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topleft: 5px; + border-top-left-radius: 5px; +} +.acl-list-item p { + height: 20px; + font-size: 16px; + margin: 0px; + padding: 2px 0px 1px; + overflow: hidden; + white-space: nowrap; +} + +.acl-list-item a { + font-size: 16px; + width: 100px; + height: 20px; + color: #333333; + padding-right: 40px; + margin-left: -27px; +} + +#acl-wrapper a:hover { + text-decoration: none; + font-weight: bold; + color:#000000; +} + + +.acl-button-show { + white-space: nowrap; +} + +.acl-button-hide { + white-space: nowrap; +} + +.acl-button-show.selected { + color: green; + font-weight: bold; +} + +.acl-button-hide.selected { + color: red; + font-weight: bold; +} + +.acl-list-item.groupshow { + border-color: green; + background-color: #B9FFB9; +} +.acl-list-item.grouphide { + border-color: red; + background-color: #FFB9B9; +} +/** /acl **/ + + +.comment-edit-text-empty { + height: 1.5em; + width: 82%; + font-size: 1.2em; + color:#444444; + border: 1px solid #ffffff; + padding: 3px 0px 0px 5px; + margin-bottom: 10px; + overflow: auto; + -moz-border-radius: 10px; + -webkit-border-radius: 10px ; + border-radius: 10px; + +} + +.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty { + height: 1.5em; +} + +.comment-edit-text-full { + width: 82%; + height: 1.5em; + font-size: 1.2em; + color: black; + height: 7em; + border: 1px solid #ffffff; + padding: 3px 0px 0px 5px; + margin-bottom: 10px; + overflow: auto; + -moz-border-radius: 10px; + -webkit-border-radius: 10px ; + border-radius: 10px; + +} + +#group-new-submit-wrapper { + margin-top: 30px; +} + +#group-edit-name-label { + float: left; + width: 175px; + margin-top: 20px; + margin-bottom: 20px; +} + +#group-edit-name { + float: left; + width: 225px; + margin-top: 20px; + margin-bottom: 20px; +} + +#group-edit-name-wrapper { + + +} + + +#group_members_select_label { + display: block; + float: left; + width: 175px; +} + +.group_members_select { + float: left; + width: 230px; + overflow: auto; +} + +#group_members_select_end { + clear: both; +} +#group-edit-name-end { + clear: both; +} + +#prvmail-wrapper { + background-color: rgba(255,255,255,0.5); + padding: 10px 0; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label { + margin-bottom: 10px; + margin-top: 20px; + padding-left: 10px; + font-size: 1.2em; +} + +#prvmail-submit { + float: left; + margin-top: 10px; + margin-right: 30px; + font-size: 1.2em; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#prvmail-upload-wrapper, +#prvmail-link-wrapper, +#prvmail-rotator-wrapper { + float: left; + margin-top: 0.9em; + margin-right: 10px; + width: 24px; +} + +#prvmail-end { + clear: both; +} + +.mail-list-sender-photo { + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.mail-list-detail { + margin-left: 100px; + margin-top: -85px; +} + +.mail-list-subject { + margin-top: 10px; + font-size: 1.1em; + font-weight: bold; +} +a.mail-list-link { + display: block; + 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: 20px; + margin-bottom: 34px; + padding: 10px 10px 25px 10px; + background-color: #ffffff; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.mail-list-delete-wrapper { + float: right; + margin-right: 30px; + margin-top: 0px; +} + +.mail-list-delete-icon { + border: none; +} + +.mail-conv-sender-photo { + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.mail-conv-detail { + margin-left: 100px; + margin-top: -85px; +} + +.mail-conv-subject { + font-size: 1.1em; + border-bottom: 1px solid #222222; + padding-bottom: 20px; + margin: 10px 0 20px 0; +} + +.mail-conv-outside-wrapper-end { + clear: both; +} + +.mail-conv-outside-wrapper { + margin-top: 20px; + padding: 10px; + background-color: #ffffff; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.mail-conv-delete-wrapper { + float: right; + margin-right: 30px; + margin-top: 15px; +} +.mail-conv-break { + clear: both; + border: 0px; +} + +.mail-conv-delete-icon { + border: none; +} + +.message-links ul { + list-style-type: none; + padding: 0px; +} + +.message-links li { + margin-top: 10px; + float: left; +} +.message-links a { + padding: 3px 5px; +} + +.message-links-end { + clear: both; +} + +#message-sidebar { + border: 0; + margin-top: 25px; +} + +#message-new { + font-size: 1.2em; + font-weight: bold; + text-align: center; + border: 1px solid #ffffff; + padding: 5px; + -webkit-border-top-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + -moz-border-radius-topright: 10px; + -moz-border-radius-bottomright: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +.newmessage-selected { + display: block; + background-color: #ffffff; + padding: 5px; + margin: -5px; + -webkit-border-top-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + -moz-border-radius-topright: 10px; + -moz-border-radius-bottomright: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +#sidebar-group-list ul { + list-style-type: none; +} + +#sidebar-group-list .icon, #sidebar-group-list .iconspacer { + display: inline-block; + height: 12px; + width: 12px; +} + +#sidebar-group-list li { + margin-top: 10px; +} + +.nets-ul, .fileas-ul, .categories-ul { + list-style-type: none; +} + +.nets-ul li, .fileas-ul li, .categories-ul li { + margin-top: 10px; +} + +.nets-link { + margin-left: 24px; +} +.nets-all { + margin-left: 42px; +} + +.fileas-link, .categories-link { + margin-left: 24px; +} + +.fileas-all, .categories-all { + margin-left: 0px; +} + +#search-save { + margin-left: 5px; +} +.groupsideedit { + margin-right: 10px; +} +#saved-search-ul { + list-style-type: none; +} +.savedsearchdrop, .savedsearchterm { + float: left; + margin-top: 10px; +} +.savedsearchterm { + margin-left: 10px; +} + + +#side-follow-wrapper { + margin-top: 20px; +} +#side-follow-url, #side-peoplefind-url { + margin-top: 5px; + font-size: 1.3em; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} +#side-follow-submit, #side-peoplefind-submit { + font-size: 1.3em; + margin-top: 15px; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#contacts-search-submit, #contacts-search { + font-size: 0.95em; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +#side-match-link { + margin-top: 10px; +} + +aside input[type='text'] { + width: 174px; +} + +.widget { + border: 1px solid #ffffff; + padding: 8px; + margin-top: 5px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; + +} + + +/*.photos { + height: auto; + overflow: auto; +}*/ + +.photos-end { + clear: both; + margin-bottom: 25px; +} + +.photo-album-image-wrapper { + float: left; + margin-top: 15px; + margin-right: 15px; + margin-left: 15px; +/* width: 200px; height: 200px; + overflow: hidden; + position: relative; */ +} +.photo-album-image-wrapper .caption { + display: none; + width: 100%; +/* position: absolute; */ + bottom: 0px; + padding: 0.5em 0.5em 0px 0.5em; + background-color: rgba(245, 245, 255, 0.8); + border-bottom: 2px solid #CCC; + margin: 0px; +} +.photo-album-image-wrapper a:hover .caption { + display:block; +} + +#photo-album-end { + clear: both; + margin-bottom: 25px; +} + +.photo-top-image-wrapper { +/* position: relative; */ + float: left; + margin-top: 15px; + margin-right: 15px; + margin-left: 15px; + margin-bottom: 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); +} + +img.photo { + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#photo-top-end { + clear: both; +} + +#photo-top-links { + margin-bottom: 30px; + margin-left: 30px; +} + +#photos-upload-newalbum-div { + float: left; + width: 175px; +} + +#photos-upload-noshare { + margin-bottom: 10px; +} +#photos-upload-existing-album-text { + float: left; + width: 175px; +} +#photos-upload-newalbum { + float: left; +} +#photos-upload-album-select { + float: left; +} + +#photos-upload-spacer { + margin-top: 25px; +} +#photos-upload-new-end, #photos-upload-exist-end { + clear: both; +} +#photos-upload-exist-end { + margin-bottom: 15px; +} +#photos-upload-submit { + margin-top: 15px; +} + +#photos_upload_applet_wrapper { + margin-bottom: 15px; +} + +#photos-upload-no-java-message { + margin-bottom: 15px; +} + +#profile-jot-desc { + /*float: left;*/ + width: 480px; + color: #FF0000; + margin-top: 10px; + margin-bottom: 10px; +} + +#character-counter { + float: right; + font-size: 120%; +} + +#character-counter.grey { + color: #888888; +} + +#character-counter.orange { + color: orange; +} +#character-counter.red { + color: red; +} + +#profile-jot-banner-wrapper { + display: none; +} + + +#profile-jot-banner-end { + /* clear: both; */ +} + + +#photos-upload-select-files-text { + margin-top: 15px; + margin-bottom: 15px; +} + +#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link { + color: #8888FF; + text-decoration: none; + cursor: pointer; +} + +#photos-upload-perms-menu:hover { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} +#settings-default-perms-menu { + margin-top: 15px; + margin-bottom: 15px; +} + +#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label { + float: left; + width: 150px; +} + +#photo-edit-perms-end { + margin-bottom: 15px; +} + +#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate { + float: left; + margin-bottom: 25px; +} +#photo-edit-link-wrap { + margin-bottom: 15px; +} +#photo-like-div { + margin-bottom: 25px; +} + +#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end { + clear: both; +} + +#photo-edit-rotate-end { + margin-bottom: 15px; +} + +#photo-edit-delete-button { + margin-left: 200px; +} +#photo-edit-end { + margin-bottom: 35px; +} +#photo-caption { + font-size: 110%; + font-weight: bold; + margin-top: 15px; + margin-bottom: 15px; +} + +#in-this-photo-text { + color: #0000FF; + margin-left: 30px; +} + +#in-this-photo { + margin-left: 60px; + margin-top: 10px; + margin-bottom: 20px; +} + +#photo-album-edit-submit, #photo-album-edit-drop { + margin-top: 15px; + margin-bottom: 15px; +} + +#photo-album-edit-drop { + margin-left: 200px; +} + +.group-delete-wrapper { + float: right; + margin-right: 50px; +} + +#install-dbhost-label, +#install-dbuser-label, +#install-dbpass-label, +#install-dbdata-label, +#install-tz-desc { + float: left; + width: 250px; + margin-top: 10px; + margin-bottom: 10px; + +} + +#install-dbhost, +#install-dbuser, +#install-dbpass, +#install-dbdata { + float: left; + width: 200px; + margin-left: 20px; +} + +#install-dbhost-end, +#install-dbuser-end, +#install-dbpass-end, +#install-dbdata-end, +#install-tz-end { + clear: both; +} + +#install-form select#timezone_select { + float: left; + margin-top: 18px; + margin-left: 20px; +} + +#dfrn-request-networks { + margin-bottom: 30px; +} + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + +.sparkle { + cursor: url('lock.cur'), pointer;a +/* cursor: pointer !important; */ +} + +.contact-block-div { + float: left; + width: 50px; + height: 50px; +} +.contact-block-textdiv { + float: left; + width: 150px; + height: 34px; +} + +#contact-block-end { + clear: both; +} +.contact-block-link { + float: left; +} +.contact-block-img { + width:46px; + height:46px; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} + +.contact-block-content { + margin-top: 15px; +} + +.tag { + font-size: 0.8em; +} + +#tag-remove { + margin-bottom: 15px; +} + +#tagrm li { + margin-bottom: 10px; +} + +#tagrm-submit, #tagrm-cancel { + margin-top: 25px; +} + +#tagrm-cancel { + margin-left: 15px; +} + +.wall-item-conv { + margin-top: 5px; + margin-bottom: 25px; +} + +#search-submit { + margin-left: 15px; +} + +#search-box { + margin-bottom: 25px; +} + +.location-label, .gender-label, .marital-label, .homepage-label { + float: left; + text-align: right; + display: block; + width: 80px; +} + +.adr, .x-gender, .marital-text, .homepage-url { + float: left; + display: block; + margin-left: 8px; +} + +.profile-clear { + clear: both; +} + + +.clear { + clear: both; +} + +.cc-license { + margin-top: 50px; + font-size: 70%; +} + + +#plugin-settings-link, #account-settings-link { + margin-bottom: 10px; +} + +#uexport-link { + margin-bottom: 20px; +} + +/* end from default */ + + +.fn { + padding: 0px 0px 5px 12px; + font-size: 120%; + font-weight: bold; +} + +.vcard .title { + margin-bottom: 5px; + margin-left: 12px; +} + +.vcard dl { + clear: both; +} + +#birthday-title { + float: left; + font-weight: bold; +} + +#birthday-adjust { + float: left; + font-size: 75%; + margin-left: 10px; +} + +#birthday-title-end { + clear: both; +} + +.birthday-list { + margin-left: 15px; +} + +#birthday-wrapper { + margin-bottom: 20px; +} + +#network-new-link { + margin-top: 15px; + margin-bottom: 15px; +} + + +.tool-wrapper { + float: left; + margin-left: 15px; +} + +.tool-link { + cursor: pointer; +} + +.eventcal { + float: left; + font-size: 20px; +} + +#event-summary-text { + margin-top: 15px; +} + +#event-share-checkbox { + float: left; + margin-top: 10px; +} + +#event-share-text { + float: left; + margin-top: 10px; + margin-left: 5px; +} + +#event-share-break { + clear: both; + margin-bottom: 10px; +} + +#event-summary { + width: 400px; +} + +.vevent { + border: 1px solid #CCCCCC; +} + +.vevent .event-summary { + margin-left: 10px; + margin-right: 10px; + font-weight: bold; +} + +.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; + background:#ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius: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; +} + +#photo-photo { + float: left; +} + +#photo-photo-end { + clear: both; +} + +.profile-match-photo { + float: left; + position: relative; + height: 80px; + font-weight: lighter; + font-size: 14px; +} + +.profile-match-photo img { + border: none; + height: 80px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.profile-match-name { + position:absolute; + float: left; + width: 100px; + margin-top: 6px; + font-size: 16px; + max-height: 38px; + overflow: hidden; +} + +.profile-match-name:hover { + border: 1px solid #222222; + background-color: #ffffff; + width: auto; + height: auto; + overflow:visible; + padding: 3px; + margin-left: -3.5px; + margin-top: 2.5px; + z-index: 10; + -webkit-border-radius: 3px ; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.profile-match-break, +.profile-match-end { + clear: both; +} + +.profile-match-connect { + margin-top: 48px; + font-size: 18px; + font-weight: bold; +} + +.profile-match-wrapper { + float: left; + background-color: #FFFFFF; + padding: 10px; + width: 110px; + height: 170px; +} + +#profile-match-wrapper-end { + clear: both; +} +.side-link { + margin-bottom: 15px; +} + +#language-selector { + position: absolute; + top: 0px; + left: 16px; +} + +#group-update-wrapper { + background-color: rgba(255,255,255,0.5); + padding: 10px 10px 40px 10px; + + margin-top: 20px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + + +#group-members { + margin-top: 20px; + margin-left: -10px; + margin-right: -10px; + padding: 10px; + height: 250px; + overflow: auto; + background-color: #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#group-members-end { + clear: both; +} + +#group-separator { + display: none; +} + +#group-all-contacts { + margin-top: 20px; + margin-left: -10px; + margin-right: -10px; + padding: 10px; + height: 450px; + overflow: auto; + background-color: #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#group-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#group-edit-desc { + margin-top: -38px; + margin-left: 10px; +} + + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-members-end { + clear: both; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#prof-edit-desc { + margin-top: 15px; +} + +#crepair-name-label, +#crepair-nick-label, +#crepair-attag-label, +#crepair-url-label, +#crepair-request-label, +#crepair-confirm-label, +#crepair-notify-label, +#crepair-photo-label, +#crepair-poll-label { + float: left; + width: 200px; + margin-bottom: 15px; +} + +#crepair-name, +#crepair-nick, +#crepair-attag, +#crepair-url, +#crepair-request, +#crepair-confirm, +#crepair-notify, +#crepair-photo, +#crepair-poll { + float: left; + width: 300px; +} + + +#netsearch-box { + margin-top: 20px; +} + +#netsearch-box #search-submit { + margin: 5px 0px 0px 0px; +} + +.required { + color: #FF0000; +} + +#event-start-text, #event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text { + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break, #event-adjust-break { + clear: both; +} + +#event-desc-text, #event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} + +.body-tag, .filesavetags, .categorytags { + opacity: 0.5; + filter:alpha(opacity=50); +} + +.body-tag:hover, .filesavetags:hover, .categorytags:hover { + opacity: 1.0 !important; + filter:alpha(opacity=100) !important; +} + +.item-select { + opacity: 0.1; + filter:alpha(opacity=10); + float: right; + margin-right: 10px; + +} +.item-select:hover, .checkeditem { + opacity: 1; + filter:alpha(opacity=100); +} + + +#item-delete-selected { + margin-top: 30px; +} + +#item-delete-selected-end { + clear: both; +} +#item-delete-selected-icon, #item-delete-selected-desc { + float: left; + margin-right: 5px; +} +#item-delete-selected-desc:hover { + text-decoration: underline; +} + +#lang-select-icon { + cursor: pointer; + position: absolute; + left: 0px; + top: 0px; + opacity: 0.2; + filter:alpha(opacity=20); +} + +#lang-select-icon:hover { + opacity: 1; + filter:alpha(opacity=100); +} + +.notif-image { + height: 80px; + width: 80px; + margin-right: 15px; +} +.notification-listing-end { + clear: both; + margin-bottom: 15px; +} + + + +/** + * Plugins settings + */ + +.settings-block > h3, +.settings-heading { + border-bottom: 1px solid #dfdbd2; +} + + +/** + * Form fields + */ +.field { + margin-bottom: 10px; + padding-bottom: 10px; + overflow: auto; + width: 100% +} + +.field label { + float: left; + width: 200px; +} + +.field input, +.field textarea { + +} +.field textarea { + height: 100px; } +.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; +} +.hidden { display: none!important; } + +.field.radio .field_help { margin-left: 0px; } + +#invite-form { + float: left; + background-color: #FFFFFF; + margin-bottom: 10px; + padding: 20px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +/** + * ADMIN + */ +#pending-update { + float:right; + color: #ffffff; + font-weight: bold; + background-color: #FF0000; + padding: 0em 0.3em; + +} +#adminpage { + background-color: #ffffff; + padding: 10px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} +#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 #cccccc; +} +#adminpage .field label { + font-weight: bold; +} +#adminpage .submit { + clear:left; + text-align: right; +} + +#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 .plugin .desc { margin-left: 2.5em;} +#adminpage .toggleplugin { + float:left; + margin-right: 1em; +} + +#adminpage table {width:100%; border-bottom: 1px 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: #bbc7d7; } +#adminpage .selectall { text-align: right; } + +/* + * UPDATE + */ +.popup { + width: 100%; height: 100%; + top:0px; left:0px; + position: absolute; + display: none; +} + +.popup .background { + background-color: rgba(0,0,0,128); + opacity: 0.5; + width: 100%; height: 100%; + position: absolute; + top:0px; left:0px; +} +.popup .panel { + top:25%;left:25%;width:50%;height:50%; + padding: 1em; + position: absolute; + border: 4px solid #000000; + background-color: #FFFFFF; +} +.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } +.popup .panel .panel_in { width: 100%; height: 100%; position: relative; } +.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; } +.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px} +.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;} + +/** + * 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; +} + +/** + * ICONS + */ +.iconspacer { + display: block; width: 16px; height: 16px; +} + +.icon { + display: block; width: 16px; height: 16px; + background-image: url('icons.png'); +} +.article { background-position: 0px 0px;} +.audio { background-position: -16px 0px;} +.block { background-position: -32px 0px;} +.drop { background-position: -48px 0px;} +.drophide { background-position: -64px 0px;} +.edit { background-position: -80px 0px;} +.camera { background-position: -96px 0px;} +.dislike { background-position: -112px 0px;} +.like { background-position: -128px 0px;} +.link { background-position: -144px 0px;} + +.globe { background-position: 0px -16px;} +.noglobe { background-position: -16px -16px;} +.no { background-position: -32px -16px;} +.pause { background-position: -48px -16px;} +.play { background-position: -64px -16px;} +.pencil { background-position: -80px -16px;} +.small-pencil { background-position: -96px -16px;} +.recycle { background-position: -112px -16px;} +.remote-link { background-position: -128px -16px;} +.share { background-position: -144px -16px;} + +.tools { background-position: 0px -32px;} +.lock { background-position: -16px -32px;} +.unlock { background-position: -32px -32px;} +.video { background-position: -48px -32px;} +.youtube { background-position: -64px -32px;} +.attach { background-position: -80px -32px; } +.language { background-position: -96px -32px; } +.prev { background-position: -112px -32px; } +.next { background-position: -128px -32px; } +.on { background-position: -144px -32px; } + +.off { background-position: 0px -48px; } +.starred { background-position: -16px -48px; } +.unstarred { background-position: -32px -48px; } +.tagged { background-position: -48px -48px; } +.yellow { background-position: -64px -48px; } + + +.filer-icon { + display: block; width: 16px; height: 16px; + background-image: url('file.gif'); +} + +.icon.dim { opacity: 0.3;filter:alpha(opacity=30); } +[class^="comment-edit-bb"] { + list-style: none; + display: none; + margin: 0px 0 -5px 0px; + padding: 0px; + width: 75%; +} +[class^="comment-edit-bb"] > li { + display: inline-block; + margin: 10px 10px 0 0; + visibility: none; +} +[class^="comment-edit-bb-end"] { + clear: both; +} +.editicon { + display: inline-block; + width: 16px; + height: 16px; + background-image: url(bbedit.png); + background-color: #fff; + text-decoration: none; +} +.editicon:hover { + background-color: #ccc; +} +.boldbb { + background-position: 0px 0px; +} +.boldbb:hover { + background-position: 0px -16px; +} +.italicbb { + background-position: -16px 0px; +} +.italicbb:hover { + background-position: -16px -16px; +} +.underlinebb { + background-position: -32px 0px; +} +.underlinebb:hover { + background-position: -32px -16px; +} +.quotebb { + background-position: -48px 0px; +} +.quotebb:hover { + background-position: -48px -16px; +} +.codebb { + background-position: -64px 0px; +} +.codebb:hover { + background-position: -64px -16px; +} +.imagebb { + background-position: -80px 0px; +} +.imagebb:hover { + background-position: -80px -16px; +} +.urlbb { + background-position: -96px 0px; +} +.urlbb:hover { + background-position: -96px -16px; +} +.videobb { + background-position: -112px 0px; +} +.videobb:hover { + background-position: -112px -16px; +} + +.attachtype { + display: block; width: 20px; height: 23px; + float: left; + background-image: url('../../../images/content-types.png'); +} + +.body-attach { + margin-top: 10px; +} + +.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; } + + +/* autocomplete popup */ +.acpopup { + max-height:150px; + background-color:#ffffff; + overflow:auto; + z-index:100000; + border:1px solid #cccccc; +} +.acpopupitem { + background-color:#ffffff; padding: 4px; + clear:left; +} +.acpopupitem img { + float: left; + margin-right: 4px; +} + +.acpopupitem.selected { + color: #FFFFFF; background: #3465A4; +} + +/* popup notifications */ +div.jGrowl div.notice { + background: #400000 url("../../../images/icons/48/notice.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} +div.jGrowl div.info { + background: #000000 url("../../../images/icons/48/info.png") no-repeat 5px center; + color: #ffffff; + padding-left: 58px; + -webkit-border-radius: 10px ; + -moz-border-radius: 10px; + border-radius: 10px; +} +#jGrowl.top-right { + top: 15px; + right: 15px; +} +.qcomment { + border: 1px solid #EEE; + padding: 3px; + margin-top: 15px; + margin-left: 25px; + width: 125px; + overflow-y: auto; +} + + +.qcomment option { + width: 125px; + overflow-x: hidden; +} + +.qcomment { + opacity: 0.3; + filter:alpha(opacity=30); +} +.qcomment:hover { + opacity: 1.0; + filter:alpha(opacity=100); +} + +/* notifications popup menu */ +.nav-notify { + display: none; + position: absolute; + font-size: 10px; + padding: 1px 3px; + top: 0px; + right: -10px; + min-width: 15px; + text-align: right; +} +.nav-notify.show { + display: block; +} +ul.menu-popup { + position: absolute; + display: none; + width: 10em; + margin: 0px; + padding: 0px; + list-style: none; + z-index: 100000; + top: 90px; + left: 400px; +} +#nav-notifications-menu { + width: 320px; + max-height: 400px; + overflow-y: scroll;overflow-style:scrollbar; + background-color:#FFFFFF; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius:3px; + border: 1px solid #888; +} +#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; } +#nav-notifications-menu img { float: left; margin-right: 5px; } +#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; } +#nav-notifications-menu li { + padding: 7px 0px 7px 10px; + word-wrap:normal; + border-bottom: 1px solid #000; +} + +#nav-notifications-menu li:hover { + +} + +#nav-notifications-menu a:hover { + text-decoration: underline; +} + +.notif-item a { + color: #000000; +} + +.notif-item a:hover { + text-decoration: underline; +} + +.notif-image { + width: 32px; + height: 32px; + padding: 7px 7px 0px 0px; +} + +.notify-seen { + background: #DDDDDD; +} + +.notif-network-wrapper { + background-color: #ffffff; + padding: 10px; + margin-top: 30px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +#id_term_label { + width:75px; +} +#id_term { + width:100px; +} + +#recip, #prvmail-subject { + height: 1.4em; + font-size: 1.25em; + color:#666666; + width: 99%; + margin-bottom: 5px; + font-weight: bold; + border: 1px solid #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.prvmail-text { + font-size: 1.38em; + color:#000000; + width: 99.5%; + margin-bottom: 5px; + border: 1px solid #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; +} + +.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } +.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } +.autocomplete .selected { background:#F0F0F0; } +.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } + +#datebrowse-sidebar select { + margin-left: 25px; +} + +#div_id_remember { + padding-top: 5px !important; +} + +#div_id_remember label { + width: 170px; +} +#div_id_remember input { + width: 20px; +} + + + +.wall-item-content { +max-height: 20000px; +overflow: none; +} +aside h3 { +margin-top: 1px; +} + +#fancybox-title-float-main { + font-size: 16px !important; + margin-top: -10px !important; +} + +#fancybox-outer { + -moz-border-radius: 10px !important; + -webkit-border-radius: 10px !important; + border-radius: 10px !important; +} + +#fancybox-content { + border-width: 0px !important; + padding: 10px; + +} + + +.shared_header span { + margin-left: 10px; +} + diff --git a/transzero/theme.php b/transzero/theme.php new file mode 100644 index 0000000..8a2ee22 --- /dev/null +++ b/transzero/theme.php @@ -0,0 +1,116 @@ + (based on Duopuntozero by Friendica developers) + * Background: Bridge in Scanolera by Robert Anderson (CC-BY-SA licence) + * Screenshot: Screenshot + */ + +$a->theme_info = array(); +set_template_engine($a, 'smarty3'); +function transzero_init(&$a) { +$a->page['htmlhead'] .= <<< EOT + +EOT; + +//load jquery.ae.image.resize.js +$imageresizeJS = $a->get_baseurl($ssl_state)."/view/theme/transzero/js/jquery.ae.image.resize.js"; +$a->page['htmlhead'] .= sprintf('', $imageresizeJS); +$a->page['htmlhead'] .= ' +'; +}