Merge remote branch 'upstream/master'
BIN
blackout.tgz
|
@ -1,7 +1,7 @@
|
||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* Name: blackout
|
* Name: blackout
|
||||||
* Description: Blackout your ~friendica node during a given period
|
* Description: Blackout your ~friendica node during a given period, requires PHP >= 5.3
|
||||||
* License: MIT
|
* License: MIT
|
||||||
* Version: 1.0
|
* Version: 1.0
|
||||||
* Author: Tobias Diekershoff <https://diekershoff.homeunix.net/friendika/~tobias>
|
* Author: Tobias Diekershoff <https://diekershoff.homeunix.net/friendika/~tobias>
|
||||||
|
@ -62,6 +62,10 @@ function blackout_redirect ($a, $b) {
|
||||||
if (local_user()) {
|
if (local_user()) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (! (version_compare(PHP_VERSION, '5.3.0') >= 0))
|
||||||
|
return true;
|
||||||
|
|
||||||
// else...
|
// else...
|
||||||
$mystart = get_config('blackout','begindate');
|
$mystart = get_config('blackout','begindate');
|
||||||
$myend = get_config('blackout','enddate');
|
$myend = get_config('blackout','enddate');
|
||||||
|
|
4
buildtgz
|
@ -12,13 +12,13 @@ for a in $SUBDIRS; do
|
||||||
if [[ ! -f $TGZ ]]; then
|
if [[ ! -f $TGZ ]]; then
|
||||||
echo "Building: " $TGZ
|
echo "Building: " $TGZ
|
||||||
# git log $a > $a/$a.log
|
# git log $a > $a/$a.log
|
||||||
tar zcvf $TGZ $a
|
tar zcvf $TGZ --exclude=.[a-z]* $a
|
||||||
else
|
else
|
||||||
TOUCHED=`find $a -cnewer $TGZ`
|
TOUCHED=`find $a -cnewer $TGZ`
|
||||||
if [[ -n $TOUCHED ]]; then
|
if [[ -n $TOUCHED ]]; then
|
||||||
echo "Building: " $TGZ
|
echo "Building: " $TGZ
|
||||||
# git log $a > $a/$a.log
|
# git log $a > $a/$a.log
|
||||||
tar zcvf $TGZ $a
|
tar zcvf $TGZ --exclude=.[a-z]* $a
|
||||||
fi
|
fi
|
||||||
fi
|
fi
|
||||||
done
|
done
|
||||||
|
|
BIN
convpath.tgz
Normal file
7
convpath/README
Executable file
|
@ -0,0 +1,7 @@
|
||||||
|
convpath
|
||||||
|
|
||||||
|
This addon converts all internal paths according to the current scheme.
|
||||||
|
|
||||||
|
That means that if a page is called via https then all internal links are also converted into https.
|
||||||
|
|
||||||
|
Same happens when you call your page with http.
|
55
convpath/convpath.php
Normal file
|
@ -0,0 +1,55 @@
|
||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Name: Convert Paths
|
||||||
|
* Description: Converts all internal paths according to the current scheme (http or https)
|
||||||
|
* Version: 1.0
|
||||||
|
* Author: Michael Vogel <https://pirati.ca/profile/heluecht>
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
function convpath_install() {
|
||||||
|
register_hook('page_end', 'addon/convpath/convpath.php', 'convpath_page_end');
|
||||||
|
register_hook('page_header', 'addon/convpath/convpath.php', 'convpath_page_header');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function convpath_uninstall() {
|
||||||
|
unregister_hook('page_end', 'addon/convpath/convpath.php', 'convpath_page_end');
|
||||||
|
unregister_hook('page_header', 'addon/convpath/convpath.php', 'convpath_page_header');
|
||||||
|
}
|
||||||
|
|
||||||
|
function convpath_page_header(&$a, &$o){
|
||||||
|
$o = convpath_convert($o);
|
||||||
|
}
|
||||||
|
|
||||||
|
function convpath_page_end(&$a, &$o){
|
||||||
|
$o = convpath_convert($o);
|
||||||
|
$a->page['aside'] = convpath_convert($a->page['aside']);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Converts a given path according to the current scheme
|
||||||
|
*/
|
||||||
|
function convpath_convert($path) {
|
||||||
|
global $a;
|
||||||
|
|
||||||
|
if ($path == "")
|
||||||
|
return("");
|
||||||
|
|
||||||
|
$ssl = (substr($a->get_baseurl(), 0, 8) == "https://");
|
||||||
|
|
||||||
|
if ($ssl) {
|
||||||
|
$search = "http://".$a->get_hostname();
|
||||||
|
$replace = "https://".$a->get_hostname();
|
||||||
|
} else {
|
||||||
|
$search = "https://".$a->get_hostname();
|
||||||
|
$replace = "http://".$a->get_hostname();
|
||||||
|
}
|
||||||
|
$searcharr = array("src='".$search, 'src="'.$search);
|
||||||
|
$replacearr = array("src='".$replace, 'src="'.$replace);
|
||||||
|
$path = str_replace($searcharr, $replacearr, $path);
|
||||||
|
|
||||||
|
//$path = str_replace($search, $replace, $path);
|
||||||
|
|
||||||
|
return($path);
|
||||||
|
}
|
BIN
facebook.tgz
|
@ -1,52 +0,0 @@
|
||||||
Installing the Friendica/Facebook connector
|
|
||||||
|
|
||||||
1. Visit https://developers.facebook.com/apps to register an app.
|
|
||||||
a) Click "Create a new app"
|
|
||||||
b) We'd be very happy if you include "Friendica" in the application name
|
|
||||||
to increase name recognition.
|
|
||||||
c) Edit your app settings on the setup page. The Friendica icons are present
|
|
||||||
in the images directory and may be uploaded as a Facebook app icon. Use
|
|
||||||
images/friendica-16.jpg for the Icon and images/Friendica-128.jpg for the logo.
|
|
||||||
d) In the App Display name enter the name of your app (this should default to the
|
|
||||||
name you chose in part a).
|
|
||||||
e) Enter YourDomain.com in the App Domain field and hit return.
|
|
||||||
f) In "Select how your app connects with Facebook select "Website" and enter the
|
|
||||||
full URL to your Friendica install including HTTPS and a trailing slash.
|
|
||||||
|
|
||||||
2. Enable the Facebook plugin by clicking on the icon next to it's name on the plugin
|
|
||||||
page of your admin panel.
|
|
||||||
b) return to the Facebook plugin page in your admin panel, and fill in the App-ID
|
|
||||||
and Application Secret settings you got from Facebook.
|
|
||||||
c) Click save.
|
|
||||||
d) Finally, return to the Facebook settings page, and activate real-time updates.
|
|
||||||
|
|
||||||
i. If you for any reason prefer to use a configuration file instead of the admin panels,
|
|
||||||
Activate the plugin by including it in .htconfig.php, e.g.
|
|
||||||
|
|
||||||
$a->config['system']['addon'] = 'plugin1,plugin2,facebook';
|
|
||||||
|
|
||||||
and set the following values:
|
|
||||||
$a->config['facebook']['appid'] = 'xxxxxxxxxxx';
|
|
||||||
$a->config['facebook']['appsecret'] = 'xxxxxxxxxxxxxxx';
|
|
||||||
|
|
||||||
Replace with the settings Facebook gives you.
|
|
||||||
|
|
||||||
|
|
||||||
3. To use the Facebook plugin, visit the "connector settings" area of your settings
|
|
||||||
page. Click "Install Facebook Connector".
|
|
||||||
4. This will ask you to login to Facebook and allow the plugin to do it's stuff.
|
|
||||||
Allow it to do so.
|
|
||||||
5. You're done. To turn it off visit the Plugin Settings page again and
|
|
||||||
'Remove Facebook posting'.
|
|
||||||
|
|
||||||
Vidoes and embeds will not be posted if there is no other content. Links
|
|
||||||
and images will be converted to a format suitable for the Facebook API and
|
|
||||||
long posts truncated - with a link to view the full post.
|
|
||||||
|
|
||||||
Facebook contacts will not be able to view private photos, as they are not able to
|
|
||||||
authenticate to your site to establish identity. We will address this
|
|
||||||
in a future release.
|
|
||||||
|
|
||||||
Info: please make sure that you understand all aspects due to Friendica's
|
|
||||||
default licence which is: MIT License (further info:
|
|
||||||
https://github.com/friendica/friendica/blob/master/LICENSE)
|
|
15
facebook/README.md
Executable file
|
@ -0,0 +1,15 @@
|
||||||
|
Installing the Friendica/Facebook connector
|
||||||
|
|
||||||
|
Detailed instructions how to use this plugin can be found at
|
||||||
|
the [How to: Friendica's Facebook Connector](https://github.com/friendica/friendica/wiki/How-to:-Friendica%E2%80%99s-Facebook-connector) page.
|
||||||
|
|
||||||
|
Vidoes and embeds will not be posted if there is no other content. Links
|
||||||
|
and images will be converted to a format suitable for the Facebook API and
|
||||||
|
long posts truncated - with a link to view the full post.
|
||||||
|
|
||||||
|
Facebook contacts will not be able to view private photos, as they are not able to
|
||||||
|
authenticate to your site to establish identity. We will address this
|
||||||
|
in a future release.
|
||||||
|
|
||||||
|
Info: please make sure that you understand all aspects due to Friendica's
|
||||||
|
default licence which is: [MIT License](https://github.com/friendica/friendica/blob/master/LICENSE)
|
944
facebook/facebook.php
Executable file → Normal file
BIN
facebook_restrict.tgz
Normal file
18
facebook_restrict/facebook_restrict.php
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Name: Facebook Restrict
|
||||||
|
* Description: Install this addon and Facebook users will not be able to link friends. Existing users that are linking friends will not be affected.
|
||||||
|
* Version: 1.0
|
||||||
|
* Author: Mike Macgirvin <http://macgirvin.com/profile/mike>
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
function facebook_restrict_install() {
|
||||||
|
set_config('facebook','restrict',1);
|
||||||
|
}
|
||||||
|
|
||||||
|
function facebook_restrict_uninstall() {
|
||||||
|
set_config('facebook','restrict',0);
|
||||||
|
}
|
||||||
|
|
BIN
impressum.tgz
|
@ -1,7 +1,7 @@
|
||||||
{{ inc field_input.tpl with $field=$owner }}{{ endinc }}
|
{{ inc field_input.tpl with $field=$owner }}{{ endinc }}
|
||||||
{{ inc field_input.tpl with $field=$ownerprofile }}{{ endinc }}
|
{{ inc field_input.tpl with $field=$ownerprofile }}{{ endinc }}
|
||||||
{{ inc field_input.tpl with $field=$postal }}{{ endinc }}
|
{{ inc field_textarea.tpl with $field=$postal }}{{ endinc }}
|
||||||
{{ inc field_input.tpl with $field=$notes }}{{ endinc }}
|
{{ inc field_textarea.tpl with $field=$notes }}{{ endinc }}
|
||||||
{{ inc field_input.tpl with $field=$email }}{{ endinc }}
|
{{ inc field_input.tpl with $field=$email }}{{ endinc }}
|
||||||
{{ inc field_input.tpl with $field=$footer_text }}{{ endinc }}
|
{{ inc field_textarea.tpl with $field=$footer_text }}{{ endinc }}
|
||||||
<div class="submit"><input type="submit" name="page_site" value="$submit" /></div>
|
<div class="submit"><input type="submit" name="page_site" value="$submit" /></div>
|
||||||
|
|
|
@ -2,11 +2,13 @@
|
||||||
/**
|
/**
|
||||||
* Name: Impressum
|
* Name: Impressum
|
||||||
* Description: Plugin to add contact information to the about page (/friendica)
|
* Description: Plugin to add contact information to the about page (/friendica)
|
||||||
* Version: 1.1
|
* Version: 1.2
|
||||||
* Author: Tobias Diekershoff <http://diekershoff.homeunix.net/friendika/profile/tobias>
|
* Author: Tobias Diekershoff <http://diekershoff.homeunix.net/friendika/profile/tobias>
|
||||||
* License: 3-clause BSD license
|
* License: 3-clause BSD license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
require_once('include/bbcode.php');
|
||||||
|
|
||||||
function impressum_install() {
|
function impressum_install() {
|
||||||
register_hook('about_hook', 'addon/impressum/impressum.php', 'impressum_show');
|
register_hook('about_hook', 'addon/impressum/impressum.php', 'impressum_show');
|
||||||
register_hook('page_end', 'addon/impressum/impressum.php', 'impressum_footer');
|
register_hook('page_end', 'addon/impressum/impressum.php', 'impressum_footer');
|
||||||
|
@ -24,7 +26,7 @@ function obfuscate_email ($s) {
|
||||||
return $s;
|
return $s;
|
||||||
}
|
}
|
||||||
function impressum_footer($a, &$b) {
|
function impressum_footer($a, &$b) {
|
||||||
$text = get_config('impressum','footer_text');
|
$text = bbcode(get_config('impressum','footer_text'), true);
|
||||||
if (! $text == '') {
|
if (! $text == '') {
|
||||||
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="'.$a->get_baseurl().'/addon/impressum/impressum.css" media="all" />';
|
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="'.$a->get_baseurl().'/addon/impressum/impressum.css" media="all" />';
|
||||||
$b .= '<div id="impressum_footer">'.$text.'</div>';
|
$b .= '<div id="impressum_footer">'.$text.'</div>';
|
||||||
|
@ -34,8 +36,8 @@ function impressum_show($a,&$b) {
|
||||||
$b .= '<h3>'.t('Impressum').'</h3>';
|
$b .= '<h3>'.t('Impressum').'</h3>';
|
||||||
$owner = get_config('impressum', 'owner');
|
$owner = get_config('impressum', 'owner');
|
||||||
$owner_profile = get_config('impressum','ownerprofile');
|
$owner_profile = get_config('impressum','ownerprofile');
|
||||||
$postal = get_config('impressum', 'postal');
|
$postal = bbcode(get_config('impressum', 'postal'), true);
|
||||||
$notes = get_config('impressum', 'notes');
|
$notes = bbcode(get_config('impressum', 'notes'), true);
|
||||||
$email = obfuscate_email( get_config('impressum','email') );
|
$email = obfuscate_email( get_config('impressum','email') );
|
||||||
if (strlen($owner)) {
|
if (strlen($owner)) {
|
||||||
if (strlen($owner_profile)) {
|
if (strlen($owner_profile)) {
|
||||||
|
@ -66,12 +68,12 @@ function impressum_plugin_admin_post (&$a) {
|
||||||
$notes = ((x($_POST, 'notes')) ? (trim($_POST['notes'])) : '');
|
$notes = ((x($_POST, 'notes')) ? (trim($_POST['notes'])) : '');
|
||||||
$email = ((x($_POST, 'email')) ? notags(trim($_POST['email'])) : '');
|
$email = ((x($_POST, 'email')) ? notags(trim($_POST['email'])) : '');
|
||||||
$footer_text = ((x($_POST, 'footer_text')) ? (trim($_POST['footer_text'])) : '');
|
$footer_text = ((x($_POST, 'footer_text')) ? (trim($_POST['footer_text'])) : '');
|
||||||
set_config('impressum','owner',$owner);
|
set_config('impressum','owner',strip_tags($owner));
|
||||||
set_config('impressum','ownerprofile',$ownerprofile);
|
set_config('impressum','ownerprofile',strip_tags($ownerprofile));
|
||||||
set_config('impressum','postal',$postal);
|
set_config('impressum','postal',strip_tags($postal));
|
||||||
set_config('impressum','email',$email);
|
set_config('impressum','email',strip_tags($email));
|
||||||
set_config('impressum','notes',$notes);
|
set_config('impressum','notes',strip_tags($notes));
|
||||||
set_config('impressum','footer_text',$footer_text);
|
set_config('impressum','footer_text',strip_tags($footer_text));
|
||||||
info( t('Settings updated.'). EOL );
|
info( t('Settings updated.'). EOL );
|
||||||
}
|
}
|
||||||
function impressum_plugin_admin (&$a, &$o) {
|
function impressum_plugin_admin (&$a, &$o) {
|
||||||
|
@ -80,9 +82,9 @@ function impressum_plugin_admin (&$a, &$o) {
|
||||||
'$submit' => t('Submit'),
|
'$submit' => t('Submit'),
|
||||||
'$owner' => array('owner', t('Site Owner'), get_config('impressum','owner'), t('The page operators name.')),
|
'$owner' => array('owner', t('Site Owner'), get_config('impressum','owner'), t('The page operators name.')),
|
||||||
'$ownerprofile' => array('ownerprofile', t('Site Owners Profile'), get_config('impressum','ownerprofile'), t('Profile address of the operator.')),
|
'$ownerprofile' => array('ownerprofile', t('Site Owners Profile'), get_config('impressum','ownerprofile'), t('Profile address of the operator.')),
|
||||||
'$postal' => array('postal', t('Postal Address'), get_config('impressum','postal'), t('How to contact the operator via snail mail.')),
|
'$postal' => array('postal', t('Postal Address'), get_config('impressum','postal'), t('How to contact the operator via snail mail. You can use BBCode here.')),
|
||||||
'$notes' => array('notes', t('Notes'), get_config('impressum','notes'), t('Additional notes that are displayed beneath the contact information.')),
|
'$notes' => array('notes', t('Notes'), get_config('impressum','notes'), t('Additional notes that are displayed beneath the contact information. You can use BBCode here.')),
|
||||||
'$email' => array('email', t('Email Address'), get_config('impressum','email'), t('How to contact the operator via email. (will be displayed obfuscated)')),
|
'$email' => array('email', t('Email Address'), get_config('impressum','email'), t('How to contact the operator via email. (will be displayed obfuscated)')),
|
||||||
'$footer_text' => array('footer_text', t('Footer note'), get_config('impressum','footer_text'), t('Text for the footer.')),
|
'$footer_text' => array('footer_text', t('Footer note'), get_config('impressum','footer_text'), t('Text for the footer. You can use BBCode here.')),
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
|
BIN
jappixmini.tgz
Normal file
7
jappixmini/MIT.txt
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
You may distribute all files which are not within the jappix/ folder under the following conditions:
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
31
jappixmini/README
Normal file
|
@ -0,0 +1,31 @@
|
||||||
|
Jappix Mini Plugin
|
||||||
|
==================
|
||||||
|
|
||||||
|
This quick-and-dirty addon allows you to add a Jabber-based, Facebook-like chat
|
||||||
|
to Friendica. It uses Jappix Mini.
|
||||||
|
|
||||||
|
It is necessary to use a BOSH host - so to use this plugin, each users need to
|
||||||
|
know the address of a BOSH host that works with his account. The BOSH server of
|
||||||
|
the Jappix project (https://bind.jappix.com/) is not locked to a specific XMPP
|
||||||
|
provider, but keep in mind that only personal usage is approved according to
|
||||||
|
http://codingteam.net/project/jappix/doc/BoshServer.
|
||||||
|
If you have a larger server, it is recommended that you install your own BOSH
|
||||||
|
server and recommend it using the configuration help field. If it is on the
|
||||||
|
same server, you can also deactivate the BOSH proxy. This should improve the
|
||||||
|
performance.
|
||||||
|
|
||||||
|
The addon has an experimental autosubscribe and autosuggest functionality which
|
||||||
|
tries to add your Friendica contacts to your roster automatically.
|
||||||
|
|
||||||
|
Limitations:
|
||||||
|
- Jabber passwords can only be encrypted if they are at most 39 characters
|
||||||
|
long.
|
||||||
|
|
||||||
|
Notes on the license
|
||||||
|
--------------------
|
||||||
|
|
||||||
|
The license of this addon is AGPL, as required by Jappix Mini. If you make
|
||||||
|
modifications to the addon, you are responsible for providing a proper facility
|
||||||
|
for downloading the changed source code.
|
||||||
|
Moreover, it may be necessary that you publish the source code of the Friendica
|
||||||
|
application and all other used addons if you do not use standard versions.
|
54
jappixmini/jappix/AUTHORS
Normal file
|
@ -0,0 +1,54 @@
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the authors of Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 15/01/12
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
Here are the Jappix contributors, who coded or translated the application (Codingteam.net nicknames):
|
||||||
|
|
||||||
|
# DEVELOPERS
|
||||||
|
- am0ur3ux
|
||||||
|
- LinkMauve
|
||||||
|
- Maranda
|
||||||
|
- Mathieui
|
||||||
|
- Olivier
|
||||||
|
- sim6
|
||||||
|
- Vanaryon
|
||||||
|
|
||||||
|
# TRANSLATORS
|
||||||
|
- allan
|
||||||
|
- Arsimael
|
||||||
|
- Belzeneph
|
||||||
|
- Catdarko
|
||||||
|
- Cerritus
|
||||||
|
- chunzu
|
||||||
|
- ebraminio
|
||||||
|
- Finkregh
|
||||||
|
- hamano
|
||||||
|
- JanCBorchardt
|
||||||
|
- jarda
|
||||||
|
- joeka
|
||||||
|
- kr2ysiek
|
||||||
|
- krohn
|
||||||
|
- Lenwe
|
||||||
|
- LinkMauve
|
||||||
|
- Liverbool
|
||||||
|
- lwj
|
||||||
|
- m1st
|
||||||
|
- Maime
|
||||||
|
- Maranda
|
||||||
|
- mbajur
|
||||||
|
- mentalo
|
||||||
|
- mkwm
|
||||||
|
- Otourly
|
||||||
|
- pocamon
|
||||||
|
- quimi
|
||||||
|
- sahwar
|
||||||
|
- Vanaryon
|
||||||
|
- vitalyster
|
||||||
|
- Zash
|
662
jappixmini/jappix/COPYING
Normal file
|
@ -0,0 +1,662 @@
|
||||||
|
GNU AFFERO GENERAL PUBLIC LICENSE
|
||||||
|
Version 3, 19 November 2007
|
||||||
|
|
||||||
|
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
|
||||||
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
of this license document, but changing it is not allowed.
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
|
||||||
|
The GNU Affero General Public License is a free, copyleft license
|
||||||
|
for software and other kinds of works, specifically designed to ensure
|
||||||
|
cooperation with the community in the case of network server software.
|
||||||
|
|
||||||
|
The licenses for most software and other practical works are
|
||||||
|
designed to take away your freedom to share and change the works. By
|
||||||
|
contrast, our General Public Licenses are intended to guarantee your
|
||||||
|
freedom to share and change all versions of a program--to make sure it
|
||||||
|
remains free software for all its users.
|
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not
|
||||||
|
price. Our General Public Licenses are designed to make sure that you
|
||||||
|
have the freedom to distribute copies of free software (and charge for
|
||||||
|
them if you wish), that you receive source code or can get it if you
|
||||||
|
want it, that you can change the software or use pieces of it in new
|
||||||
|
free programs, and that you know you can do these things.
|
||||||
|
|
||||||
|
Developers that use our General Public Licenses protect your rights
|
||||||
|
with two steps: (1) assert copyright on the software, and (2) offer
|
||||||
|
you this License which gives you legal permission to copy, distribute
|
||||||
|
and/or modify the software.
|
||||||
|
|
||||||
|
A secondary benefit of defending all users' freedom is that
|
||||||
|
improvements made in alternate versions of the program, if they
|
||||||
|
receive widespread use, become available for other developers to
|
||||||
|
incorporate. Many developers of free software are heartened and
|
||||||
|
encouraged by the resulting cooperation. However, in the case of
|
||||||
|
software used on network servers, this result may fail to come about.
|
||||||
|
The GNU General Public License permits making a modified version and
|
||||||
|
letting the public access it on a server without ever releasing its
|
||||||
|
source code to the public.
|
||||||
|
|
||||||
|
The GNU Affero General Public License is designed specifically to
|
||||||
|
ensure that, in such cases, the modified source code becomes available
|
||||||
|
to the community. It requires the operator of a network server to
|
||||||
|
provide the source code of the modified version running there to the
|
||||||
|
users of that server. Therefore, public use of a modified version, on
|
||||||
|
a publicly accessible server, gives the public access to the source
|
||||||
|
code of the modified version.
|
||||||
|
|
||||||
|
An older license, called the Affero General Public License and
|
||||||
|
published by Affero, was designed to accomplish similar goals. This is
|
||||||
|
a different license, not a version of the Affero GPL, but Affero has
|
||||||
|
released a new version of the Affero GPL which permits relicensing under
|
||||||
|
this license.
|
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and
|
||||||
|
modification follow.
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
0. Definitions.
|
||||||
|
|
||||||
|
"This License" refers to version 3 of the GNU Affero General Public
|
||||||
|
License.
|
||||||
|
|
||||||
|
"Copyright" also means copyright-like laws that apply to other kinds
|
||||||
|
of works, such as semiconductor masks.
|
||||||
|
|
||||||
|
"The Program" refers to any copyrightable work licensed under this
|
||||||
|
License. Each licensee is addressed as "you". "Licensees" and
|
||||||
|
"recipients" may be individuals or organizations.
|
||||||
|
|
||||||
|
To "modify" a work means to copy from or adapt all or part of the work
|
||||||
|
in a fashion requiring copyright permission, other than the making of an
|
||||||
|
exact copy. The resulting work is called a "modified version" of the
|
||||||
|
earlier work or a work "based on" the earlier work.
|
||||||
|
|
||||||
|
A "covered work" means either the unmodified Program or a work based
|
||||||
|
on the Program.
|
||||||
|
|
||||||
|
To "propagate" a work means to do anything with it that, without
|
||||||
|
permission, would make you directly or secondarily liable for
|
||||||
|
infringement under applicable copyright law, except executing it on a
|
||||||
|
computer or modifying a private copy. Propagation includes copying,
|
||||||
|
distribution (with or without modification), making available to the
|
||||||
|
public, and in some countries other activities as well.
|
||||||
|
|
||||||
|
To "convey" a work means any kind of propagation that enables other
|
||||||
|
parties to make or receive copies. Mere interaction with a user through
|
||||||
|
a computer network, with no transfer of a copy, is not conveying.
|
||||||
|
|
||||||
|
An interactive user interface displays "Appropriate Legal Notices"
|
||||||
|
to the extent that it includes a convenient and prominently visible
|
||||||
|
feature that (1) displays an appropriate copyright notice, and (2)
|
||||||
|
tells the user that there is no warranty for the work (except to the
|
||||||
|
extent that warranties are provided), that licensees may convey the
|
||||||
|
work under this License, and how to view a copy of this License. If
|
||||||
|
the interface presents a list of user commands or options, such as a
|
||||||
|
menu, a prominent item in the list meets this criterion.
|
||||||
|
|
||||||
|
1. Source Code.
|
||||||
|
|
||||||
|
The "source code" for a work means the preferred form of the work
|
||||||
|
for making modifications to it. "Object code" means any non-source
|
||||||
|
form of a work.
|
||||||
|
|
||||||
|
A "Standard Interface" means an interface that either is an official
|
||||||
|
standard defined by a recognized standards body, or, in the case of
|
||||||
|
interfaces specified for a particular programming language, one that
|
||||||
|
is widely used among developers working in that language.
|
||||||
|
|
||||||
|
The "System Libraries" of an executable work include anything, other
|
||||||
|
than the work as a whole, that (a) is included in the normal form of
|
||||||
|
packaging a Major Component, but which is not part of that Major
|
||||||
|
Component, and (b) serves only to enable use of the work with that
|
||||||
|
Major Component, or to implement a Standard Interface for which an
|
||||||
|
implementation is available to the public in source code form. A
|
||||||
|
"Major Component", in this context, means a major essential component
|
||||||
|
(kernel, window system, and so on) of the specific operating system
|
||||||
|
(if any) on which the executable work runs, or a compiler used to
|
||||||
|
produce the work, or an object code interpreter used to run it.
|
||||||
|
|
||||||
|
The "Corresponding Source" for a work in object code form means all
|
||||||
|
the source code needed to generate, install, and (for an executable
|
||||||
|
work) run the object code and to modify the work, including scripts to
|
||||||
|
control those activities. However, it does not include the work's
|
||||||
|
System Libraries, or general-purpose tools or generally available free
|
||||||
|
programs which are used unmodified in performing those activities but
|
||||||
|
which are not part of the work. For example, Corresponding Source
|
||||||
|
includes interface definition files associated with source files for
|
||||||
|
the work, and the source code for shared libraries and dynamically
|
||||||
|
linked subprograms that the work is specifically designed to require,
|
||||||
|
such as by intimate data communication or control flow between those
|
||||||
|
subprograms and other parts of the work.
|
||||||
|
|
||||||
|
The Corresponding Source need not include anything that users
|
||||||
|
can regenerate automatically from other parts of the Corresponding
|
||||||
|
Source.
|
||||||
|
|
||||||
|
The Corresponding Source for a work in source code form is that
|
||||||
|
same work.
|
||||||
|
|
||||||
|
2. Basic Permissions.
|
||||||
|
|
||||||
|
All rights granted under this License are granted for the term of
|
||||||
|
copyright on the Program, and are irrevocable provided the stated
|
||||||
|
conditions are met. This License explicitly affirms your unlimited
|
||||||
|
permission to run the unmodified Program. The output from running a
|
||||||
|
covered work is covered by this License only if the output, given its
|
||||||
|
content, constitutes a covered work. This License acknowledges your
|
||||||
|
rights of fair use or other equivalent, as provided by copyright law.
|
||||||
|
|
||||||
|
You may make, run and propagate covered works that you do not
|
||||||
|
convey, without conditions so long as your license otherwise remains
|
||||||
|
in force. You may convey covered works to others for the sole purpose
|
||||||
|
of having them make modifications exclusively for you, or provide you
|
||||||
|
with facilities for running those works, provided that you comply with
|
||||||
|
the terms of this License in conveying all material for which you do
|
||||||
|
not control copyright. Those thus making or running the covered works
|
||||||
|
for you must do so exclusively on your behalf, under your direction
|
||||||
|
and control, on terms that prohibit them from making any copies of
|
||||||
|
your copyrighted material outside their relationship with you.
|
||||||
|
|
||||||
|
Conveying under any other circumstances is permitted solely under
|
||||||
|
the conditions stated below. Sublicensing is not allowed; section 10
|
||||||
|
makes it unnecessary.
|
||||||
|
|
||||||
|
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
|
||||||
|
|
||||||
|
No covered work shall be deemed part of an effective technological
|
||||||
|
measure under any applicable law fulfilling obligations under article
|
||||||
|
11 of the WIPO copyright treaty adopted on 20 December 1996, or
|
||||||
|
similar laws prohibiting or restricting circumvention of such
|
||||||
|
measures.
|
||||||
|
|
||||||
|
When you convey a covered work, you waive any legal power to forbid
|
||||||
|
circumvention of technological measures to the extent such circumvention
|
||||||
|
is effected by exercising rights under this License with respect to
|
||||||
|
the covered work, and you disclaim any intention to limit operation or
|
||||||
|
modification of the work as a means of enforcing, against the work's
|
||||||
|
users, your or third parties' legal rights to forbid circumvention of
|
||||||
|
technological measures.
|
||||||
|
|
||||||
|
4. Conveying Verbatim Copies.
|
||||||
|
|
||||||
|
You may convey verbatim copies of the Program's source code as you
|
||||||
|
receive it, in any medium, provided that you conspicuously and
|
||||||
|
appropriately publish on each copy an appropriate copyright notice;
|
||||||
|
keep intact all notices stating that this License and any
|
||||||
|
non-permissive terms added in accord with section 7 apply to the code;
|
||||||
|
keep intact all notices of the absence of any warranty; and give all
|
||||||
|
recipients a copy of this License along with the Program.
|
||||||
|
|
||||||
|
You may charge any price or no price for each copy that you convey,
|
||||||
|
and you may offer support or warranty protection for a fee.
|
||||||
|
|
||||||
|
5. Conveying Modified Source Versions.
|
||||||
|
|
||||||
|
You may convey a work based on the Program, or the modifications to
|
||||||
|
produce it from the Program, in the form of source code under the
|
||||||
|
terms of section 4, provided that you also meet all of these conditions:
|
||||||
|
|
||||||
|
a) The work must carry prominent notices stating that you modified
|
||||||
|
it, and giving a relevant date.
|
||||||
|
|
||||||
|
b) The work must carry prominent notices stating that it is
|
||||||
|
released under this License and any conditions added under section
|
||||||
|
7. This requirement modifies the requirement in section 4 to
|
||||||
|
"keep intact all notices".
|
||||||
|
|
||||||
|
c) You must license the entire work, as a whole, under this
|
||||||
|
License to anyone who comes into possession of a copy. This
|
||||||
|
License will therefore apply, along with any applicable section 7
|
||||||
|
additional terms, to the whole of the work, and all its parts,
|
||||||
|
regardless of how they are packaged. This License gives no
|
||||||
|
permission to license the work in any other way, but it does not
|
||||||
|
invalidate such permission if you have separately received it.
|
||||||
|
|
||||||
|
d) If the work has interactive user interfaces, each must display
|
||||||
|
Appropriate Legal Notices; however, if the Program has interactive
|
||||||
|
interfaces that do not display Appropriate Legal Notices, your
|
||||||
|
work need not make them do so.
|
||||||
|
|
||||||
|
A compilation of a covered work with other separate and independent
|
||||||
|
works, which are not by their nature extensions of the covered work,
|
||||||
|
and which are not combined with it such as to form a larger program,
|
||||||
|
in or on a volume of a storage or distribution medium, is called an
|
||||||
|
"aggregate" if the compilation and its resulting copyright are not
|
||||||
|
used to limit the access or legal rights of the compilation's users
|
||||||
|
beyond what the individual works permit. Inclusion of a covered work
|
||||||
|
in an aggregate does not cause this License to apply to the other
|
||||||
|
parts of the aggregate.
|
||||||
|
|
||||||
|
6. Conveying Non-Source Forms.
|
||||||
|
|
||||||
|
You may convey a covered work in object code form under the terms
|
||||||
|
of sections 4 and 5, provided that you also convey the
|
||||||
|
machine-readable Corresponding Source under the terms of this License,
|
||||||
|
in one of these ways:
|
||||||
|
|
||||||
|
a) Convey the object code in, or embodied in, a physical product
|
||||||
|
(including a physical distribution medium), accompanied by the
|
||||||
|
Corresponding Source fixed on a durable physical medium
|
||||||
|
customarily used for software interchange.
|
||||||
|
|
||||||
|
b) Convey the object code in, or embodied in, a physical product
|
||||||
|
(including a physical distribution medium), accompanied by a
|
||||||
|
written offer, valid for at least three years and valid for as
|
||||||
|
long as you offer spare parts or customer support for that product
|
||||||
|
model, to give anyone who possesses the object code either (1) a
|
||||||
|
copy of the Corresponding Source for all the software in the
|
||||||
|
product that is covered by this License, on a durable physical
|
||||||
|
medium customarily used for software interchange, for a price no
|
||||||
|
more than your reasonable cost of physically performing this
|
||||||
|
conveying of source, or (2) access to copy the
|
||||||
|
Corresponding Source from a network server at no charge.
|
||||||
|
|
||||||
|
c) Convey individual copies of the object code with a copy of the
|
||||||
|
written offer to provide the Corresponding Source. This
|
||||||
|
alternative is allowed only occasionally and noncommercially, and
|
||||||
|
only if you received the object code with such an offer, in accord
|
||||||
|
with subsection 6b.
|
||||||
|
|
||||||
|
d) Convey the object code by offering access from a designated
|
||||||
|
place (gratis or for a charge), and offer equivalent access to the
|
||||||
|
Corresponding Source in the same way through the same place at no
|
||||||
|
further charge. You need not require recipients to copy the
|
||||||
|
Corresponding Source along with the object code. If the place to
|
||||||
|
copy the object code is a network server, the Corresponding Source
|
||||||
|
may be on a different server (operated by you or a third party)
|
||||||
|
that supports equivalent copying facilities, provided you maintain
|
||||||
|
clear directions next to the object code saying where to find the
|
||||||
|
Corresponding Source. Regardless of what server hosts the
|
||||||
|
Corresponding Source, you remain obligated to ensure that it is
|
||||||
|
available for as long as needed to satisfy these requirements.
|
||||||
|
|
||||||
|
e) Convey the object code using peer-to-peer transmission, provided
|
||||||
|
you inform other peers where the object code and Corresponding
|
||||||
|
Source of the work are being offered to the general public at no
|
||||||
|
charge under subsection 6d.
|
||||||
|
|
||||||
|
A separable portion of the object code, whose source code is excluded
|
||||||
|
from the Corresponding Source as a System Library, need not be
|
||||||
|
included in conveying the object code work.
|
||||||
|
|
||||||
|
A "User Product" is either (1) a "consumer product", which means any
|
||||||
|
tangible personal property which is normally used for personal, family,
|
||||||
|
or household purposes, or (2) anything designed or sold for incorporation
|
||||||
|
into a dwelling. In determining whether a product is a consumer product,
|
||||||
|
doubtful cases shall be resolved in favor of coverage. For a particular
|
||||||
|
product received by a particular user, "normally used" refers to a
|
||||||
|
typical or common use of that class of product, regardless of the status
|
||||||
|
of the particular user or of the way in which the particular user
|
||||||
|
actually uses, or expects or is expected to use, the product. A product
|
||||||
|
is a consumer product regardless of whether the product has substantial
|
||||||
|
commercial, industrial or non-consumer uses, unless such uses represent
|
||||||
|
the only significant mode of use of the product.
|
||||||
|
|
||||||
|
"Installation Information" for a User Product means any methods,
|
||||||
|
procedures, authorization keys, or other information required to install
|
||||||
|
and execute modified versions of a covered work in that User Product from
|
||||||
|
a modified version of its Corresponding Source. The information must
|
||||||
|
suffice to ensure that the continued functioning of the modified object
|
||||||
|
code is in no case prevented or interfered with solely because
|
||||||
|
modification has been made.
|
||||||
|
|
||||||
|
If you convey an object code work under this section in, or with, or
|
||||||
|
specifically for use in, a User Product, and the conveying occurs as
|
||||||
|
part of a transaction in which the right of possession and use of the
|
||||||
|
User Product is transferred to the recipient in perpetuity or for a
|
||||||
|
fixed term (regardless of how the transaction is characterized), the
|
||||||
|
Corresponding Source conveyed under this section must be accompanied
|
||||||
|
by the Installation Information. But this requirement does not apply
|
||||||
|
if neither you nor any third party retains the ability to install
|
||||||
|
modified object code on the User Product (for example, the work has
|
||||||
|
been installed in ROM).
|
||||||
|
|
||||||
|
The requirement to provide Installation Information does not include a
|
||||||
|
requirement to continue to provide support service, warranty, or updates
|
||||||
|
for a work that has been modified or installed by the recipient, or for
|
||||||
|
the User Product in which it has been modified or installed. Access to a
|
||||||
|
network may be denied when the modification itself materially and
|
||||||
|
adversely affects the operation of the network or violates the rules and
|
||||||
|
protocols for communication across the network.
|
||||||
|
|
||||||
|
Corresponding Source conveyed, and Installation Information provided,
|
||||||
|
in accord with this section must be in a format that is publicly
|
||||||
|
documented (and with an implementation available to the public in
|
||||||
|
source code form), and must require no special password or key for
|
||||||
|
unpacking, reading or copying.
|
||||||
|
|
||||||
|
7. Additional Terms.
|
||||||
|
|
||||||
|
"Additional permissions" are terms that supplement the terms of this
|
||||||
|
License by making exceptions from one or more of its conditions.
|
||||||
|
Additional permissions that are applicable to the entire Program shall
|
||||||
|
be treated as though they were included in this License, to the extent
|
||||||
|
that they are valid under applicable law. If additional permissions
|
||||||
|
apply only to part of the Program, that part may be used separately
|
||||||
|
under those permissions, but the entire Program remains governed by
|
||||||
|
this License without regard to the additional permissions.
|
||||||
|
|
||||||
|
When you convey a copy of a covered work, you may at your option
|
||||||
|
remove any additional permissions from that copy, or from any part of
|
||||||
|
it. (Additional permissions may be written to require their own
|
||||||
|
removal in certain cases when you modify the work.) You may place
|
||||||
|
additional permissions on material, added by you to a covered work,
|
||||||
|
for which you have or can give appropriate copyright permission.
|
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, for material you
|
||||||
|
add to a covered work, you may (if authorized by the copyright holders of
|
||||||
|
that material) supplement the terms of this License with terms:
|
||||||
|
|
||||||
|
a) Disclaiming warranty or limiting liability differently from the
|
||||||
|
terms of sections 15 and 16 of this License; or
|
||||||
|
|
||||||
|
b) Requiring preservation of specified reasonable legal notices or
|
||||||
|
author attributions in that material or in the Appropriate Legal
|
||||||
|
Notices displayed by works containing it; or
|
||||||
|
|
||||||
|
c) Prohibiting misrepresentation of the origin of that material, or
|
||||||
|
requiring that modified versions of such material be marked in
|
||||||
|
reasonable ways as different from the original version; or
|
||||||
|
|
||||||
|
d) Limiting the use for publicity purposes of names of licensors or
|
||||||
|
authors of the material; or
|
||||||
|
|
||||||
|
e) Declining to grant rights under trademark law for use of some
|
||||||
|
trade names, trademarks, or service marks; or
|
||||||
|
|
||||||
|
f) Requiring indemnification of licensors and authors of that
|
||||||
|
material by anyone who conveys the material (or modified versions of
|
||||||
|
it) with contractual assumptions of liability to the recipient, for
|
||||||
|
any liability that these contractual assumptions directly impose on
|
||||||
|
those licensors and authors.
|
||||||
|
|
||||||
|
All other non-permissive additional terms are considered "further
|
||||||
|
restrictions" within the meaning of section 10. If the Program as you
|
||||||
|
received it, or any part of it, contains a notice stating that it is
|
||||||
|
governed by this License along with a term that is a further restriction,
|
||||||
|
you may remove that term. If a license document contains a further
|
||||||
|
restriction but permits relicensing or conveying under this License, you
|
||||||
|
may add to a covered work material governed by the terms of that license
|
||||||
|
document, provided that the further restriction does not survive such
|
||||||
|
relicensing or conveying.
|
||||||
|
|
||||||
|
If you add terms to a covered work in accord with this section, you
|
||||||
|
must place, in the relevant source files, a statement of the
|
||||||
|
additional terms that apply to those files, or a notice indicating
|
||||||
|
where to find the applicable terms.
|
||||||
|
|
||||||
|
Additional terms, permissive or non-permissive, may be stated in the
|
||||||
|
form of a separately written license, or stated as exceptions;
|
||||||
|
the above requirements apply either way.
|
||||||
|
|
||||||
|
8. Termination.
|
||||||
|
|
||||||
|
You may not propagate or modify a covered work except as expressly
|
||||||
|
provided under this License. Any attempt otherwise to propagate or
|
||||||
|
modify it is void, and will automatically terminate your rights under
|
||||||
|
this License (including any patent licenses granted under the third
|
||||||
|
paragraph of section 11).
|
||||||
|
|
||||||
|
However, if you cease all violation of this License, then your
|
||||||
|
license from a particular copyright holder is reinstated (a)
|
||||||
|
provisionally, unless and until the copyright holder explicitly and
|
||||||
|
finally terminates your license, and (b) permanently, if the copyright
|
||||||
|
holder fails to notify you of the violation by some reasonable means
|
||||||
|
prior to 60 days after the cessation.
|
||||||
|
|
||||||
|
Moreover, your license from a particular copyright holder is
|
||||||
|
reinstated permanently if the copyright holder notifies you of the
|
||||||
|
violation by some reasonable means, this is the first time you have
|
||||||
|
received notice of violation of this License (for any work) from that
|
||||||
|
copyright holder, and you cure the violation prior to 30 days after
|
||||||
|
your receipt of the notice.
|
||||||
|
|
||||||
|
Termination of your rights under this section does not terminate the
|
||||||
|
licenses of parties who have received copies or rights from you under
|
||||||
|
this License. If your rights have been terminated and not permanently
|
||||||
|
reinstated, you do not qualify to receive new licenses for the same
|
||||||
|
material under section 10.
|
||||||
|
|
||||||
|
9. Acceptance Not Required for Having Copies.
|
||||||
|
|
||||||
|
You are not required to accept this License in order to receive or
|
||||||
|
run a copy of the Program. Ancillary propagation of a covered work
|
||||||
|
occurring solely as a consequence of using peer-to-peer transmission
|
||||||
|
to receive a copy likewise does not require acceptance. However,
|
||||||
|
nothing other than this License grants you permission to propagate or
|
||||||
|
modify any covered work. These actions infringe copyright if you do
|
||||||
|
not accept this License. Therefore, by modifying or propagating a
|
||||||
|
covered work, you indicate your acceptance of this License to do so.
|
||||||
|
|
||||||
|
10. Automatic Licensing of Downstream Recipients.
|
||||||
|
|
||||||
|
Each time you convey a covered work, the recipient automatically
|
||||||
|
receives a license from the original licensors, to run, modify and
|
||||||
|
propagate that work, subject to this License. You are not responsible
|
||||||
|
for enforcing compliance by third parties with this License.
|
||||||
|
|
||||||
|
An "entity transaction" is a transaction transferring control of an
|
||||||
|
organization, or substantially all assets of one, or subdividing an
|
||||||
|
organization, or merging organizations. If propagation of a covered
|
||||||
|
work results from an entity transaction, each party to that
|
||||||
|
transaction who receives a copy of the work also receives whatever
|
||||||
|
licenses to the work the party's predecessor in interest had or could
|
||||||
|
give under the previous paragraph, plus a right to possession of the
|
||||||
|
Corresponding Source of the work from the predecessor in interest, if
|
||||||
|
the predecessor has it or can get it with reasonable efforts.
|
||||||
|
|
||||||
|
You may not impose any further restrictions on the exercise of the
|
||||||
|
rights granted or affirmed under this License. For example, you may
|
||||||
|
not impose a license fee, royalty, or other charge for exercise of
|
||||||
|
rights granted under this License, and you may not initiate litigation
|
||||||
|
(including a cross-claim or counterclaim in a lawsuit) alleging that
|
||||||
|
any patent claim is infringed by making, using, selling, offering for
|
||||||
|
sale, or importing the Program or any portion of it.
|
||||||
|
|
||||||
|
11. Patents.
|
||||||
|
|
||||||
|
A "contributor" is a copyright holder who authorizes use under this
|
||||||
|
License of the Program or a work on which the Program is based. The
|
||||||
|
work thus licensed is called the contributor's "contributor version".
|
||||||
|
|
||||||
|
A contributor's "essential patent claims" are all patent claims
|
||||||
|
owned or controlled by the contributor, whether already acquired or
|
||||||
|
hereafter acquired, that would be infringed by some manner, permitted
|
||||||
|
by this License, of making, using, or selling its contributor version,
|
||||||
|
but do not include claims that would be infringed only as a
|
||||||
|
consequence of further modification of the contributor version. For
|
||||||
|
purposes of this definition, "control" includes the right to grant
|
||||||
|
patent sublicenses in a manner consistent with the requirements of
|
||||||
|
this License.
|
||||||
|
|
||||||
|
Each contributor grants you a non-exclusive, worldwide, royalty-free
|
||||||
|
patent license under the contributor's essential patent claims, to
|
||||||
|
make, use, sell, offer for sale, import and otherwise run, modify and
|
||||||
|
propagate the contents of its contributor version.
|
||||||
|
|
||||||
|
In the following three paragraphs, a "patent license" is any express
|
||||||
|
agreement or commitment, however denominated, not to enforce a patent
|
||||||
|
(such as an express permission to practice a patent or covenant not to
|
||||||
|
sue for patent infringement). To "grant" such a patent license to a
|
||||||
|
party means to make such an agreement or commitment not to enforce a
|
||||||
|
patent against the party.
|
||||||
|
|
||||||
|
If you convey a covered work, knowingly relying on a patent license,
|
||||||
|
and the Corresponding Source of the work is not available for anyone
|
||||||
|
to copy, free of charge and under the terms of this License, through a
|
||||||
|
publicly available network server or other readily accessible means,
|
||||||
|
then you must either (1) cause the Corresponding Source to be so
|
||||||
|
available, or (2) arrange to deprive yourself of the benefit of the
|
||||||
|
patent license for this particular work, or (3) arrange, in a manner
|
||||||
|
consistent with the requirements of this License, to extend the patent
|
||||||
|
license to downstream recipients. "Knowingly relying" means you have
|
||||||
|
actual knowledge that, but for the patent license, your conveying the
|
||||||
|
covered work in a country, or your recipient's use of the covered work
|
||||||
|
in a country, would infringe one or more identifiable patents in that
|
||||||
|
country that you have reason to believe are valid.
|
||||||
|
|
||||||
|
If, pursuant to or in connection with a single transaction or
|
||||||
|
arrangement, you convey, or propagate by procuring conveyance of, a
|
||||||
|
covered work, and grant a patent license to some of the parties
|
||||||
|
receiving the covered work authorizing them to use, propagate, modify
|
||||||
|
or convey a specific copy of the covered work, then the patent license
|
||||||
|
you grant is automatically extended to all recipients of the covered
|
||||||
|
work and works based on it.
|
||||||
|
|
||||||
|
A patent license is "discriminatory" if it does not include within
|
||||||
|
the scope of its coverage, prohibits the exercise of, or is
|
||||||
|
conditioned on the non-exercise of one or more of the rights that are
|
||||||
|
specifically granted under this License. You may not convey a covered
|
||||||
|
work if you are a party to an arrangement with a third party that is
|
||||||
|
in the business of distributing software, under which you make payment
|
||||||
|
to the third party based on the extent of your activity of conveying
|
||||||
|
the work, and under which the third party grants, to any of the
|
||||||
|
parties who would receive the covered work from you, a discriminatory
|
||||||
|
patent license (a) in connection with copies of the covered work
|
||||||
|
conveyed by you (or copies made from those copies), or (b) primarily
|
||||||
|
for and in connection with specific products or compilations that
|
||||||
|
contain the covered work, unless you entered into that arrangement,
|
||||||
|
or that patent license was granted, prior to 28 March 2007.
|
||||||
|
|
||||||
|
Nothing in this License shall be construed as excluding or limiting
|
||||||
|
any implied license or other defenses to infringement that may
|
||||||
|
otherwise be available to you under applicable patent law.
|
||||||
|
|
||||||
|
12. No Surrender of Others' Freedom.
|
||||||
|
|
||||||
|
If conditions are imposed on you (whether by court order, agreement or
|
||||||
|
otherwise) that contradict the conditions of this License, they do not
|
||||||
|
excuse you from the conditions of this License. If you cannot convey a
|
||||||
|
covered work so as to satisfy simultaneously your obligations under this
|
||||||
|
License and any other pertinent obligations, then as a consequence you may
|
||||||
|
not convey it at all. For example, if you agree to terms that obligate you
|
||||||
|
to collect a royalty for further conveying from those to whom you convey
|
||||||
|
the Program, the only way you could satisfy both those terms and this
|
||||||
|
License would be to refrain entirely from conveying the Program.
|
||||||
|
|
||||||
|
13. Remote Network Interaction; Use with the GNU General Public License.
|
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, if you modify the
|
||||||
|
Program, your modified version must prominently offer all users
|
||||||
|
interacting with it remotely through a computer network (if your version
|
||||||
|
supports such interaction) an opportunity to receive the Corresponding
|
||||||
|
Source of your version by providing access to the Corresponding Source
|
||||||
|
from a network server at no charge, through some standard or customary
|
||||||
|
means of facilitating copying of software. This Corresponding Source
|
||||||
|
shall include the Corresponding Source for any work covered by version 3
|
||||||
|
of the GNU General Public License that is incorporated pursuant to the
|
||||||
|
following paragraph.
|
||||||
|
|
||||||
|
Notwithstanding any other provision of this License, you have permission
|
||||||
|
to link or combine any covered work with a work licensed under version 3
|
||||||
|
of the GNU General Public License into a single combined work, and to
|
||||||
|
convey the resulting work. The terms of this License will continue to
|
||||||
|
apply to the part which is the covered work, but the work with which it is
|
||||||
|
combined will remain governed by version 3 of the GNU General Public
|
||||||
|
License.
|
||||||
|
|
||||||
|
14. Revised Versions of this License.
|
||||||
|
|
||||||
|
The Free Software Foundation may publish revised and/or new versions of
|
||||||
|
the GNU Affero General Public License from time to time. Such new
|
||||||
|
versions will be similar in spirit to the present version, but may differ
|
||||||
|
in detail to address new problems or concerns.
|
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the
|
||||||
|
Program specifies that a certain numbered version of the GNU Affero
|
||||||
|
General Public License "or any later version" applies to it, you have
|
||||||
|
the option of following the terms and conditions either of that
|
||||||
|
numbered version or of any later version published by the Free
|
||||||
|
Software Foundation. If the Program does not specify a version number
|
||||||
|
of the GNU Affero General Public License, you may choose any version
|
||||||
|
ever published by the Free Software Foundation.
|
||||||
|
|
||||||
|
If the Program specifies that a proxy can decide which future
|
||||||
|
versions of the GNU Affero General Public License can be used, that
|
||||||
|
proxy's public statement of acceptance of a version permanently
|
||||||
|
authorizes you to choose that version for the Program.
|
||||||
|
|
||||||
|
Later license versions may give you additional or different
|
||||||
|
permissions. However, no additional obligations are imposed on any
|
||||||
|
author or copyright holder as a result of your choosing to follow a
|
||||||
|
later version.
|
||||||
|
|
||||||
|
15. Disclaimer of Warranty.
|
||||||
|
|
||||||
|
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
|
||||||
|
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
|
||||||
|
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
|
||||||
|
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
|
||||||
|
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||||
|
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
|
||||||
|
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
|
||||||
|
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||||
|
|
||||||
|
16. Limitation of Liability.
|
||||||
|
|
||||||
|
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
|
||||||
|
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
|
||||||
|
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
|
||||||
|
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
|
||||||
|
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
|
||||||
|
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
|
||||||
|
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
|
||||||
|
SUCH DAMAGES.
|
||||||
|
|
||||||
|
17. Interpretation of Sections 15 and 16.
|
||||||
|
|
||||||
|
If the disclaimer of warranty and limitation of liability provided
|
||||||
|
above cannot be given local legal effect according to their terms,
|
||||||
|
reviewing courts shall apply local law that most closely approximates
|
||||||
|
an absolute waiver of all civil liability in connection with the
|
||||||
|
Program, unless a warranty or assumption of liability accompanies a
|
||||||
|
copy of the Program in return for a fee.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs
|
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest
|
||||||
|
possible use to the public, the best way to achieve this is to make it
|
||||||
|
free software which everyone can redistribute and change under these terms.
|
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest
|
||||||
|
to attach them to the start of each source file to most effectively
|
||||||
|
state the exclusion of warranty; and each file should have at least
|
||||||
|
the "copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.>
|
||||||
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU Affero General Public License as
|
||||||
|
published by the Free Software Foundation, either version 3 of the
|
||||||
|
License, or (at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU Affero General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU Affero General Public License
|
||||||
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
|
If your software can interact with users remotely through a computer
|
||||||
|
network, you should also make sure that it provides a way for users to
|
||||||
|
get its source. For example, if your program is a web application, its
|
||||||
|
interface could display a "Source" link that leads users to an archive
|
||||||
|
of the code. There are many ways you could offer source, and different
|
||||||
|
solutions will be better for different programs; see section 13 for the
|
||||||
|
specific requirements.
|
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or school,
|
||||||
|
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||||
|
For more information on this, and how to apply and follow the GNU AGPL, see
|
||||||
|
<http://www.gnu.org/licenses/>.
|
23
jappixmini/jappix/INSTALL
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the installation instructions for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 15/09/10
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
It's very simple to install Jappix on your webserver, you just have to follow these things:
|
||||||
|
|
||||||
|
# INSTALLATION
|
||||||
|
- The HTTP server : http://codingteam.net/project/jappix/doc/HttpServer
|
||||||
|
- The XMPP server : http://codingteam.net/project/jappix/doc/XmppServer
|
||||||
|
- The BOSH server : http://codingteam.net/project/jappix/doc/BoshServer
|
||||||
|
- The Jappix app. : http://codingteam.net/project/jappix/doc/JappixApp
|
||||||
|
|
||||||
|
# MORE
|
||||||
|
- The whole documentation is available at : http://codingteam.net/project/jappix/doc
|
||||||
|
|
||||||
|
Now, you can use Jappix. Happy socializing!
|
20
jappixmini/jappix/README
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the readme file for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 18/02/11
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
Please refer to the installation instructions that are located in the INSTALL file to process the Jappix installation.
|
||||||
|
|
||||||
|
The Jappix Project official service: https://www.jappix.com/
|
||||||
|
The Jappix Project website: https://project.jappix.com/
|
||||||
|
The Jappix Project panel: http://codingteam.net/project/jappix
|
||||||
|
|
||||||
|
Jappix is released under the terms of the AGPL license. See COPYING for details.
|
||||||
|
|
||||||
|
Have fun with Jappix!
|
27
jappixmini/jappix/THANKS
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the special thanks for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/02/11
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
We would like to thanks the authors of these tools, coming from other projects:
|
||||||
|
|
||||||
|
# PROJECTS
|
||||||
|
- Base64 http://rumkin.com
|
||||||
|
- DrawSVGChart http://codingteam.net/project/codingteam
|
||||||
|
- idzXHR http://www.iadvize.com/plugin_strophe_xmpp.html
|
||||||
|
- JSJaC http://blog.jwchat.org/jsjac/
|
||||||
|
- jQuery http://jquery.com/
|
||||||
|
- jQuery Form http://jquery.malsup.com/form/
|
||||||
|
- jQuery Timers http://plugins.jquery.com/project/timers
|
||||||
|
- jXHR http://mulletxhr.com/
|
||||||
|
- Mobile Detect http://code.google.com/p/php-mobile-detect/
|
||||||
|
- JSMin http://github.com/rgrove/jsmin-php/
|
||||||
|
- PHP-gettext https://launchpad.net/php-gettext
|
||||||
|
- Silk icons http://www.famfamfam.com/lab/icons/silk/
|
||||||
|
- Smileys http://www.gajim.org/
|
1
jappixmini/jappix/VERSION
Normal file
|
@ -0,0 +1 @@
|
||||||
|
Spaco [0.9]
|
26
jappixmini/jappix/css/adhoc.css
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Ad-Hoc CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 20/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#adhoc .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adhoc .adhoc-head {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
border: 1px #9dc4fc solid;
|
||||||
|
width: 598px;
|
||||||
|
height: 18px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 10px 12px 10px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
}
|
29
jappixmini/jappix/css/anonymous.css
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the anonymous mode CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 06/11/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#top-content {
|
||||||
|
min-width: 500px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-content {
|
||||||
|
min-width: 490px !important;
|
||||||
|
min-height: 450px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#left-content {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#right-content {
|
||||||
|
left: 0;
|
||||||
|
}
|
93
jappixmini/jappix/css/archives.css
Normal file
|
@ -0,0 +1,93 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the archives CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 19/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#archives .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .filter {
|
||||||
|
background-color: #e9f1fd;
|
||||||
|
border-right: 1px solid #9dc4fc;
|
||||||
|
width: 180px;
|
||||||
|
padding: 12px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
float: left;
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
-moz-border-radius-topleft: 4px;
|
||||||
|
-moz-border-radius-bottomleft: 4px;
|
||||||
|
-webkit-border-top-left-radius: 4px;
|
||||||
|
-webkit-border-bottom-left-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .filter .friend {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .filter .friend {
|
||||||
|
height: 210px;
|
||||||
|
width: 180px;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .current,
|
||||||
|
#archives .logs {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 204px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .current {
|
||||||
|
background-color: #e4eef9;
|
||||||
|
border-bottom: 1px solid #9dc4fc;
|
||||||
|
font-size: 0.9em;
|
||||||
|
height: 16px;
|
||||||
|
padding: 6px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .current span {
|
||||||
|
height: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .current .name {
|
||||||
|
max-width: 160px;
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .current .time {
|
||||||
|
color: #47646a;
|
||||||
|
font-size: 0.95em;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .logs {
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 8px 10px 0;
|
||||||
|
float: left;
|
||||||
|
position: absolute;
|
||||||
|
top: 29px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#archives .logs a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
47
jappixmini/jappix/css/board.css
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the board CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 26/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#board .one-board {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 18px;
|
||||||
|
z-index: 10000;
|
||||||
|
font-size: 0.92em;
|
||||||
|
padding: 6px 8px;
|
||||||
|
box-shadow: 0 0 8px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 8px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 8px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#board .one-board:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#board .one-board.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#board .one-board.error {
|
||||||
|
background-color: rgb(241,160,160);
|
||||||
|
background-color: rgba(241,160,160,0.9);
|
||||||
|
color: #420c0c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#board .one-board.info {
|
||||||
|
background-color: rgb(248,246,186);
|
||||||
|
background-color: rgba(248,246,186,0.9);
|
||||||
|
color: #2f2a02;
|
||||||
|
}
|
530
jappixmini/jappix/css/buddylist.css
Normal file
|
@ -0,0 +1,530 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the buddy-list CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 31/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#buddy-list {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
color: #919191;
|
||||||
|
padding: 15px 6px 4px 6px;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .content {
|
||||||
|
background: #e8f1f3;
|
||||||
|
background: -moz-linear-gradient(top, #e8f1f3, #e4edef);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#e4edef));
|
||||||
|
color: #666666;
|
||||||
|
height: 207px;
|
||||||
|
padding: 4px 4px 0 4px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .one-group {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .one-group a.group {
|
||||||
|
color: #202c2f;
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: 3px 6px;
|
||||||
|
padding-left: 12px;
|
||||||
|
max-height: 15px;
|
||||||
|
text-decoration: none;
|
||||||
|
overflow: hidden;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .one-group a.group.plus {
|
||||||
|
background-position: -4px -1143px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .one-group a.group.minus {
|
||||||
|
background-position: -4px -1162px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .one-group a.group:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .hidden-buddy,
|
||||||
|
#buddy-list .foot-edit-finish,
|
||||||
|
.buddy-conf-more-display-available {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-click {
|
||||||
|
background: #d9e7ea;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-click:hover,
|
||||||
|
#buddy-list .buddy-click:focus {
|
||||||
|
background: #cedee1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-click:active {
|
||||||
|
background: #c3d3d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .gateway {
|
||||||
|
height: 27px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .gateway .name {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .gateway .buddy-presence {
|
||||||
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 0;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .avatar-container {
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
margin: 3px;
|
||||||
|
width: 46px;
|
||||||
|
height: 46px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .avatar {
|
||||||
|
max-width: 44px;
|
||||||
|
max-height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .name {
|
||||||
|
margin: 4px 3px 5px 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-name {
|
||||||
|
height: 17px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: #264249;
|
||||||
|
margin: 5px 0 5px 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy.blocked p.buddy-name {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-presence {
|
||||||
|
height: 14px;
|
||||||
|
font-size: 0.7em;
|
||||||
|
color: #3a585e;
|
||||||
|
padding: 2px 0 0 16px;
|
||||||
|
margin-top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .unavailable,
|
||||||
|
#page-switch .unavailable,
|
||||||
|
#page-engine p.bc-infos span.show.unavailable {
|
||||||
|
background-position: 0 -153px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .available,
|
||||||
|
#page-engine p.bc-infos span.show.available,
|
||||||
|
#page-engine .list .available,
|
||||||
|
#page-engine .list .chat,
|
||||||
|
#page-switch .available,
|
||||||
|
#my-infos .f-presence a[data-value=available] span {
|
||||||
|
background-position: 0 -169px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .away,
|
||||||
|
#page-engine p.bc-infos span.show.away,
|
||||||
|
#page-engine .list .away,
|
||||||
|
#page-switch .away,
|
||||||
|
#my-infos .f-presence a[data-value=away] span {
|
||||||
|
background-position: 0 -185px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .busy,
|
||||||
|
#page-engine p.bc-infos span.show.busy,
|
||||||
|
#page-engine .list .xa,
|
||||||
|
#page-engine .list .dnd,
|
||||||
|
#page-switch .busy,
|
||||||
|
#my-infos .f-presence a[data-value=xa] span {
|
||||||
|
background-position: 0 -201px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .error,
|
||||||
|
#page-switch .error,
|
||||||
|
#page-engine p.bc-infos span.show.error {
|
||||||
|
background-position: 0 -217px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-infos {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 100;
|
||||||
|
width: 337px;
|
||||||
|
color: white;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-infos-subarrow {
|
||||||
|
background-position: 0 -241px;
|
||||||
|
opacity: 0.8;
|
||||||
|
width: 9px;
|
||||||
|
height: 20px;
|
||||||
|
margin-top: 12px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-infos-subitem {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.8);
|
||||||
|
padding: 8px 10px;
|
||||||
|
width: 308px;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
float: left;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-authorize,
|
||||||
|
#rosterx .oneresult span.action.add {
|
||||||
|
background-position: 0 -1181px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-remove,
|
||||||
|
#rosterx .oneresult span.action.delete,
|
||||||
|
#attach div.one-file a.remove {
|
||||||
|
background-position: 0 -1200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-remove {
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-rename {
|
||||||
|
background-position: 0 -1216px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-group {
|
||||||
|
background-position: 0 -1241px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos div.bm-choose {
|
||||||
|
max-height: 95px;
|
||||||
|
margin: 0 0 8px 102px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos div.bm-choose label {
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos div.bm-choose input {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos div.bm-choose input[type=checkbox] {
|
||||||
|
margin: 0 6px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos div.bm-choose div {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-rename,
|
||||||
|
.manage-infos p.bm-group {
|
||||||
|
height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-rename label,
|
||||||
|
.manage-infos p.bm-group label {
|
||||||
|
width: 80px;
|
||||||
|
padding-top: 3px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos p.bm-rename input,
|
||||||
|
.manage-infos p.bm-group input {
|
||||||
|
float: left;
|
||||||
|
width: 155px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manage-infos a.save {
|
||||||
|
float: right;
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-infos-subitem p {
|
||||||
|
margin: 6px 0;
|
||||||
|
padding-left: 22px;
|
||||||
|
height: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-infos-subitem a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tune-note {
|
||||||
|
background-position: 0 -676px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location-world {
|
||||||
|
background-position: 0 -658px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view-individual {
|
||||||
|
background-position: 0 -34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-buddy {
|
||||||
|
background-position: 0 -1008px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .filter {
|
||||||
|
background-color: white;
|
||||||
|
border-top: 1px solid #b8c2c4;
|
||||||
|
height: 15px;
|
||||||
|
padding: 2px 4px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
-moz-border-radius-bottomleft: 3px;
|
||||||
|
-moz-border-radius-bottomright: 3px;
|
||||||
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .filter input {
|
||||||
|
border: none;
|
||||||
|
color: #273a3f;
|
||||||
|
width: 211px;
|
||||||
|
padding: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
-moz-box-shadow: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .filter a {
|
||||||
|
display: none;
|
||||||
|
background-color: #9a2d2d;
|
||||||
|
color: white;
|
||||||
|
height: 13px;
|
||||||
|
width: 13px;
|
||||||
|
margin-top: 1px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
float: right;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .filter a:hover,
|
||||||
|
#buddy-list .filter a:focus {
|
||||||
|
background-color: #8c2121;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .filter a:active {
|
||||||
|
background-color: #7e1919;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .foot {
|
||||||
|
padding: 9px 1px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-list-icon {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: -3px 5px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .buddy-list-icon a.talk-images {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .add,
|
||||||
|
#page-engine .text .tools-add {
|
||||||
|
background-position: 0 -1047px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .join {
|
||||||
|
background-position: 0 -1065px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .groupchat,
|
||||||
|
#page-switch .groupchat-default {
|
||||||
|
background-position: 0 -1082px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .more {
|
||||||
|
background-position: 0 -1100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .foot-edit-finish a {
|
||||||
|
color: white;
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: -3px 4px 0 0;
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-list .foot-edit-finish a:hover,
|
||||||
|
#buddy-list .foot-edit-finish a:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-item {
|
||||||
|
position: absolute;
|
||||||
|
width: 263px;
|
||||||
|
color: white;
|
||||||
|
z-index: 9998;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-item:hover {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-subarrow {
|
||||||
|
background-position: 0 -241px;
|
||||||
|
opacity: 0.8;
|
||||||
|
height: 10px;
|
||||||
|
width: 18px;
|
||||||
|
margin-left: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-subitem {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.8);
|
||||||
|
padding: 10px;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-p {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
width: 220px;
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-input {
|
||||||
|
padding-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-text {
|
||||||
|
font-size: 11px;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-text a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-text a:hover,
|
||||||
|
.buddy-conf-text a:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-text a.buddy-conf-add-search {
|
||||||
|
text-decoration: underline;
|
||||||
|
margin-top: 6px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-select {
|
||||||
|
font-size: 1.1em;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
width: 180px;
|
||||||
|
height: 23px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.join-jid {
|
||||||
|
width: 220px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-contact-jid,
|
||||||
|
.add-contact-name,
|
||||||
|
.add-contact-gateway {
|
||||||
|
width: 156px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-contact-name-get {
|
||||||
|
font-size: 0.8em;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-subitem label {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-subitem label span {
|
||||||
|
width: 76px;
|
||||||
|
height: 14px;
|
||||||
|
margin-top: 3px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#buddy-conf-join ul {
|
||||||
|
width: 224px;
|
||||||
|
max-height: 160px;
|
||||||
|
left: 10px;
|
||||||
|
top: 51px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buddy-conf-join-select {
|
||||||
|
margin: 8px 0 0 0;
|
||||||
|
}
|
545
jappixmini/jappix/css/channel.css
Normal file
|
@ -0,0 +1,545 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the channel CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 26/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#channel .top div.update {
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: 115px;
|
||||||
|
right: 15px;
|
||||||
|
bottom: 15px;
|
||||||
|
border-radius: 20px;
|
||||||
|
-moz-border-radius: 20px;
|
||||||
|
-webkit-border-radius: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top p {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top h2 {
|
||||||
|
font-size: 1.6em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #232323;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top a {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #232323;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.update {
|
||||||
|
right: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts,
|
||||||
|
#userinfos .main-infos div.shortcuts {
|
||||||
|
width: 16px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts {
|
||||||
|
margin: 2px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts a,
|
||||||
|
#userinfos .main-infos div.shortcuts a {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts a.message,
|
||||||
|
#userinfos .main-infos a.message {
|
||||||
|
background-position: 0 -1717px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts a.chat,
|
||||||
|
#userinfos .main-infos a.chat {
|
||||||
|
background-position: 0 -1737px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .top.individual div.shortcuts a.command,
|
||||||
|
#userinfos .main-infos a.command {
|
||||||
|
background-position: 0 -1758px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .microblog-body {
|
||||||
|
height: 20px;
|
||||||
|
margin-right: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .microblog-body input {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-microblog-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 38px;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel div.update .one-microblog-icon,
|
||||||
|
#channel div.update .postit {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel div.update .attach {
|
||||||
|
background-position: 0 -79px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach {
|
||||||
|
position: absolute;
|
||||||
|
width: 263px;
|
||||||
|
margin-left: -227px;
|
||||||
|
color: white;
|
||||||
|
font-size: 0.85em;
|
||||||
|
z-index: 9998;
|
||||||
|
text-align: left;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach p {
|
||||||
|
margin-bottom: 6px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach input[type=submit] {
|
||||||
|
margin: 8px 0 6px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach .wait {
|
||||||
|
float: right;
|
||||||
|
margin: 7px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach div.one-file {
|
||||||
|
height: 16px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach div.one-file a.link {
|
||||||
|
color: white;
|
||||||
|
width: 215px;
|
||||||
|
height: 14px;
|
||||||
|
margin-left: 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#attach div.one-file a.remove {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attach-subarrow {
|
||||||
|
background-position: 0 -241px;
|
||||||
|
opacity: 0.8;
|
||||||
|
height: 10px;
|
||||||
|
width: 18px;
|
||||||
|
margin-left: 226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attach-subitem {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.8);
|
||||||
|
padding: 10px;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attach-p {
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding: 6px 6px 8px 6px;
|
||||||
|
border-bottom: 1px dotted #d0d0d0;
|
||||||
|
min-height: 50px;
|
||||||
|
color: black;
|
||||||
|
position: relative;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update .avatar-container {
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 16px;
|
||||||
|
float: left;
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update .avatar-container:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update img.avatar {
|
||||||
|
max-height: 50px;
|
||||||
|
max-width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.body {
|
||||||
|
margin-left: 65px;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update:hover div.body {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update a.repeat {
|
||||||
|
background-position: 0 -1681px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin-right: 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update span a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p {
|
||||||
|
display: block;
|
||||||
|
margin: 0 12px 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p b.name:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.infos {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.infos a.geoloc {
|
||||||
|
background-position: 0 -1778px;
|
||||||
|
color: #363636;
|
||||||
|
margin-left: 18px;
|
||||||
|
padding-left: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.infos a.geoloc:hover,
|
||||||
|
#channel .one-update p.infos a.geoloc:focus,
|
||||||
|
#channel .one-update p.infos a.geoloc:active {
|
||||||
|
color: #141414;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.file {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 6px 0 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.file a.link,
|
||||||
|
#inbox .inbox-new-file a.file {
|
||||||
|
min-height: 16px;
|
||||||
|
padding-left: 22px;
|
||||||
|
text-decoration: underline;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.file a.link {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a,
|
||||||
|
#inbox .inbox-new-file a.file {
|
||||||
|
background-position: 0 -988px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a.audio,
|
||||||
|
#inbox .inbox-new-file a.file.audio {
|
||||||
|
background-position: 0 -899px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a.image,
|
||||||
|
#inbox .inbox-new-file a.file.image {
|
||||||
|
background-position: 0 -917px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a.video,
|
||||||
|
#inbox .inbox-new-file a.file.video {
|
||||||
|
background-position: 0 -935px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a.document,
|
||||||
|
#inbox .inbox-new-file a.file.document {
|
||||||
|
background-position: 0 -953px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel p.file a.package,
|
||||||
|
#inbox .inbox-new-file a.file.package {
|
||||||
|
background-position: 0 -971px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.file a.thumb img {
|
||||||
|
border: 1px solid #a2a2a2;
|
||||||
|
max-width: 140px;
|
||||||
|
max-height: 105px;
|
||||||
|
margin: 4px 10px 2px 0;
|
||||||
|
padding: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update p.file a.thumb img:hover {
|
||||||
|
border-color: #464646;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments,
|
||||||
|
.popup.large div.comments {
|
||||||
|
width: 410px;
|
||||||
|
margin: 2px 0 2px 76px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments div.arrow,
|
||||||
|
.popup.large div.comments div.arrow {
|
||||||
|
background-position: 0 -1702px;
|
||||||
|
width: 20px;
|
||||||
|
height: 8px;
|
||||||
|
margin-left: 20px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments div.comments-content,
|
||||||
|
.popup.large div.comments div.comments-content {
|
||||||
|
background-color: #e5ebec;
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-shadow: 0 1px 0 white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments input,
|
||||||
|
.popup.large div.comments input {
|
||||||
|
width: 356px;
|
||||||
|
margin: 6px 0;
|
||||||
|
padding: 4px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments span.icon,
|
||||||
|
.popup.large div.comments span.icon {
|
||||||
|
background-position: 0 -1082px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.loading span.icon,
|
||||||
|
.popup.large div.comments .one-comment.loading span.icon {
|
||||||
|
margin: 0 10px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment,
|
||||||
|
.popup.large div.comments .one-comment {
|
||||||
|
border-bottom: 1px solid #f4f4f4;
|
||||||
|
padding: 4px 8px 0px 8px;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.compose,
|
||||||
|
.popup.large div.comments .one-comment.compose {
|
||||||
|
border-bottom: 2px solid #f4f4f4;
|
||||||
|
height: 36px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.new,
|
||||||
|
.popup.large div.comments .one-comment.new {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments a.one-comment,
|
||||||
|
.popup.large div.comments a.one-comment {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments a.one-comment:hover,
|
||||||
|
#channel .one-update div.comments a.one-comment:focus,
|
||||||
|
.popup.large div.comments a.one-comment:hover,
|
||||||
|
.popup.large div.comments a.one-comment:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.loading,
|
||||||
|
.popup.large div.comments .one-comment.loading {
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment div.marker,
|
||||||
|
.popup.large div.comments .one-comment div.marker {
|
||||||
|
background-color: #6d8387;
|
||||||
|
width: 2px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment .avatar-container,
|
||||||
|
.popup.large div.comments .one-comment .avatar-container {
|
||||||
|
text-align: center;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin: 2px 8px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment .avatar-container:hover,
|
||||||
|
.popup.large div.comments .one-comment .avatar-container:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment img.avatar,
|
||||||
|
.popup.large div.comments .one-comment img.avatar {
|
||||||
|
max-height: 30px;
|
||||||
|
max-width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment .comment-container,
|
||||||
|
.popup.large div.comments .one-comment .comment-container {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment a.name,
|
||||||
|
.popup.large div.comments .one-comment a.name {
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.95em;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment a.name:hover,
|
||||||
|
#channel .one-update div.comments .one-comment a.name:focus,
|
||||||
|
.popup.large div.comments .one-comment a.name:hover,
|
||||||
|
.popup.large div.comments .one-comment a.name:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment span.date,
|
||||||
|
#channel .one-update div.comments .one-comment a.remove,
|
||||||
|
.popup.large div.comments .one-comment span.date,
|
||||||
|
.popup.large div.comments .one-comment a.remove {
|
||||||
|
font-size: 0.85em;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.me:hover span.date,
|
||||||
|
.popup.large div.comments .one-comment.me:hover span.date {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.me a.remove,
|
||||||
|
.popup.large div.comments .one-comment.me a.remove {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment.me:hover a.remove,
|
||||||
|
.popup.large div.comments .one-comment.me:hover a.remove {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update div.comments .one-comment p.body,
|
||||||
|
.popup.large div.comments .one-comment p.body {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.more {
|
||||||
|
background-position: 0 -334px;
|
||||||
|
color: black;
|
||||||
|
height: 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
margin: -2px 0 0 4px;
|
||||||
|
padding: 0 0 14px 20px;
|
||||||
|
display: block;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.more:hover,
|
||||||
|
#channel a.more:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool {
|
||||||
|
width: 11px;
|
||||||
|
height: 11px;
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .one-update:hover a.mbtool {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool:hover,
|
||||||
|
#channel a.mbtool:focus {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool.profile {
|
||||||
|
background-position: -1px -1333px;
|
||||||
|
top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool.repost {
|
||||||
|
background-position: -1px -1354px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool.remove {
|
||||||
|
background-position: -1px -1312px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel a.mbtool.repost,
|
||||||
|
#channel a.mbtool.remove {
|
||||||
|
top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .footer {
|
||||||
|
bottom: 0;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
-moz-border-radius-bottomleft: 4px;
|
||||||
|
-moz-border-radius-bottomright: 4px;
|
||||||
|
-webkit-border-bottom-left-radius: 4px;
|
||||||
|
-webkit-border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .footer div {
|
||||||
|
margin-left: 5px;
|
||||||
|
padding-left: 24px;
|
||||||
|
min-height: 16px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .footer .sync {
|
||||||
|
background-position: 0 -804px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#channel .footer .unsync {
|
||||||
|
background-position: 0 -830px;
|
||||||
|
display: none;
|
||||||
|
}
|
16
jappixmini/jappix/css/directory.css
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the directory tool CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 13/02/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#directory .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
61
jappixmini/jappix/css/discovery.css
Normal file
|
@ -0,0 +1,61 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the discovery CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 13/02/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#discovery .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .content p {
|
||||||
|
margin: 5px 10px 5px 10px;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .discovery-head,
|
||||||
|
#directory .directory-head,
|
||||||
|
#rosterx .rosterx-head,
|
||||||
|
#privacy .privacy-head {
|
||||||
|
width: 606px;
|
||||||
|
height: 24px;
|
||||||
|
margin: 0 10px 10px 10px;
|
||||||
|
padding: 6px;
|
||||||
|
background: #f1f6fd;
|
||||||
|
border: 1px #9dc4fc solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .disco-server-text,
|
||||||
|
#directory .directory-server-text {
|
||||||
|
float: left;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .disco-server-input,
|
||||||
|
#directory .directory-server-input {
|
||||||
|
float: right;
|
||||||
|
width: 200px;
|
||||||
|
padding: 2px;
|
||||||
|
height: 18px;
|
||||||
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .disco-category {
|
||||||
|
display: none;
|
||||||
|
margin-bottom: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#discovery .disco-category-title {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
179
jappixmini/jappix/css/favorites.css
Normal file
|
@ -0,0 +1,179 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the favorites CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 28/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#favorites .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-head-select {
|
||||||
|
min-width: 190px;
|
||||||
|
max-width: 210px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .switch-fav {
|
||||||
|
margin: 0 10px 0 10px;
|
||||||
|
width: 200px;
|
||||||
|
height: 355px;
|
||||||
|
border-right: 1px #c0c0c0 dotted;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .room-switcher {
|
||||||
|
width: 188px;
|
||||||
|
height: 18px;
|
||||||
|
border-bottom: 1px #9dc4fc solid;
|
||||||
|
float: left;
|
||||||
|
padding: 10px 6px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .room-switcher:hover {
|
||||||
|
background-color: #e9f1fd;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .room-switcher:active {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .switch-fav .icon {
|
||||||
|
float: left;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: 0 8px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .switch-fav .room-list .list-icon {
|
||||||
|
background-position: 0 -855px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .switch-fav .room-search .search-icon {
|
||||||
|
background-position: 0 -876px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .static-fav {
|
||||||
|
width: 385px;
|
||||||
|
height: 335px;
|
||||||
|
margin: 0 10px 0 0;
|
||||||
|
padding: 10px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .favorites-search {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .static-fav-head {
|
||||||
|
width: 393px;
|
||||||
|
margin: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .static-fav-results {
|
||||||
|
width: 406px;
|
||||||
|
height: 314px;
|
||||||
|
margin: 10px -10px -10px -10px;
|
||||||
|
padding: 6px 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-line {
|
||||||
|
height: 30px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 10px 0 4px 4px;
|
||||||
|
border-bottom: 1px #9dc4fc solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-line:hover {
|
||||||
|
background: #e9f1fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites label {
|
||||||
|
width: 140px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites input {
|
||||||
|
height: 18px;
|
||||||
|
width: 186px;
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-select {
|
||||||
|
min-width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-actions {
|
||||||
|
margin: 10px 0 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites input[type=checkbox] {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-terminate {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-add {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-edit {
|
||||||
|
background-position: 2px -1240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fedit-remove {
|
||||||
|
margin: 0 8px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .add,
|
||||||
|
.popup .results .one-button.one-add {
|
||||||
|
background-position: 3px -1177px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .remove,
|
||||||
|
#inbox .remove {
|
||||||
|
background-position: 3px -1196px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .join,
|
||||||
|
#inbox .reply,
|
||||||
|
#inbox .send,
|
||||||
|
.popup .results .one-button.one-chat {
|
||||||
|
background-position: 3px -124px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .one-button,
|
||||||
|
#inbox .one-button,
|
||||||
|
.popup .results .one-button {
|
||||||
|
padding-left: 20px !important;
|
||||||
|
font-size: 0.98em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fsearch-results {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .room-name {
|
||||||
|
margin: 4px 2px 5px;
|
||||||
|
max-width: 210px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#favorites .fsearch-noresults {
|
||||||
|
display: none;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
579
jappixmini/jappix/css/home.css
Normal file
|
@ -0,0 +1,579 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the home CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 15/01/12
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#home {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
min-height: 550px;
|
||||||
|
min-width: 875px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation,
|
||||||
|
#home .corporation .corp_network,
|
||||||
|
#home .locale,
|
||||||
|
#home .obsolete {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.70);
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
text-shadow: 0 0 1px black;
|
||||||
|
z-index: 100;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
-moz-border-radius-bottomleft: 3px;
|
||||||
|
-moz-border-radius-bottomright: 3px;
|
||||||
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation {
|
||||||
|
background-position: 9px -357px;
|
||||||
|
left: 12px;
|
||||||
|
height: 26px;
|
||||||
|
width: 34px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation.hovered {
|
||||||
|
height: 28px;
|
||||||
|
border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network {
|
||||||
|
width: 180px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
top: 28px;
|
||||||
|
display: none;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation.hovered .corp_network {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network h2 {
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin: 14px 0 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network h2.nomargin {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network a {
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: 2px 0;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network a span {
|
||||||
|
margin: 2px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network a span.name {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .corporation .corp_network a span.desc {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale {
|
||||||
|
left: 52px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .current {
|
||||||
|
height: 19px;
|
||||||
|
padding: 3px 12px 4px 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .current:hover {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .current .current_align {
|
||||||
|
height: 19px;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .list {
|
||||||
|
margin: 2px 0 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .list a,
|
||||||
|
#home .corporation .corp_network a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .list a {
|
||||||
|
padding: 3px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .list a:hover,
|
||||||
|
#home .locale .list a:focus,
|
||||||
|
#home .corporation .corp_network a:hover,
|
||||||
|
#home .corporation .corp_network a:focus {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .locale .list a:active,
|
||||||
|
#home .corporation .corp_network a:active {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete {
|
||||||
|
height: 60px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
right: 12px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a {
|
||||||
|
height: 33px;
|
||||||
|
width: 33px;
|
||||||
|
margin: 5px 2px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a:hover,
|
||||||
|
#home .obsolete a:focus {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a:active {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a.firefox {
|
||||||
|
background-position: 1px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a.chrome {
|
||||||
|
background-position: -34px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a.safari {
|
||||||
|
background-position: -68px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a.opera {
|
||||||
|
background-position: -101px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .obsolete a.ie {
|
||||||
|
background-position: -135px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .plane {
|
||||||
|
background-position: 0 -384px;
|
||||||
|
width: 507px;
|
||||||
|
height: 328px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .main {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -200px;
|
||||||
|
width: 800px;
|
||||||
|
height: 400px;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -400px;
|
||||||
|
z-index: 50;
|
||||||
|
border-radius: 10px;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
-webkit-border-radius: 10px;
|
||||||
|
box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .left {
|
||||||
|
float: left;
|
||||||
|
width: 350px;
|
||||||
|
height: 370px;
|
||||||
|
margin: 15px 0 15px 15px;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .left .logo {
|
||||||
|
background-position: 0 0;
|
||||||
|
float: left;
|
||||||
|
margin: 30px 20px;
|
||||||
|
width: 311px;
|
||||||
|
height: 113px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .left p.upper {
|
||||||
|
margin: 12px 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .left p.secondary {
|
||||||
|
margin: 8px 0 0 16px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right {
|
||||||
|
background: #e4eef9;
|
||||||
|
background: -moz-linear-gradient(top, #e4eef9, #C5E1FF);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#C5E1FF));
|
||||||
|
float: right;
|
||||||
|
width: 385px;
|
||||||
|
height: 350px;
|
||||||
|
margin: 15px 15px 15px 0;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
text-align: justify;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
box-shadow: 0 0 20px black;
|
||||||
|
-moz-box-shadow: 0 0 20px black;
|
||||||
|
-webkit-box-shadow: 0 0 20px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right h1 {
|
||||||
|
font-size: 16px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
border-bottom: 1px black dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right p {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right p a {
|
||||||
|
border-width: 0 0 1px 0;
|
||||||
|
border-style: dotted;
|
||||||
|
border-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right p a:hover,
|
||||||
|
#home .right p a:focus {
|
||||||
|
border-style: solid;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right button {
|
||||||
|
display: block;
|
||||||
|
margin-left: 22px;
|
||||||
|
width: 342px;
|
||||||
|
height: 64px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right button:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right button span {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right button span.home-images {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: 5px 7px 7px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right button span.text {
|
||||||
|
padding-left: 20px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .login {
|
||||||
|
background-color: #72d071;
|
||||||
|
background-position: 0 0;
|
||||||
|
border: 1px solid #5cb55c;
|
||||||
|
margin-top: 22px;
|
||||||
|
box-shadow: 0 0 10px #89e389;
|
||||||
|
-moz-box-shadow: 0 0 10px #89e389;
|
||||||
|
-webkit-box-shadow: 0 0 10px #89e389;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .login:hover,
|
||||||
|
#home .right .login:focus {
|
||||||
|
border: 1px solid #419141;
|
||||||
|
box-shadow: 0 0 15px #72d071;
|
||||||
|
-moz-box-shadow: 0 0 15px #72d071;
|
||||||
|
-webkit-box-shadow: 0 0 15px #72d071;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .login:active {
|
||||||
|
background-color: #97e896;
|
||||||
|
background-position: 0 -80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .login span.text {
|
||||||
|
color: #2d612d;
|
||||||
|
text-shadow: 1px 1px 1px #5cb55c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .login span.home-images {
|
||||||
|
background-position: 0 -230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .register {
|
||||||
|
background-color: #f6ef82;
|
||||||
|
background-position: 0 -160px;
|
||||||
|
border: 1px solid #e3db56;
|
||||||
|
margin-top: 15px;
|
||||||
|
box-shadow: 0 0 15px #f1e968;
|
||||||
|
-moz-box-shadow: 0 0 15px #f1e968;
|
||||||
|
-webkit-box-shadow: 0 0 15px #f1e968;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .register:hover,
|
||||||
|
#home .right .register:focus {
|
||||||
|
border: 1px solid #d2c93f;
|
||||||
|
box-shadow: 0 0 15px #e0d743;
|
||||||
|
-moz-box-shadow: 0 0 15px #e0d743;
|
||||||
|
-webkit-box-shadow: 0 0 15px #e0d743;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .register:active {
|
||||||
|
background-color: #fdf7af;
|
||||||
|
background-position: 0 -240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .register span.text {
|
||||||
|
color: #6d6813;
|
||||||
|
text-shadow: 1px 1px 1px #dbd56e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .register span.home-images {
|
||||||
|
background-position: 0 -204px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right p.notice {
|
||||||
|
margin-top: 24px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation {
|
||||||
|
clear: both;
|
||||||
|
width: 385px;
|
||||||
|
border-top: 1px black dotted;
|
||||||
|
position: absolute;
|
||||||
|
text-align: right;
|
||||||
|
bottom: 25px;
|
||||||
|
right: 25px;
|
||||||
|
padding-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a {
|
||||||
|
margin-left: 9px;
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.9em;
|
||||||
|
height: 12px;
|
||||||
|
padding: 0 0 4px 20px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a:hover,
|
||||||
|
#home .right .navigation a:focus {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a.unencrypted {
|
||||||
|
background-position: 0 -256px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a.encrypted {
|
||||||
|
background-position: 0 -282px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a.project {
|
||||||
|
background-position: 0 -126px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a.manager {
|
||||||
|
background-position: 0 -152px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .right .navigation a.mobile {
|
||||||
|
background-position: 0 -178px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home a.advanced {
|
||||||
|
background-position: 0 -334px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
height: 16px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-left: 16px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home fieldset.advanced {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .anonymouser input[type=text] {
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .homediv.registerer .success a {
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home fieldset {
|
||||||
|
border: 1px solid black;
|
||||||
|
margin: 12px 0 12px 0;
|
||||||
|
padding: 5px 0 4px 0;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home legend {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
padding: 0 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home label {
|
||||||
|
width: 110px;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
margin: 0 0 5px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home input,
|
||||||
|
#home select {
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home input[type=text],
|
||||||
|
#home input[type=password],
|
||||||
|
#home select {
|
||||||
|
width: 140px;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home input[type=submit] {
|
||||||
|
min-width: 120px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home span.jid {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home input.nick, #home input.server {
|
||||||
|
width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .info {
|
||||||
|
padding: 6px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 62px;
|
||||||
|
right: 35px;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: dotted;
|
||||||
|
clear: both;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .info.success {
|
||||||
|
background-color: #aee578;
|
||||||
|
border-color: #85b05c;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .info.fail {
|
||||||
|
background-color: #f19d9d;
|
||||||
|
border-color: #b34f4f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .info.report {
|
||||||
|
background-color: #f3f48b;
|
||||||
|
border-color: #c9c66b;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .info.report span {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .notice.simple {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.7);
|
||||||
|
color: white;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 1px 0 black;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 8px 20px;
|
||||||
|
z-index: 100;
|
||||||
|
box-shadow: 0 0 25px #ababab;
|
||||||
|
-moz-box-shadow: 0 0 25px #ababab;
|
||||||
|
-webkit-box-shadow: 0 0 25px #ababab;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .notice.simple .title {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.4);
|
||||||
|
background-position: 8px -299px;
|
||||||
|
border-width: 0 1px 1px 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #141414;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 8px 8px 8px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .notice.simple .text {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
146
jappixmini/jappix/css/ie.css
Normal file
|
@ -0,0 +1,146 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are all the IE compliant CSS classes
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 22/04/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* rgba(255,255,255,0.9) */
|
||||||
|
.search ul {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edffffff,endColorstr=#edffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(255,255,255,0.3) */
|
||||||
|
a.finish:active,
|
||||||
|
#manager-buttons input:active,
|
||||||
|
#install-buttons input:active {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#49ffffff,endColorstr=#49ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(255,255,255,0.2) */
|
||||||
|
a.finish:hover,
|
||||||
|
a.finish:focus,
|
||||||
|
#manager-buttons input:hover,
|
||||||
|
#manager-buttons input:focus,
|
||||||
|
#install-buttons input:hover,
|
||||||
|
#install-buttons input:focus,
|
||||||
|
.notifications-content .one-notification:active {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(255,255,255,0.14) */
|
||||||
|
#home .locale .list a:active {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2fffffff,endColorstr=#2fffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(255,255,255,0.1) */
|
||||||
|
#home .locale .list a:hover,
|
||||||
|
#home .locale .list a:focus,
|
||||||
|
a.finish,
|
||||||
|
a.finish.disabled:hover,
|
||||||
|
a.finish.disabled:focus,
|
||||||
|
a.finish.disabled:active,
|
||||||
|
#manager-buttons input,
|
||||||
|
#install-buttons input,
|
||||||
|
.notifications-content .one-notification:hover,
|
||||||
|
.notifications-content .one-notification:focus {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(255,239,104,0.8) */
|
||||||
|
.popup .infos {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deffef68,endColorstr=#deffef68);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(225,160,20,0.3) */
|
||||||
|
.search ul li.hovered {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#46e1a014,endColorstr=#46e1a014);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(248,246,186,0.9) */
|
||||||
|
#board .one-board.info {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf8f6ba,endColorstr=#edf8f6ba);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(241,160,160,0.9) */
|
||||||
|
#board .one-board.error {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#edf1a0a0,endColorstr=#edf1a0a0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(234,234,234,0.8) */
|
||||||
|
#page-engine .chatstate {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deeaeaea,endColorstr=#deeaeaea);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(20,20,20,0.6) */
|
||||||
|
#home .locale,
|
||||||
|
#home .obsolete,
|
||||||
|
#home .notice.simple {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0141414,endColorstr=#a0141414);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(20,20,20,0.8) */
|
||||||
|
#home .main,
|
||||||
|
#reconnect .pane,
|
||||||
|
#my-infos,
|
||||||
|
#right-content,
|
||||||
|
#buddy-list,
|
||||||
|
#manager,
|
||||||
|
#install {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#de141414,endColorstr=#de141414);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(20,20,20,0.9) */
|
||||||
|
.popup {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ed141414,endColorstr=#ed141414);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(0,0,0,0.2) */
|
||||||
|
#install-top .step {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(0,0,0,0.6) */
|
||||||
|
.lock {
|
||||||
|
background: url(../img/others/lock.png) repeat !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rgba(0,0,0,0.8) */
|
||||||
|
#page-engine .tooltip-subitem,
|
||||||
|
.attach-subitem,
|
||||||
|
.buddy-infos-subitem,
|
||||||
|
.buddy-conf-subitem,
|
||||||
|
.tools-content-subitem {
|
||||||
|
background: transparent;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#de000000,endColorstr=#de000000);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix a fieldset padding bug */
|
||||||
|
legend {
|
||||||
|
margin-bottom: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix an opacity bug */
|
||||||
|
a.finish.disabled {
|
||||||
|
filter: alpha(opacity = 20) !important;
|
||||||
|
}
|
89
jappixmini/jappix/css/images.css
Normal file
|
@ -0,0 +1,89 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the images CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/01/12
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.body-images {
|
||||||
|
background-image: url(../img/sprites/background.png);
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-color: #93c5fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.install-images {
|
||||||
|
background-image: url(../img/sprites/install.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-images {
|
||||||
|
background-image: url(../img/sprites/home.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.browsers-images {
|
||||||
|
background-image: url(../img/sprites/browsers.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons-images {
|
||||||
|
background-image: url(../img/sprites/buttons.png);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.talk-images {
|
||||||
|
background-image: url(../img/sprites/talk.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smileys-images {
|
||||||
|
background-image: url(../img/sprites/smileys.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.welcome-images {
|
||||||
|
background-image: url(../img/sprites/welcome.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.me-images {
|
||||||
|
background-image: url(../img/sprites/me.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.manager-images {
|
||||||
|
background-image: url(../img/sprites/manager.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-images {
|
||||||
|
background-image: url(../img/sprites/mobile.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wait-small {
|
||||||
|
background-image: url(../img/wait/wait-small.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wait-medium {
|
||||||
|
background-image: url(../img/wait/wait-medium.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wait-big {
|
||||||
|
background-image: url(../img/wait/wait-big.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
}
|
202
jappixmini/jappix/css/inbox.css
Normal file
|
@ -0,0 +1,202 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the inbox CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 28/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#inbox .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .content p {
|
||||||
|
margin: 3px 10px;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-results {
|
||||||
|
height: 310px;
|
||||||
|
width: 620px;
|
||||||
|
margin: -5px 0 0 10px;
|
||||||
|
padding: 6px 0 0 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-unread {
|
||||||
|
background-color: #E9F1FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .one-message {
|
||||||
|
font-size: 0.9em;
|
||||||
|
border-bottom: 1px #b2c7cb solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-head {
|
||||||
|
padding: 6px 0 7px 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-head:hover {
|
||||||
|
background-color: #e9f1fd;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-head:active {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .one-message.message-reading,
|
||||||
|
#inbox .one-message.message-reading .message-head {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .avatar-container {
|
||||||
|
float: left;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 7px;
|
||||||
|
text-align: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .avatar {
|
||||||
|
max-width: 40px;
|
||||||
|
max-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-jid,
|
||||||
|
#inbox .message-subject {
|
||||||
|
float: left;
|
||||||
|
margin: 0 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-jid {
|
||||||
|
width: 165px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-subject {
|
||||||
|
width: 355px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-truncated {
|
||||||
|
color: #42646b;
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: 23px 0 0 49px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-body {
|
||||||
|
padding: 8px 5px 5px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-body a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-meta {
|
||||||
|
margin-top: 6px;
|
||||||
|
padding: 3px 4px;
|
||||||
|
border-top: 1px #b2c7cb dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-meta span.date {
|
||||||
|
color: #28474e;
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: 10px 0 0 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .message-meta a {
|
||||||
|
font-size: 0.98em;
|
||||||
|
margin: 5px;
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-noresults {
|
||||||
|
font-weight: bold;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .a-show-messages {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new {
|
||||||
|
display: none;
|
||||||
|
height: 300px;
|
||||||
|
width: 620px;
|
||||||
|
margin: -5px 0 0 10px;
|
||||||
|
padding: 16px 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-block {
|
||||||
|
border-top: 1px #686868 dotted;
|
||||||
|
padding-top: 9px;
|
||||||
|
min-height: 32px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-text {
|
||||||
|
float: left;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-textarea {
|
||||||
|
width: 460px;
|
||||||
|
height: 109px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new input {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-to ul {
|
||||||
|
width: 264px;
|
||||||
|
max-height: 168px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
left: 120px;
|
||||||
|
top: 31px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-to-input {
|
||||||
|
width: 260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-subject-input {
|
||||||
|
width: 380px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-file a {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-file a.file {
|
||||||
|
font-size: 0.85em;
|
||||||
|
height: 16px;
|
||||||
|
max-width: 320px;
|
||||||
|
margin: 3px 0 15px 013px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-file a.one-button {
|
||||||
|
font-size: 0.85em;
|
||||||
|
margin: -2px 0 0 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inbox .inbox-new-send a {
|
||||||
|
font-size: 0.85em;
|
||||||
|
float: right;
|
||||||
|
display: block;
|
||||||
|
}
|
285
jappixmini/jappix/css/install.css
Normal file
|
@ -0,0 +1,285 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the install CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 08/06/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
width: 800px;
|
||||||
|
margin: 35px auto;
|
||||||
|
padding-bottom: 17px;
|
||||||
|
border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install .clear {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install fieldset {
|
||||||
|
border: 1px solid black;
|
||||||
|
margin: 22px 0 15px 0;
|
||||||
|
padding: 7px 2px 5px 2px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install legend {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
padding: 0 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install label {
|
||||||
|
width: 200px;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
margin: 0 0 9px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input {
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input[type=text],
|
||||||
|
#install input[type=url],
|
||||||
|
#install input[type=password] {
|
||||||
|
margin-top: -2px;
|
||||||
|
padding: 3px;
|
||||||
|
font-size: 0.95em;
|
||||||
|
min-width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input.icon {
|
||||||
|
padding-left: 24px;
|
||||||
|
min-width: 199px;
|
||||||
|
max-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input.icon#user_name {
|
||||||
|
background-position: 4px -204px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input.icon#user_password {
|
||||||
|
background-position: 4px -226px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install input.icon#user_repassword {
|
||||||
|
background-position: 4px -248px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-top {
|
||||||
|
padding: 30px 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-top .logo {
|
||||||
|
background-position: 0 0;
|
||||||
|
min-width: 88px;
|
||||||
|
height: 36px;
|
||||||
|
padding: 32px 0 0 66px;
|
||||||
|
font-size: 32px;
|
||||||
|
color: white;
|
||||||
|
text-transform: lowercase;
|
||||||
|
float: left;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-top .step {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.2);
|
||||||
|
border: 2px solid white;
|
||||||
|
padding: 6px 21px;
|
||||||
|
font-size: 2.7em;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
float: right;
|
||||||
|
border-radius: 40px;
|
||||||
|
-moz-border-radius: 40px;
|
||||||
|
-webkit-border-radius: 40px;
|
||||||
|
box-shadow: 0 0 10px #202020;
|
||||||
|
-moz-box-shadow: 0 0 10px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 10px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-top .step span {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content {
|
||||||
|
background: #e4eef9;
|
||||||
|
background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 10px;
|
||||||
|
padding: 20px 24px;
|
||||||
|
min-height: 260px;
|
||||||
|
clear: both;
|
||||||
|
right: 10px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 20px #202020;
|
||||||
|
-moz-box-shadow: 0 0 20px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 20px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3 {
|
||||||
|
padding-left: 24px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.start {
|
||||||
|
background-position: 0 -73px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.storage {
|
||||||
|
background-position: 0 -95px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.account {
|
||||||
|
background-position: 0 -117px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.main {
|
||||||
|
background-position: 0 -139px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.hosts {
|
||||||
|
background-position: 0 -161px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content h3.services {
|
||||||
|
background-position: 0 -183px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content p {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info {
|
||||||
|
color: black;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: dashed;
|
||||||
|
padding: 6px 8px;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.smallspace {
|
||||||
|
margin: 14px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.bigspace {
|
||||||
|
margin: 35px 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.first {
|
||||||
|
margin-top: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.last {
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.neutral {
|
||||||
|
background-color: #f0f19d;
|
||||||
|
border-color: #b3ad4f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content a.info.neutral:hover,
|
||||||
|
#install-content a.info.neutral:focus {
|
||||||
|
background-color: #eced96;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content a.info.neutral:active {
|
||||||
|
background-color: #e9ea93;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.success {
|
||||||
|
background-color: #a8dca9;
|
||||||
|
border-color: #5e9f5f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content a.info.success:hover,
|
||||||
|
#install-content a.info.success:focus {
|
||||||
|
background-color: #a0d5a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content a.info.success:active {
|
||||||
|
background-color: #9ad09b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content .info.fail {
|
||||||
|
background-color: #f19d9d;
|
||||||
|
border-color: #b34f4f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content ol {
|
||||||
|
margin: 20px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-content ol li {
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-buttons {
|
||||||
|
margin-top: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-buttons input {
|
||||||
|
border: 1px solid white;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 8px;
|
||||||
|
margin-right: 20px;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
float: right;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 5px #202020;
|
||||||
|
-moz-box-shadow: 0 0 5px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 5px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-buttons input:hover,
|
||||||
|
#install-buttons input:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.2);
|
||||||
|
box-shadow: 0 0 15px #202020;
|
||||||
|
-moz-box-shadow: 0 0 15px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 15px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-buttons input:active {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
}
|
34
jappixmini/jappix/css/integratebox.css
Normal file
|
@ -0,0 +1,34 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the integratebox CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 06/11/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#integratebox .top {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#integratebox .content {
|
||||||
|
text-align: center;
|
||||||
|
height: 385px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#integratebox .one-media img {
|
||||||
|
max-height: 385px;
|
||||||
|
max-width: 640px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#integratebox .one-media a img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#integratebox .one-media audio {
|
||||||
|
margin-top: 170px;
|
||||||
|
}
|
148
jappixmini/jappix/css/jquery.datepicker.css
Normal file
|
@ -0,0 +1,148 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the datepicker CSS stylesheet
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 28/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
div.datepicker {
|
||||||
|
position: relative;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
width: 196px;
|
||||||
|
height: 147px;
|
||||||
|
position: absolute;
|
||||||
|
cursor: default;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerHidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker table {
|
||||||
|
border-collapse:collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker a {
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: default;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker table td {
|
||||||
|
text-align: right;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker th {
|
||||||
|
text-align: center;
|
||||||
|
color: #47646a;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker tbody th {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker tbody a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerDays a {
|
||||||
|
width: 20px;
|
||||||
|
line-height: 16px;
|
||||||
|
height: 16px;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerYears a,
|
||||||
|
.datepickerMonths a {
|
||||||
|
width: 44px;
|
||||||
|
line-height: 36px;
|
||||||
|
height: 36px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.datepickerNotInMonth {
|
||||||
|
background: #c7d1d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody.datepickerDays td.datepickerSelected {
|
||||||
|
background: #b0bdc1;
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody.datepickerYears td.datepickerSelected,
|
||||||
|
tbody.datepickerMonths td.datepickerSelected {
|
||||||
|
background: #9daaae;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker a:hover,
|
||||||
|
div.datepicker a:focus {
|
||||||
|
color: #3d7682;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datepicker tbody th {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerSpace div {
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerGoNext a,
|
||||||
|
.datepickerGoPrev a,
|
||||||
|
.datepickerMonth a {
|
||||||
|
text-align: center;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerGoNext a {
|
||||||
|
float: right;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datepickerGoPrev a {
|
||||||
|
float: left;
|
||||||
|
width: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.datepickerViewDays tbody.datepickerMonths,
|
||||||
|
table.datepickerViewDays tbody.datepickerYears {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.datepickerViewMonths tbody.datepickerDays,
|
||||||
|
table.datepickerViewMonths tbody.datepickerYears,
|
||||||
|
table.datepickerViewMonths tr.datepickerDoW {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.datepickerViewYears tbody.datepickerDays,
|
||||||
|
table.datepickerViewYears tbody.datepickerMonths,
|
||||||
|
table.datepickerViewYears tr.datepickerDoW {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.datepickerDisabled a,
|
||||||
|
td.datepickerDisabled.datepickerNotInMonth a {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.datepickerSpecial a {
|
||||||
|
background: #700;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.datepickerSpecial.datepickerSelected a {
|
||||||
|
background: #a00;
|
||||||
|
}
|
131
jappixmini/jappix/css/main.css
Normal file
|
@ -0,0 +1,131 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the main CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 05/10/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font: normal 14.4px Helvetica, Verdana, sans-serif;
|
||||||
|
text-shadow: 0 0 5px white;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
outline-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
a:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
textarea {
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #636363;
|
||||||
|
font-size: 0.95em;
|
||||||
|
padding: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
box-shadow: inset 0 3px 10px #dcdcdc;
|
||||||
|
-moz-box-shadow: inset 0 3px 10px #dcdcdc;
|
||||||
|
-webkit-box-shadow: inset 0 3px 10px #dcdcdc;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:focus,
|
||||||
|
input[type=submit]:hover,
|
||||||
|
input[type=reset]:hover,
|
||||||
|
textarea:focus {
|
||||||
|
border: 1px solid #e1a014;
|
||||||
|
box-shadow: inset 0 3px 10px #edd9bc;
|
||||||
|
-moz-box-shadow: inset 0 3px 10px #edd9bc;
|
||||||
|
-webkit-box-shadow: inset 0 3px 10px #edd9bc;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit],
|
||||||
|
input[type=reset] {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=submit]:active,
|
||||||
|
input[type=reset]:active {
|
||||||
|
box-shadow: inset 0 3px 15px #e1a753;
|
||||||
|
-moz-box-shadow: inset 0 3px 15px #e1a753;
|
||||||
|
-webkit-box-shadow: inset 0 3px 15px #e1a753;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[disabled],
|
||||||
|
textarea[disabled] {
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
border: 1px solid #989898;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:placeholder {
|
||||||
|
color: #67787c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:-moz-placeholder {
|
||||||
|
color: #67787c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input::-webkit-input-placeholder {
|
||||||
|
color: #67787c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.placeholder {
|
||||||
|
color: #67787c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox] {
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox],
|
||||||
|
input[type=radio] {
|
||||||
|
background: transparent none !important;
|
||||||
|
border: 0 none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.please-complete,
|
||||||
|
.please-complete:hover,
|
||||||
|
.please-complete:focus {
|
||||||
|
border: 1px #ac2525 solid !important;
|
||||||
|
box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||||
|
-moz-box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||||
|
-webkit-box-shadow: inset 0 3px 10px #f39c9c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
clear: both !important;
|
||||||
|
}
|
543
jappixmini/jappix/css/manager.css
Normal file
|
@ -0,0 +1,543 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the manager CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 31/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#manager {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
width: 945px;
|
||||||
|
margin: 0 auto 25px;
|
||||||
|
padding-bottom: 17px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
-moz-border-radius-bottomleft: 4px;
|
||||||
|
-moz-border-radius-bottomright: 4px;
|
||||||
|
-webkit-border-bottom-left-radius: 4px;
|
||||||
|
-webkit-border-bottom-right-radius: 4px;
|
||||||
|
box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 35px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager a {
|
||||||
|
color: black;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager .clear {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager fieldset {
|
||||||
|
border: 1px solid black;
|
||||||
|
margin: 22px 0 15px 0;
|
||||||
|
padding: 7px 2px 5px 2px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager legend {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
padding: 0 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager label {
|
||||||
|
width: 200px;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
margin: 0 0 9px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager label.master {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input,
|
||||||
|
#manager select {
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input[type=radio] {
|
||||||
|
margin: 2px 8px 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input[type=text],
|
||||||
|
#manager input[type=url],
|
||||||
|
#manager input[type=password],
|
||||||
|
#manager select {
|
||||||
|
margin-top: -2px;
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input[type=text],
|
||||||
|
#manager input[type=url],
|
||||||
|
#manager input[type=password] {
|
||||||
|
padding: 3px;
|
||||||
|
min-width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon {
|
||||||
|
padding-left: 24px;
|
||||||
|
min-width: 199px;
|
||||||
|
max-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#admin_name {
|
||||||
|
background-position: 4px -510px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#admin_password,
|
||||||
|
#manager input.icon#user_repassword {
|
||||||
|
background-position: 4px -532px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#user_name,
|
||||||
|
#manager input.icon#music_artist {
|
||||||
|
background-position: 4px -554px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#user_password {
|
||||||
|
background-position: 4px -576px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#music_title {
|
||||||
|
background-position: 4px -598px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#music_album {
|
||||||
|
background-position: 4px -620px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager input.icon#background_image_color,
|
||||||
|
#manager input.icon#background_color_color {
|
||||||
|
background-position: 4px -641px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager select {
|
||||||
|
min-width: 160px;
|
||||||
|
max-width: 230px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top {
|
||||||
|
padding: 25px 45px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .logo {
|
||||||
|
background-position: 0 0;
|
||||||
|
min-width: 89px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 28px 0 0 65px;
|
||||||
|
font-size: 32px;
|
||||||
|
color: white;
|
||||||
|
text-transform: lowercase;
|
||||||
|
float: left;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta {
|
||||||
|
background-color: #e0eaec;
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 12px 7px 12px 14px;
|
||||||
|
float: right;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 10px #202020;
|
||||||
|
-moz-box-shadow: 0 0 10px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 10px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta span {
|
||||||
|
margin-right: 10px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta a {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
border: 1px solid #b9cbcf;
|
||||||
|
color: #224249;
|
||||||
|
padding: 4px 8px 4px 21px;
|
||||||
|
margin-left: 2px;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta a:hover,
|
||||||
|
#manager-top .meta a:focus {
|
||||||
|
border: 1px solid #95b1b7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta a:active {
|
||||||
|
border: 1px solid #77989f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta a.logout {
|
||||||
|
background-position: 3px -69px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-top .meta a.close {
|
||||||
|
background-position: 3px -90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-tabs {
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-tabs a {
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
color: #204249;
|
||||||
|
width: 107px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 4px 4px 4px 16px;
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: 0.94em;
|
||||||
|
text-decoration: none;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-tabs a:hover,
|
||||||
|
#manager-tabs a:focus {
|
||||||
|
background-color: #cedee1;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-tabs a:active {
|
||||||
|
background-color: #c3d3d7;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-tabs a.tab-active {
|
||||||
|
background-color: #e4eef9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content {
|
||||||
|
background: #e4eef9;
|
||||||
|
background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 10px;
|
||||||
|
padding: 20px 24px;
|
||||||
|
min-height: 260px;
|
||||||
|
clear: both;
|
||||||
|
right: 10px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 20px #202020;
|
||||||
|
-moz-box-shadow: 0 0 20px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 20px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3 {
|
||||||
|
padding-left: 24px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.login {
|
||||||
|
background-position: 0 -466px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.statistics {
|
||||||
|
background-position: 0 -203px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.configuration {
|
||||||
|
background-position: 0 -224px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.hosts {
|
||||||
|
background-position: 0 -246px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.storage {
|
||||||
|
background-position: 0 -268px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.design {
|
||||||
|
background-position: 0 -290px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.users {
|
||||||
|
background-position: 0 -312px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h3.updates {
|
||||||
|
background-position: 0 -334px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content h4 {
|
||||||
|
border-top: 1px dotted black;
|
||||||
|
padding-top: 5px;
|
||||||
|
margin: 20px 0 14px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content ul,
|
||||||
|
#manager-content ol {
|
||||||
|
width: 380px;
|
||||||
|
margin: 8px 0 20px 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content li {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content li.total {
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content li b {
|
||||||
|
width: 190px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content li span {
|
||||||
|
margin-left: 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content ul.stats,
|
||||||
|
#manager-content ol.stats {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content object.stats {
|
||||||
|
border: 1px dotted #bed4d9;
|
||||||
|
width: 450px;
|
||||||
|
height: 270px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content p,
|
||||||
|
#manager-content div {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info {
|
||||||
|
color: black;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: dashed;
|
||||||
|
padding: 6px 8px;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.bottomspace {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.smallspace {
|
||||||
|
margin: 14px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.bigspace {
|
||||||
|
margin: 35px 0 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.neutral {
|
||||||
|
background-color: #f0f19d;
|
||||||
|
border-color: #b3ad4f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.neutral:hover,
|
||||||
|
#manager-content a.info.neutral:focus {
|
||||||
|
background-color: #eced96;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.neutral:active {
|
||||||
|
background-color: #e9ea93;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.success {
|
||||||
|
background-color: #a8dca9;
|
||||||
|
border-color: #5e9f5f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.success:hover,
|
||||||
|
#manager-content a.info.success:focus {
|
||||||
|
background-color: #a0d5a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.success:active {
|
||||||
|
background-color: #9ad09b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .info.fail {
|
||||||
|
background-color: #f19d9d;
|
||||||
|
border-color: #b34f4f;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.fail:hover,
|
||||||
|
#manager-content a.info.fail:focus {
|
||||||
|
background-color: #ea9595;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content a.info.fail:active {
|
||||||
|
background-color: #e59090;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse {
|
||||||
|
margin: 2px 0 6px;
|
||||||
|
max-height: 243px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .one-browse {
|
||||||
|
padding: 5px 10px 5px 34px;
|
||||||
|
height: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .user {
|
||||||
|
background-position: 9px -111px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .other {
|
||||||
|
background-position: 9px -133px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .folder {
|
||||||
|
background-position: 9px -178px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .audio {
|
||||||
|
background-position: 9px -154px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .alert {
|
||||||
|
background-position: 9px -353px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .image {
|
||||||
|
background-position: 9px -374px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .video {
|
||||||
|
background-position: 9px -397px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .document {
|
||||||
|
background-position: 9px -418px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .package {
|
||||||
|
background-position: 9px -441px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .previous {
|
||||||
|
background-position: 9px -485px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse div {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse input {
|
||||||
|
float: right;
|
||||||
|
margin: 1px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .odd {
|
||||||
|
background-color: #e9f1fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .browse .even {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .sub {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
margin: 5px 0 20px 22px;
|
||||||
|
padding-left: 12px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager span.logo_links a {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 6px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager span.logo_links a.remove {
|
||||||
|
background-position: 0 -688px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager span.logo_links a.view {
|
||||||
|
background-position: 0 -666px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content .clear {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-content textarea.notice-text {
|
||||||
|
height: 70px;
|
||||||
|
width: 600px;
|
||||||
|
margin-left: 4px;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-buttons {
|
||||||
|
margin-top: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-buttons input {
|
||||||
|
border: 1px solid white;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 8px;
|
||||||
|
margin-left: -12px;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-size: 1em;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
float: right;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 5px #202020;
|
||||||
|
-moz-box-shadow: 0 0 5px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 5px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-buttons input:hover,
|
||||||
|
#manager-buttons input:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.2);
|
||||||
|
box-shadow: 0 0 15px #202020;
|
||||||
|
-moz-box-shadow: 0 0 15px #202020;
|
||||||
|
-webkit-box-shadow: 0 0 15px #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#manager-buttons input:active {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
}
|
49
jappixmini/jappix/css/me.css
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Jappix Me tool CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/01/12
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#me .content {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me .logo {
|
||||||
|
background-position: 0 0;
|
||||||
|
width: 300px;
|
||||||
|
height: 61px;
|
||||||
|
margin: 20px auto 0 auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me .infos {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me .infos p {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me .infos p.infos-title {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me .infos a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#me a.go {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 300px;
|
||||||
|
margin: 30px auto 0 auto;
|
||||||
|
padding: 8px 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
73
jappixmini/jappix/css/mini-ie.css
Normal file
|
@ -0,0 +1,73 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Jappix Mini legacy IE CSS stylesheet
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 20/03/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#jappix_mini {
|
||||||
|
width: expression(document.documentElement.clientWidth - 150 + 'px') !important;
|
||||||
|
position: absolute !important;
|
||||||
|
bottom: auto !important;
|
||||||
|
right: auto !important;
|
||||||
|
top: expression(((document.documentElement.clientHeight - this.offsetHeight) + (ignoreMiniTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px') !important;
|
||||||
|
left: expression((150 + this.offsetWidth - (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + (ignoreMiniLeft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px') !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_images {
|
||||||
|
background-image: url(../img/sprites/mini.gif) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_images_animate {
|
||||||
|
background-image: url(../img/sprites/animate.gif) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_button {
|
||||||
|
width: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster {
|
||||||
|
right: -1px !important;
|
||||||
|
bottom: 23px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster div.jm_buddies {
|
||||||
|
height: expression(this.scrollHeight > (document.documentElement.clientHeight - 70) ? (document.documentElement.clientHeight - 70) + 'px' : 'auto') !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_pane {
|
||||||
|
height: 12px !important;
|
||||||
|
overflow-y: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_button.jm_clicked {
|
||||||
|
background-image: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_conversations a.jm_clicked {
|
||||||
|
border-right: none !important;
|
||||||
|
padding: 7px 6px 6px 6px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_chat-content {
|
||||||
|
bottom: 23px !important;
|
||||||
|
right: -2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup {
|
||||||
|
height: expression(document.documentElement.clientHeight + 'px') !important;
|
||||||
|
width: expression(document.documentElement.clientWidth + 'px') !important;
|
||||||
|
position: absolute !important;
|
||||||
|
top: expression(((ignorePopupTop = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px') !important;
|
||||||
|
left: expression(((ignorePopupLeft = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px') !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt {
|
||||||
|
position: absolute !important;
|
||||||
|
}
|
540
jappixmini/jappix/css/mini.css
Normal file
|
@ -0,0 +1,540 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Jappix Mini CSS stylesheet
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Authors: Vanaryon, Julien
|
||||||
|
Last revision: 16/01/12
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#jappix_mini,
|
||||||
|
#jappix_popup {
|
||||||
|
font: normal 11px helvetica, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini {
|
||||||
|
margin-left: 130px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
right: 20px;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini *,
|
||||||
|
#jappix_popup * {
|
||||||
|
border: none;
|
||||||
|
color: black;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: visible;
|
||||||
|
font-size: 11px;
|
||||||
|
text-align: left;
|
||||||
|
text-transform: none;
|
||||||
|
text-shadow: none;
|
||||||
|
opacity: 1.0;
|
||||||
|
border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
-moz-box-shadow: none;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_images {
|
||||||
|
background-image: url(../img/sprites/mini.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_images_animate {
|
||||||
|
background-image: url(../img/sprites/animate.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a {
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_position {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_pane {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-position: 0 -100px;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #999999;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px 1px 0 1px;
|
||||||
|
font-weight: bold;
|
||||||
|
outline-style: none;
|
||||||
|
display: block;
|
||||||
|
padding: 6px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_pane:hover {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_pane:hover,
|
||||||
|
#jappix_mini a.jm_pane:focus {
|
||||||
|
border-color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_starter,
|
||||||
|
#jappix_mini div.jm_conversations,
|
||||||
|
#jappix_mini div.jm_conversation {
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_conversation {
|
||||||
|
width: 153px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab {
|
||||||
|
border-width: 1px 0 0 1px;
|
||||||
|
width: 140px;
|
||||||
|
float: right;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab.jm_clicked {
|
||||||
|
background: white;
|
||||||
|
position: relative;
|
||||||
|
border-top: none;
|
||||||
|
border-left: 1px solid #999999;
|
||||||
|
padding-top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify {
|
||||||
|
position: absolute;
|
||||||
|
top: 6px;
|
||||||
|
right: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left {
|
||||||
|
background-position: 0 -360px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
|
||||||
|
background-position: -7px -360px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_left,
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_right {
|
||||||
|
height: 16px;
|
||||||
|
width: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_chat-tab span.jm_notify span.jm_notify_middle {
|
||||||
|
background-color: #c60505;
|
||||||
|
color: white;
|
||||||
|
font-size: 0.85em;
|
||||||
|
height: 14px;
|
||||||
|
padding-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_conversation.jm_type_groupchat span.jm_name {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_chat-content {
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #999999;
|
||||||
|
height: 300px;
|
||||||
|
width: 260px;
|
||||||
|
position: absolute;
|
||||||
|
right: -1px;
|
||||||
|
bottom: 25px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions {
|
||||||
|
background-color: #565d5e;
|
||||||
|
border-bottom: 1px solid #3a3a3a;
|
||||||
|
height: 14px;
|
||||||
|
padding: 4px 6px;
|
||||||
|
font-weight: bold;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions span.jm_nick {
|
||||||
|
color: white;
|
||||||
|
height: 16px;
|
||||||
|
width: 225px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_one-action {
|
||||||
|
background-color: #727879;
|
||||||
|
margin: 0 -2px 0 5px;
|
||||||
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
outline-style: none;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_one-action:hover,
|
||||||
|
#jappix_mini div.jm_actions a.jm_one-action:focus {
|
||||||
|
background-color: #7f8788;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_one-action:active {
|
||||||
|
background-color: #8c9293;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_logo {
|
||||||
|
background-position: 7px 2px;
|
||||||
|
width: 81px;
|
||||||
|
height: 22px;
|
||||||
|
margin: -4px 0 0 -2px;
|
||||||
|
outline-style: none;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_logo:hover,
|
||||||
|
#jappix_mini div.jm_actions a.jm_logo:focus {
|
||||||
|
background-color: #636a6b;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_logo:active {
|
||||||
|
background-color: #707677;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_close {
|
||||||
|
background-position: 1px -341px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_actions a.jm_join {
|
||||||
|
background-position: 0 -327px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages {
|
||||||
|
background-color: white;
|
||||||
|
padding: 5px 0 4px;
|
||||||
|
height: 242px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages p {
|
||||||
|
margin: 3px 0;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages p,
|
||||||
|
#jappix_mini div.jm_received-messages a {
|
||||||
|
color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages div.jm_group {
|
||||||
|
margin: 2px 6px 9px 6px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
border-bottom: 1px solid #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages div.jm_system-message p,
|
||||||
|
#jappix_mini div.jm_received-messages div.jm_system-message a {
|
||||||
|
color: #053805 !important;
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages p a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages b {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages b.jm_me {
|
||||||
|
color: #123a5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages b.jm_him {
|
||||||
|
color: #801e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages span.jm_date {
|
||||||
|
font-size: 0.8em;
|
||||||
|
float: right;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_received-messages div.jm_group:hover span.jm_date {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini input.jm_send-messages {
|
||||||
|
background-color: white;
|
||||||
|
border-color: #999999;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px 0 0 0;
|
||||||
|
padding: 5px;
|
||||||
|
width: 250px;
|
||||||
|
min-height: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_disabled div.jm_chat-content,
|
||||||
|
#jappix_mini div.jm_disabled input.jm_send-messages,
|
||||||
|
#jappix_mini div.jm_disabled a.jm_pane {
|
||||||
|
background: #f3f3f3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_disabled input.jm_send-messages {
|
||||||
|
color: #9d9d9d;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster {
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #999999;
|
||||||
|
width: 160px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: 25px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster div.jm_buddies {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 300px;
|
||||||
|
padding: 5px 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster div.jm_grouped {
|
||||||
|
margin: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini div.jm_roster div.jm_grouped div.jm_name {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
padding: 4px 8px 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_friend {
|
||||||
|
border-color: white;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px 0;
|
||||||
|
outline-style: none;
|
||||||
|
padding: 6px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_friend.jm_offline {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_friend:hover,
|
||||||
|
#jappix_mini a.jm_friend:focus {
|
||||||
|
background-color: #888888;
|
||||||
|
border-color: #494949;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_friend:hover span.jm_presence,
|
||||||
|
#jappix_mini a.jm_friend:focus span.jm_presence {
|
||||||
|
background-position: 0 -84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_button {
|
||||||
|
padding: 6px 10px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini a.jm_button.jm_clicked {
|
||||||
|
background: white;
|
||||||
|
border-top: none;
|
||||||
|
border-left: 1px solid #999999;
|
||||||
|
border-right: 1px solid #999999;
|
||||||
|
padding: 7px 10px 6px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini span.jm_animate {
|
||||||
|
background-position: 0 0;
|
||||||
|
width: 111px;
|
||||||
|
height: 102px;
|
||||||
|
position: absolute;
|
||||||
|
top: -100px;
|
||||||
|
left: -74px;
|
||||||
|
z-index: 1;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini span.jm_counter {
|
||||||
|
background-position: 0 -288px;
|
||||||
|
color: #333333;
|
||||||
|
height: 16px;
|
||||||
|
padding-left: 25px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini span.jm_counter.jm_error {
|
||||||
|
background-position: 0 -305px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini span.jm_presence {
|
||||||
|
display: block;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin-right: 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini span.jm_name {
|
||||||
|
color: #272727;
|
||||||
|
height: 14px;
|
||||||
|
width: 105px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_available,
|
||||||
|
#jappix_mini .jm_chat {
|
||||||
|
background-position: 0 -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_away {
|
||||||
|
background-position: 0 -36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_xa,
|
||||||
|
#jappix_mini .jm_dnd {
|
||||||
|
background-position: 0 -52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_unavailable {
|
||||||
|
background-position: 0 -68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley {
|
||||||
|
border: 0 none;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-wink {
|
||||||
|
background-position: 0 -148px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-waii {
|
||||||
|
background-position: 0 -164px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-unhappy {
|
||||||
|
background-position: 0 -180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-tongue {
|
||||||
|
background-position: 0 -196px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-surprised {
|
||||||
|
background-position: 0 -212px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-smile {
|
||||||
|
background-position: 0 -228px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-happy {
|
||||||
|
background-position: 0 -244px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_mini .jm_smiley-grin {
|
||||||
|
background-position: 0 -260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup {
|
||||||
|
background: url(../img/others/blank.gif) repeat;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt {
|
||||||
|
background-color: #565d5e;
|
||||||
|
border: 1px solid #3a3a3a;
|
||||||
|
width: 346px;
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -175px;
|
||||||
|
padding: 16px 2px 2px 2px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
-moz-border-radius-topright: 4px;
|
||||||
|
-moz-border-radius-topleft: 4px;
|
||||||
|
-webkit-border-top-right-radius: 4px;
|
||||||
|
-webkit-border-top-left-radius: 4px;
|
||||||
|
box-shadow: 0 0 35px #232323;
|
||||||
|
-moz-box-shadow: 0 0 35px #232323;
|
||||||
|
-webkit-box-shadow: 0 0 35px #232323;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form {
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #3a3a3a;
|
||||||
|
width: 332px;
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border: 1px solid #666666;
|
||||||
|
font-size: 1.1em;
|
||||||
|
padding: 1px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input:hover,
|
||||||
|
#jappix_popup div.jm_prompt form input:focus {
|
||||||
|
border: 1px solid #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input.jm_text {
|
||||||
|
width: 326px;
|
||||||
|
margin: 6px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input.jm_submit {
|
||||||
|
text-align: center;
|
||||||
|
margin-left: 3px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input.jm_submit:hover,
|
||||||
|
#jappix_popup div.jm_prompt form input.jm_submit:focus {
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt form input.jm_submit:active {
|
||||||
|
background-color: #e8e8e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#jappix_popup div.jm_prompt div.jm_clear {
|
||||||
|
clear: both;
|
||||||
|
}
|
288
jappixmini/jappix/css/mobile.css
Normal file
|
@ -0,0 +1,288 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Jappix Mobile CSS stylesheet
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 05/10/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* BEGIN GENERAL STYLE */
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font: normal 14.4px Helvetica, Verdana, sans-serif;
|
||||||
|
background-color: #dcdcdc;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 200px;
|
||||||
|
min-height: 260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END GENERAL STYLE */
|
||||||
|
|
||||||
|
/* BEGIN HEADER STYLE */
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #2d2d2d;
|
||||||
|
border-bottom: 1px solid #6d6d6d;
|
||||||
|
color: #405964;
|
||||||
|
padding: 6px 0;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header div {
|
||||||
|
background-position: 0 0;
|
||||||
|
width: 83px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END HEADER STYLE */
|
||||||
|
|
||||||
|
/* BEGIN HOME STYLE */
|
||||||
|
|
||||||
|
#home .header div {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .notification {
|
||||||
|
padding: 2px;
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#noscript {
|
||||||
|
background: #86a2ff;
|
||||||
|
border-bottom: 1px solid #5890d6;
|
||||||
|
color: #1e4b82;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error {
|
||||||
|
background: #ff8686;
|
||||||
|
border-bottom: 1px solid #d65858;
|
||||||
|
color: #821e1e;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#info {
|
||||||
|
background: #f3eba7;
|
||||||
|
border-bottom: 1px solid #d9d085;
|
||||||
|
color: #5e5616;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login {
|
||||||
|
padding: 8px 0;
|
||||||
|
margin: 30px 0 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login input {
|
||||||
|
margin-top: 5px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login input.xid,
|
||||||
|
#home .login input.password {
|
||||||
|
display: block;
|
||||||
|
margin: 4px auto;
|
||||||
|
font-size: 0.85em;
|
||||||
|
padding: 4px;
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #636363;
|
||||||
|
width: 150px;
|
||||||
|
padding-left: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login input.xid {
|
||||||
|
background-position: 4px -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login input.password {
|
||||||
|
background-position: 4px -53px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login label {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home .login label input {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home a {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END HOME STYLE */
|
||||||
|
|
||||||
|
/* BEGIN TALK STYLE */
|
||||||
|
|
||||||
|
#talk .header div,
|
||||||
|
#chat .header div {
|
||||||
|
float: left;
|
||||||
|
margin-left: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk .header button,
|
||||||
|
#chat .header button {
|
||||||
|
float: right;
|
||||||
|
margin-right: 7px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.one-buddy {
|
||||||
|
display: none;
|
||||||
|
background-color: #87a5ab;
|
||||||
|
border-bottom: 1px solid #5b8088;
|
||||||
|
text-shadow: 1px 1px 1px #5b8088;
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
outline-style: none;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.one-buddy:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.available,
|
||||||
|
#talk a.chat {
|
||||||
|
background-color: #83b187;
|
||||||
|
border-bottom: 1px solid #4d8252;
|
||||||
|
text-shadow: 1px 1px 1px #4d8252;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.available:hover,
|
||||||
|
#talk a.chat:hover,
|
||||||
|
#talk a.available:focus,
|
||||||
|
#talk a.chat:focus {
|
||||||
|
background-color: #89c68e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.available:active,
|
||||||
|
#talk a.chat:active {
|
||||||
|
background-color: #90d496;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.away {
|
||||||
|
background-color: #e0be7b;
|
||||||
|
border-bottom: 1px solid #ae8941;
|
||||||
|
text-shadow: 1px 1px 1px #ae8941;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.away:hover,
|
||||||
|
#talk a.away:focus {
|
||||||
|
background-color: #eac784;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.away:active {
|
||||||
|
background-color: #f3d294;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.xa,
|
||||||
|
#talk a.dnd {
|
||||||
|
background-color: #db8989;
|
||||||
|
border-bottom: 1px solid #a24343;
|
||||||
|
text-shadow: 1px 1px 1px #a24343;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.xa:hover,
|
||||||
|
#talk a.dnd:hover,
|
||||||
|
#talk a.xa:focus,
|
||||||
|
#talk a.dnd:focus {
|
||||||
|
background-color: #e89797;
|
||||||
|
}
|
||||||
|
|
||||||
|
#talk a.xa:active,
|
||||||
|
#talk a.dnd:active {
|
||||||
|
background-color: #ef9f9f;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END TALK STYLE */
|
||||||
|
|
||||||
|
/* BEGIN CHAT STYLE */
|
||||||
|
|
||||||
|
#chat {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat,
|
||||||
|
#chat .one-chat p,
|
||||||
|
#chat .one-chat div,
|
||||||
|
#chat .one-chat input {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat {
|
||||||
|
top: 43px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat p {
|
||||||
|
background-color: #87a5ab;
|
||||||
|
border-bottom: 1px solid #5b8088;
|
||||||
|
text-shadow: 1px 1px 1px #5b8088;
|
||||||
|
color: white;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 18px;
|
||||||
|
padding: 2px 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat div {
|
||||||
|
border-bottom: 1px solid #cbcbcb;
|
||||||
|
top: 23px;
|
||||||
|
left: 0;
|
||||||
|
bottom: 25px;
|
||||||
|
overflow: auto;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat span {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.85em;
|
||||||
|
margin: 4px 6px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat b {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat b.me {
|
||||||
|
color: #123a5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat b.him {
|
||||||
|
color: #801e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat input {
|
||||||
|
background-color: white;
|
||||||
|
bottom: 0;
|
||||||
|
height: 25px;
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat .one-chat input.submit {
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* END CHAT STYLE */
|
91
jappixmini/jappix/css/mucadmin.css
Normal file
|
@ -0,0 +1,91 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the mucadmin CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 11/05/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#mucadmin .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .content p {
|
||||||
|
margin: 5px 10px 5px 10px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-head-jid {
|
||||||
|
text-decoration: underline;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: right;
|
||||||
|
margin: 1px 4px 1px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-forms {
|
||||||
|
height: 310px;
|
||||||
|
width: 620px;
|
||||||
|
margin: -5px 0 0 10px;
|
||||||
|
padding: 6px 0 0 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-forms label {
|
||||||
|
width: 260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-topic label,
|
||||||
|
#mucadmin .mucadmin-aut label,
|
||||||
|
#mucadmin .mucadmin-others label {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-forms textarea {
|
||||||
|
height: 60px;
|
||||||
|
width: 300px;
|
||||||
|
margin: 5px 12px 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .results {
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
overflow: visible;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .aut-group {
|
||||||
|
float: left;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .one-aut {
|
||||||
|
clear: both;
|
||||||
|
margin: 0 10px 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .aut-add {
|
||||||
|
clear: both;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .aut-remove {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .aut-remove:hover,
|
||||||
|
#mucadmin .aut-remove:focus {
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mucadmin .mucadmin-others a {
|
||||||
|
float: left;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
330
jappixmini/jappix/css/myinfos.css
Normal file
|
@ -0,0 +1,330 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the my-infos CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 31/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#my-infos {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
color: #919191;
|
||||||
|
margin-top: 8px;
|
||||||
|
padding: 15px 6px 6px 6px;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .content {
|
||||||
|
background: #e8f1f3;
|
||||||
|
background: -moz-linear-gradient(top, #e4edef, #e8f1f3);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e4edef), to(#e8f1f3));
|
||||||
|
color: #919191;
|
||||||
|
max-height: 140px;
|
||||||
|
padding: 1px 0;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element {
|
||||||
|
height: 24px;
|
||||||
|
margin: 6px 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon {
|
||||||
|
background-color: white;
|
||||||
|
border-color: #636363;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
margin-left: 6px;
|
||||||
|
height: 22px;
|
||||||
|
width: 25px;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element div.bubble a {
|
||||||
|
width: 100%;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon:hover,
|
||||||
|
#my-infos .element div.bubble a:hover {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon:active,
|
||||||
|
#my-infos .element div.bubble a:active {
|
||||||
|
background-color: #ededed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-presence div.bubble a[data-value=available] {
|
||||||
|
background-position: 4px -167px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-presence div.bubble a[data-value=away] {
|
||||||
|
background-position: 4px -183px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-presence div.bubble a[data-value=xa] {
|
||||||
|
background-position: 4px -199px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=crazy] {
|
||||||
|
background-position: 4px -296px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=excited] {
|
||||||
|
background-position: 4px -314px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=playful] {
|
||||||
|
background-position: 4px -332px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=happy] {
|
||||||
|
background-position: 4px -350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=shocked] {
|
||||||
|
background-position: 4px -368px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=hot] {
|
||||||
|
background-position: 4px -386px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=sad] {
|
||||||
|
background-position: 4px -404px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=amorous] {
|
||||||
|
background-position: 4px -422px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood div.bubble a[data-value=confident] {
|
||||||
|
background-position: 4px -440px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value] span {
|
||||||
|
background-position: 0 -352px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=crazy] span,
|
||||||
|
.mood-one {
|
||||||
|
background-position: 0 -298px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=excited] span,
|
||||||
|
.mood-two {
|
||||||
|
background-position: 0 -316px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=playful] span,
|
||||||
|
.mood-three {
|
||||||
|
background-position: 0 -334px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=happy] span,
|
||||||
|
.mood-four {
|
||||||
|
background-position: 0 -352px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=shocked] span,
|
||||||
|
.mood-five {
|
||||||
|
background-position: 0 -370px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=hot] span,
|
||||||
|
.mood-six {
|
||||||
|
background-position: 0 -388px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=sad] span,
|
||||||
|
.mood-seven {
|
||||||
|
background-position: 0 -406px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=amorous] span,
|
||||||
|
.mood-eight {
|
||||||
|
background-position: 0 -424px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-mood a[data-value=confident] span,
|
||||||
|
.mood-nine {
|
||||||
|
background-position: 0 -442px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=doing_chores] {
|
||||||
|
background-position: 4px -458px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=drinking] {
|
||||||
|
background-position: 4px -476px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=eating] {
|
||||||
|
background-position: 4px -494px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=exercising] {
|
||||||
|
background-position: 4px -512px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=grooming] {
|
||||||
|
background-position: 4px -548px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=having_appointment] {
|
||||||
|
background-position: 4px -566px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=inactive] {
|
||||||
|
background-position: 4px -530px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=relaxing] {
|
||||||
|
background-position: 4px -620px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=talking] {
|
||||||
|
background-position: 4px -602px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=traveling] {
|
||||||
|
background-position: 4px -584px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity div.bubble a[data-value=working] {
|
||||||
|
background-position: 4px -638px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value] span {
|
||||||
|
background-position: 0 -514px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=doing_chores] span,
|
||||||
|
.activity-doing_chores {
|
||||||
|
background-position: 0 -460px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=drinking] span,
|
||||||
|
.activity-drinking {
|
||||||
|
background-position: 0 -478px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=eating] span,
|
||||||
|
.activity-eating {
|
||||||
|
background-position: 0 -496px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=exercising] span,
|
||||||
|
.activity-exercising {
|
||||||
|
background-position: 0 -514px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=grooming] span,
|
||||||
|
.activity-grooming {
|
||||||
|
background-position: 0 -550px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=having_appointment] span,
|
||||||
|
.activity-having_appointment {
|
||||||
|
background-position: 0 -568px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=inactive] span,
|
||||||
|
.activity-inactive {
|
||||||
|
background-position: 0 -532px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=relaxing] span,
|
||||||
|
.activity-relaxing {
|
||||||
|
background-position: 0 -622px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=talking] span,
|
||||||
|
.activity-talking {
|
||||||
|
background-position: 0 -604px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=traveling] span,
|
||||||
|
.activity-traveling {
|
||||||
|
background-position: 0 -586px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .f-activity a[data-value=working] span,
|
||||||
|
.activity-working {
|
||||||
|
background-position: 0 -640px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon.picker {
|
||||||
|
border-width: 1px 0 1px 1px;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
-moz-border-radius-topright: 0;
|
||||||
|
-moz-border-radius-bottomright: 0;
|
||||||
|
-webkit-border-top-right-radius: 0;
|
||||||
|
-webkit-border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon.disabled {
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
border-color: #989898;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element div.bubble {
|
||||||
|
background-color: white;
|
||||||
|
border-color: #636363;
|
||||||
|
border-width: 1px 1px 0 1px;
|
||||||
|
border-style: solid;
|
||||||
|
width: 25px;
|
||||||
|
padding: 1px 0;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 21px;
|
||||||
|
left: 6px;
|
||||||
|
border-top-left-radius: 2px;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
-moz-border-radius-topleft: 2px;
|
||||||
|
-moz-border-radius-topright: 2px;
|
||||||
|
-webkit-border-top-left-radius: 2px;
|
||||||
|
-webkit-border-top-right-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element a {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element .icon span {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: 3px 4px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#my-infos .element input {
|
||||||
|
height: 18px;
|
||||||
|
width: 190px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
padding-left: 4px;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
-moz-border-radius-topleft: 0;
|
||||||
|
-moz-border-radius-bottomleft: 0;
|
||||||
|
-webkit-border-top-left-radius: 0;
|
||||||
|
-webkit-border-top-bottom-radius: 0;
|
||||||
|
}
|
97
jappixmini/jappix/css/options.css
Normal file
|
@ -0,0 +1,97 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the options CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 26/04/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#options label {
|
||||||
|
width: 190px;
|
||||||
|
font-size: 0.94em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .forms {
|
||||||
|
width: 610px;
|
||||||
|
height: 328px;
|
||||||
|
margin: 15px 15px 15px 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .forms select {
|
||||||
|
margin-top: -3px;
|
||||||
|
min-width: 120px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .forms a.linked {
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options fieldset.privacy {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-delete, #options .sub-ask-pass, #options .sub-ask-pass-success {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask {
|
||||||
|
display: none;
|
||||||
|
width: 592px;
|
||||||
|
padding: 8px;
|
||||||
|
float: left;
|
||||||
|
border: 1px #879da2 dotted;
|
||||||
|
background: #cbdde1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-top {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin-top: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-title {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-close {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-close:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-content {
|
||||||
|
clear: both;
|
||||||
|
height: 25px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
border-top: 1px #416972 solid;
|
||||||
|
padding: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-content label {
|
||||||
|
width: 125px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-content input {
|
||||||
|
width: 125px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-bottom {
|
||||||
|
clear: both;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: right;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#options .sub-ask-bottom:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
118
jappixmini/jappix/css/others.css
Normal file
|
@ -0,0 +1,118 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the others CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 31/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#audio {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content {
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
left: 5px;
|
||||||
|
top: 0;
|
||||||
|
min-width: 860px;
|
||||||
|
z-index: 50;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 34px;
|
||||||
|
left: 5px;
|
||||||
|
right: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
min-width: 850px;
|
||||||
|
min-height: 450px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#left-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 248px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#right-content {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 260px;
|
||||||
|
z-index: 10;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-moz-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
-webkit-box-shadow: 0 0 6px #5c5c5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#general-wait {
|
||||||
|
background: url(../img/others/blank.gif) repeat;
|
||||||
|
z-index: 10000;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.general-wait-content {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.9);
|
||||||
|
background-position: 8px 8px;
|
||||||
|
padding: 8px;
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
box-shadow: 0 0 2px #000;
|
||||||
|
-moz-box-shadow: 0 0 2px #000;
|
||||||
|
-webkit-box-shadow: 0 0 2px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inbox-hidable,
|
||||||
|
.options-hidable,
|
||||||
|
.pep-hidable,
|
||||||
|
.pubsub-hidable,
|
||||||
|
.archives-hidable,
|
||||||
|
.commands-hidable,
|
||||||
|
.privacy-hidable,
|
||||||
|
.xmpplinks-hidable {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#reconnect .pane {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.85);
|
||||||
|
color: white;
|
||||||
|
padding: 25px;
|
||||||
|
z-index: 10000;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
box-shadow: 0 0 35px #232323;
|
||||||
|
-moz-box-shadow: 0 0 35px #232323;
|
||||||
|
-webkit-box-shadow: 0 0 35px #232323;
|
||||||
|
}
|
||||||
|
|
||||||
|
#reconnect .pane a {
|
||||||
|
margin-top: -4px;
|
||||||
|
float: right;
|
||||||
|
}
|
601
jappixmini/jappix/css/pageengine.css
Normal file
|
@ -0,0 +1,601 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the page-engine CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 31/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#page-engine {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
bottom: 6px;
|
||||||
|
right: 6px;
|
||||||
|
left: 6px;
|
||||||
|
z-index: 8;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .top {
|
||||||
|
background: #e8f1f3;
|
||||||
|
background: -moz-linear-gradient(top, #e8f1f3, #dee8ea);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e8f1f3), to(#dee8ea));
|
||||||
|
border-bottom: 1px solid #d0d0d0;
|
||||||
|
color: black;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 6px;
|
||||||
|
height: 80px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .top .avatar-container {
|
||||||
|
text-align: center;
|
||||||
|
margin: 2px 0 0 10px;
|
||||||
|
height: 76px;
|
||||||
|
width: 76px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .top .avatar {
|
||||||
|
max-height: 76px;
|
||||||
|
max-width: 76px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .top .name {
|
||||||
|
text-align: right;
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine p.bc-name {
|
||||||
|
font-size: 2.3em;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine p.bc-infos {
|
||||||
|
font-size: 0.85em;
|
||||||
|
height: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
left: 115px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .page-engine-chan[data-type=groupchat] p.bc-infos {
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine p.bc-infos span.show {
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine p.bc-infos a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine div.bc-pep {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine div.bc-pep a {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin-left: 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine div.bc-pep a:hover {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine div.bc-pep a[href]:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .content,
|
||||||
|
#page-engine .list {
|
||||||
|
font-size: 0.9em;
|
||||||
|
position: absolute;
|
||||||
|
top: 93px;
|
||||||
|
right: 0;
|
||||||
|
bottom: 29px;
|
||||||
|
overflow: auto;
|
||||||
|
box-shadow: inset 0 3px 10px #e8e8e8;
|
||||||
|
-moz-box-shadow: inset 0 3px 10px #e8e8e8;
|
||||||
|
-webkit-box-shadow: inset 0 3px 10px #e8e8e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .content {
|
||||||
|
left: 0;
|
||||||
|
padding: 12px 14px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .content a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .page-engine-chan {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .chat .content,
|
||||||
|
#page-engine .chat .list {
|
||||||
|
bottom: 93px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .chat .content {
|
||||||
|
padding-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .groupchat-content {
|
||||||
|
padding-bottom: 16px !important;
|
||||||
|
right: 191px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list {
|
||||||
|
border-left: 1px solid #c8c8c8;
|
||||||
|
padding: 8px 0 0;
|
||||||
|
width: 190px;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .role {
|
||||||
|
display: none;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .title {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #383838;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user {
|
||||||
|
background: #eff2f2;
|
||||||
|
background: -moz-linear-gradient(top, #eff2f2, #ecefef);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#eff2f2), to(#ecefef));
|
||||||
|
border-color: #c8c8c8;
|
||||||
|
border-width: 1px 0;
|
||||||
|
border-style: solid;
|
||||||
|
color: #383838;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user:hover {
|
||||||
|
background: #e9ecec;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user:active {
|
||||||
|
background: #e3e7e7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user.myself {
|
||||||
|
background-color: #eff2f2;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user .name {
|
||||||
|
float: left;
|
||||||
|
height: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 7px 0 7px 3px;
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user .avatar-container {
|
||||||
|
text-align: center;
|
||||||
|
float: right;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .list .user .avatar {
|
||||||
|
max-height: 32px;
|
||||||
|
max-width: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group,
|
||||||
|
#archives .one-group {
|
||||||
|
border-bottom: 1px dotted #d0d0d0;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-line,
|
||||||
|
#archives .one-line,
|
||||||
|
#page-engine .one-group b.name,
|
||||||
|
#archives .one-group b.name {
|
||||||
|
padding-left: 50px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group b.name,
|
||||||
|
#archives .one-group b.name {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group b.name.me,
|
||||||
|
#archives .one-group b.name.me {
|
||||||
|
color: #123a5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group b.name.him,
|
||||||
|
#archives .one-group b.name.him {
|
||||||
|
color: #801e1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group span.date,
|
||||||
|
#archives .one-group span.date {
|
||||||
|
float: right;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group .avatar-container,
|
||||||
|
#archives .one-group .avatar-container {
|
||||||
|
text-align: center;
|
||||||
|
margin: 4px 0 0 6px;
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .one-group .avatar,
|
||||||
|
#archives .one-group .avatar {
|
||||||
|
max-height: 30px;
|
||||||
|
max-width: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine b.name.talk-images {
|
||||||
|
background-position: 50px -99px;
|
||||||
|
padding-left: 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .user-message,
|
||||||
|
#archives .user-message {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .system-message {
|
||||||
|
color: #053805 !important;
|
||||||
|
margin-bottom: 3px !important;
|
||||||
|
padding-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .system-message a {
|
||||||
|
color: #053805 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .system-message p.help b {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
text-decoration: underline;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .system-message p.help em {
|
||||||
|
width: 240px;
|
||||||
|
text-decoration: underline;
|
||||||
|
margin-left: 5px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .my-nick {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .old-message {
|
||||||
|
font-size: 11px !important;
|
||||||
|
margin-bottom: 1px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .chatstate {
|
||||||
|
background-color: rgb(234,234,234);
|
||||||
|
background-color: rgba(234,234,234,0.8);
|
||||||
|
color: #2c2c2c;
|
||||||
|
padding: 3px 10px 2px 8px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 93px;
|
||||||
|
left: 0;
|
||||||
|
font-size: 0.75em;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text {
|
||||||
|
height: 93px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .footer {
|
||||||
|
background: #e8f1f3;
|
||||||
|
background: -moz-linear-gradient(top, #dee8ea, #e8f1f3);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#dee8ea), to(#e8f1f3));
|
||||||
|
border-color: #d0d0d0;
|
||||||
|
border-width: 1px 0 0;
|
||||||
|
border-style: solid;
|
||||||
|
color: black;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 6px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .chat .footer {
|
||||||
|
border-width: 1px 0;
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .chat-tools-content {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin-right: 8px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tools-tooltip {
|
||||||
|
display: block;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .chat-tools-smileys {
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .chat-tools-file {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .chat-tools-file.mini .bubble-file {
|
||||||
|
z-index: 39;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .chat-tools-file.mini .tooltip-subitem {
|
||||||
|
width: 22px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .chat-tools-file.mini .wait {
|
||||||
|
margin: -2px 0 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-smileys {
|
||||||
|
background-position: 0 -388px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-style {
|
||||||
|
background-position: 0 -700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-file {
|
||||||
|
background-position: 0 -1956px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-save {
|
||||||
|
background-position: 0 -719px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-clear {
|
||||||
|
background-position: 0 -739px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-infos,
|
||||||
|
#channel .top div.shortcuts a.profile {
|
||||||
|
background-position: 0 -758px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-add,
|
||||||
|
#page-engine .text .tools-archives,
|
||||||
|
#page-engine .text .tools-mucadmin {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .tools-mucadmin {
|
||||||
|
background-position: 0 -777px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style label.bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style label.italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style label.underline {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style a.color {
|
||||||
|
height: 18px;
|
||||||
|
width: 18px;
|
||||||
|
border-color: white;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
margin: 6px 5px 0 0;
|
||||||
|
float: left;
|
||||||
|
opacity: 0.6;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 5px black;
|
||||||
|
-moz-box-shadow: 0 0 5px black;
|
||||||
|
-webkit-box-shadow: 0 0 5px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style a.color:hover,
|
||||||
|
#page-engine .bubble-style a.color:focus {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-style a.color.selected {
|
||||||
|
opacity: 1;
|
||||||
|
border-color: #ffb20d;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-file .tooltip-subitem {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-file input[type=file] {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .bubble-file input[type=submit],
|
||||||
|
#page-engine .bubble-file input[type=reset] {
|
||||||
|
margin: 4px 4px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .compose,
|
||||||
|
#page-engine .muc-ask {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text .compose {
|
||||||
|
top: 29px;
|
||||||
|
right: 12px;
|
||||||
|
bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .muc-ask {
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .text textarea {
|
||||||
|
border: 1px solid #c8c8c8;
|
||||||
|
padding: 5px;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 1.1em;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
-moz-border-radius-topright: 0;
|
||||||
|
-moz-border-radius-topleft: 0;
|
||||||
|
-webkit-border-top-right-radius: 0;
|
||||||
|
-webkit-border-top-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .muc-ask {
|
||||||
|
background-color: #e8f1f3;
|
||||||
|
height: 64px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
right: 0;
|
||||||
|
z-index: 2;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
-moz-border-radius-bottomleft: 3px;
|
||||||
|
-moz-border-radius-bottomright: 3px;
|
||||||
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .muc-ask label {
|
||||||
|
color: #224249;
|
||||||
|
margin: 23px 10px 0 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .muc-ask input {
|
||||||
|
width: 200px;
|
||||||
|
margin: 19px 10px 0 10px;
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 84px;
|
||||||
|
margin-left: -13px;
|
||||||
|
z-index: 40;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip-subitem {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.8);
|
||||||
|
padding: 10px;
|
||||||
|
width: 200px;
|
||||||
|
height: 110px;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip-subarrow {
|
||||||
|
background-position: 0 -251px;
|
||||||
|
opacity: 0.8;
|
||||||
|
height: 10px;
|
||||||
|
width: 18px;
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip .tooltip-top {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip label {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip label input[type=checkbox] {
|
||||||
|
margin: 0 6px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip label.select {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip input,
|
||||||
|
#page-engine .tooltip select {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip select {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-engine .tooltip .tooltip-actionlog:hover,
|
||||||
|
#page-engine .tooltip .tooltip-actionlog:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
209
jappixmini/jappix/css/pageswitch.css
Normal file
|
@ -0,0 +1,209 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the page-switch CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 22/05/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#page-switch {
|
||||||
|
position: absolute;
|
||||||
|
top: 15px;
|
||||||
|
left: 10px;
|
||||||
|
right: 10px;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .chans {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 40px;
|
||||||
|
top: 0;
|
||||||
|
height: 25px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-button {
|
||||||
|
background-position: 6px -1372px;
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
width: 7px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 1px 6px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-content {
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
width: 200px;
|
||||||
|
max-height: 400px;
|
||||||
|
overflow: auto;
|
||||||
|
position: absolute;
|
||||||
|
margin: -2px 0 0 -181px;
|
||||||
|
padding: 4px 0;
|
||||||
|
font-size: 0.95em;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-moz-border-radius-bottomleft: 3px;
|
||||||
|
-moz-border-radius-bottomright: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .switcher {
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
color: #17353b;
|
||||||
|
height: 15px;
|
||||||
|
padding: 5px 10px 5px 5px;
|
||||||
|
margin: 0 2px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
float: left;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-content .switcher {
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
float: none;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-content .switcher .exit {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-button:hover,
|
||||||
|
#page-switch .more-button:focus,
|
||||||
|
#page-switch .switcher:hover,
|
||||||
|
#page-switch .switcher:focus,
|
||||||
|
#page-switch .more-content .switcher:hover,
|
||||||
|
#page-switch .more-content .switcher:focus {
|
||||||
|
background-color: #cedee1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-button:active,
|
||||||
|
#page-switch .switcher:active,
|
||||||
|
#page-switch .more-content .switcher:active {
|
||||||
|
background-color: #c3d3d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .switcher.activechan {
|
||||||
|
background-color: #e8f1f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .more-content .switcher.activechan {
|
||||||
|
background-color: #d1e0e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .icon {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .name {
|
||||||
|
float: left;
|
||||||
|
margin-left: 4px;
|
||||||
|
max-height: 16px;
|
||||||
|
max-width: 140px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .exit {
|
||||||
|
display: none;
|
||||||
|
background-color: #bdd9dc;
|
||||||
|
border: 1px solid #80aab0;
|
||||||
|
color: #355e64;
|
||||||
|
height: 14px;
|
||||||
|
width: 13px;
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
float: right;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .exit:hover,
|
||||||
|
#page-switch .exit:focus {
|
||||||
|
background-color: #aac7cb;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .exit:active {
|
||||||
|
background-color: #9bbdc1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .activechan .exit {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .chan-newmessage {
|
||||||
|
background-color: #f6edc3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .chan-newmessage:hover,
|
||||||
|
#page-switch .chan-newmessage:focus {
|
||||||
|
background-color: #f1eac0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .chan-newmessage:active {
|
||||||
|
background-color: #ede4b8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .composing,
|
||||||
|
#page-engine .list .user.composing {
|
||||||
|
color: #217021 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .paused,
|
||||||
|
#page-switch .chan-unread .name,
|
||||||
|
#page-engine .list .user.paused {
|
||||||
|
color: #2431ac !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .active,
|
||||||
|
#page-engine .list .user.active {
|
||||||
|
color: #353535 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .inactive,
|
||||||
|
#page-engine .list .user.inactive {
|
||||||
|
color: #585858 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .gone {
|
||||||
|
color: #851313 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-switch .channel .icon {
|
||||||
|
background-position: 0 -55px;
|
||||||
|
}
|
612
jappixmini/jappix/css/popup.css
Normal file
|
@ -0,0 +1,612 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the popup CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 02/05/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.lock {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.6);
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup {
|
||||||
|
background-color: rgb(20,20,20);
|
||||||
|
background-color: rgba(20,20,20,0.95);
|
||||||
|
margin-top: -250px;
|
||||||
|
margin-left: -330px;
|
||||||
|
width: 640px;
|
||||||
|
height: 500px;
|
||||||
|
padding: 0 10px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10000;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
box-shadow: 0 0 35px #232323;
|
||||||
|
-moz-box-shadow: 0 0 35px #232323;
|
||||||
|
-webkit-box-shadow: 0 0 35px #232323;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large {
|
||||||
|
margin-left: -460px;
|
||||||
|
width: 920px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .top {
|
||||||
|
width: 600px;
|
||||||
|
height: 45px;
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding-top: 9px;
|
||||||
|
color: white;
|
||||||
|
margin: 14px 0 0 40px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: 0 2px 2px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .tab {
|
||||||
|
width: 620px;
|
||||||
|
height: 25px;
|
||||||
|
margin: -5px 10px 0 10px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .tab a {
|
||||||
|
background-color: #d9e7ea;
|
||||||
|
color: #204249;
|
||||||
|
width: 180px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 4px 4px 4px 16px;
|
||||||
|
margin-left: 5px;
|
||||||
|
font-size: 0.94em;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .tab a:hover,
|
||||||
|
.popup .tab a:focus {
|
||||||
|
background-color: #cedee1;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .tab a:active {
|
||||||
|
background-color: #c3d3d7;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .tab a.tab-active {
|
||||||
|
background-color: #e4eef9 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .one-lap {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .one-lap.lap-active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .content {
|
||||||
|
background: #e4eef9;
|
||||||
|
background: -moz-linear-gradient(top, #e4eef9, #D0E5FA);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#D0E5FA));
|
||||||
|
height: 358px;
|
||||||
|
width: 640px;
|
||||||
|
position: absolute;
|
||||||
|
left: 10px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 20px black;
|
||||||
|
-moz-box-shadow: 0 0 20px black;
|
||||||
|
-webkit-box-shadow: 0 0 20px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .content,
|
||||||
|
.popup .content a {
|
||||||
|
color: #112a2f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
width: 272px;
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 63px;
|
||||||
|
bottom: 10px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments div.comments-content {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments input {
|
||||||
|
width: 185px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments .one-comment {
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments .one-comment a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup.large div.comments div.comments-content {
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
-moz-border-radius-topright: 3px;
|
||||||
|
-moz-border-radius-topleft: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
-webkit-border-top-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head {
|
||||||
|
background: #f1f6fd;
|
||||||
|
border: 1px #9dc4fc solid;
|
||||||
|
width: 606px;
|
||||||
|
height: 24px;
|
||||||
|
margin: 0 10px 10px 10px;
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head-text {
|
||||||
|
float: left;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head-actions {
|
||||||
|
float: right;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head-actions a {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .actions a {
|
||||||
|
color: #30575f;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head .head-input {
|
||||||
|
float: right;
|
||||||
|
width: 200px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .head .head-select {
|
||||||
|
float: right;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .forms {
|
||||||
|
width: 390px;
|
||||||
|
height: 328px;
|
||||||
|
margin: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup fieldset {
|
||||||
|
border: 1px #547177 solid;
|
||||||
|
margin: 0 0 15px 0;
|
||||||
|
padding: 8px 2px 3px 2px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup legend {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
padding: 0 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup label {
|
||||||
|
color: #1b1b1b;
|
||||||
|
width: 150px;
|
||||||
|
margin: 0 0 10px 12px;
|
||||||
|
clear: both;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup input,
|
||||||
|
.popup select {
|
||||||
|
margin: 0 10px 10px 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup input[type=text] {
|
||||||
|
min-width: 174px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup select {
|
||||||
|
min-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results {
|
||||||
|
height: 310px;
|
||||||
|
width: 620px;
|
||||||
|
margin: -5px 0 0 10px;
|
||||||
|
padding: 6px 0 0 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .no-results {
|
||||||
|
margin: 6px 0;
|
||||||
|
font-size: 0.85em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results label {
|
||||||
|
width: 180px;
|
||||||
|
margin: 6px 4px 4px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results input,
|
||||||
|
.popup .results textarea,
|
||||||
|
.popup .results select {
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results input,
|
||||||
|
.popup .results select {
|
||||||
|
min-width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results input[type=checkbox],
|
||||||
|
.popup .results input[type=radio] {
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results textarea {
|
||||||
|
width: 380px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .avatar-container {
|
||||||
|
float: left;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
margin: 5px 12px 5px 9px;
|
||||||
|
text-align: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results img.avatar {
|
||||||
|
max-width: 60px;
|
||||||
|
max-height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: 10px 3px 0 8px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.account,
|
||||||
|
.popup .results .one-icon.auth {
|
||||||
|
background-position: 0 -777px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.automation,
|
||||||
|
.popup .results .one-icon.client {
|
||||||
|
background-position: 0 -1500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.collaboration {
|
||||||
|
background-position: 0 -1520px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.proxy,
|
||||||
|
.popup .results .one-icon.server,
|
||||||
|
.popup .results .one-icon.others {
|
||||||
|
background-position: 0 -1540px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.component,
|
||||||
|
.popup .results .one-icon.gateway {
|
||||||
|
background-position: 0 -1560px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.conference {
|
||||||
|
background-position: 0 -1082px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.directory {
|
||||||
|
background-position: 0 -876px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.headline,
|
||||||
|
.popup .results .one-icon.hierarchy {
|
||||||
|
background-position: 0 -1580px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.pubsub,
|
||||||
|
.popup .results .one-icon.store {
|
||||||
|
background-position: 0 -1600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.loading {
|
||||||
|
background-position: 0 -1620px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-icon.down {
|
||||||
|
background-position: 0 -1640px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-host {
|
||||||
|
font-weight: bold;
|
||||||
|
width: 170px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-type {
|
||||||
|
width: 210px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-type,
|
||||||
|
.popup .results .one-host {
|
||||||
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 9px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-jid,
|
||||||
|
.popup .results .one-ctry,
|
||||||
|
.popup .results .one-fn {
|
||||||
|
margin: 4px;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-fn {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-jid {
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-name {
|
||||||
|
float: left;
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup a.one-button {
|
||||||
|
display: none;
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
border: 1px solid #b9cbcf;
|
||||||
|
margin-top: 1px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup a.one-button:hover,
|
||||||
|
.popup a.one-button:focus {
|
||||||
|
border: 1px solid #95b1b7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup a.one-button:active {
|
||||||
|
border: 1px solid #77989f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .oneresult:hover a.one-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results a.one-button,
|
||||||
|
#inbox .one-message a.one-button {
|
||||||
|
float: right;
|
||||||
|
padding: 3px 6px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results a.one-vjud {
|
||||||
|
position: absolute;
|
||||||
|
right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results a.one-add {
|
||||||
|
top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results a.one-chat {
|
||||||
|
top: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-next {
|
||||||
|
float: right;
|
||||||
|
margin: 4px 8px 4px 4px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions {
|
||||||
|
width: 148px;
|
||||||
|
margin: 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
padding: 2px 2px 4px 5px !important;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a.browse {
|
||||||
|
background-position: 3px -1396px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a.command {
|
||||||
|
background-position: 3px -1415px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a.subscribe {
|
||||||
|
background-position: 4px -1435px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a.join {
|
||||||
|
background-position: 3px -1455px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results .one-actions a.search {
|
||||||
|
background-position: 4px -1475px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .results a.submit,
|
||||||
|
.popup .results a.cancel,
|
||||||
|
.popup .results a.back {
|
||||||
|
margin-right: 8px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .onetitle {
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 4px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .oneinstructions {
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 4px;
|
||||||
|
margin: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .oneresult {
|
||||||
|
font-size: 0.9em;
|
||||||
|
padding: 3px 0 4px 4px;
|
||||||
|
border-bottom: 1px #9dc4fc solid;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .oneresult:hover {
|
||||||
|
background: #e9f1fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .oneresult[onclick]:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .oneresult[onclick]:active {
|
||||||
|
background: #f1f6fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .infos {
|
||||||
|
background-color: rgb(255,239,104);
|
||||||
|
background-color: rgba(255,239,104,0.8);
|
||||||
|
border: 1px #decb2f solid;
|
||||||
|
color: #3f3f3f;
|
||||||
|
padding: 8px;
|
||||||
|
margin: 10px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .infos p {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .infos p.infos-title {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .bottom {
|
||||||
|
width: 640px;
|
||||||
|
height: 40px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .wait {
|
||||||
|
display: none;
|
||||||
|
margin: 8px 0 0 3px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.finish {
|
||||||
|
border: 1px solid white;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
color: white;
|
||||||
|
padding: 4px 8px;
|
||||||
|
margin-right: 7px;
|
||||||
|
font-size: 0.95em;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
box-shadow: 0 0 5px black;
|
||||||
|
-moz-box-shadow: 0 0 5px black;
|
||||||
|
-webkit-box-shadow: 0 0 5px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.finish:hover,
|
||||||
|
a.finish:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.2);
|
||||||
|
box-shadow: 0 0 15px black;
|
||||||
|
-moz-box-shadow: 0 0 15px black;
|
||||||
|
-webkit-box-shadow: 0 0 15px black;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.finish:active {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.finish.disabled {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.finish.disabled:hover,
|
||||||
|
a.finish.disabled:focus,
|
||||||
|
a.finish.disabled:active {
|
||||||
|
cursor: default;
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup a.finish {
|
||||||
|
margin-top: 6px;
|
||||||
|
float: right;
|
||||||
|
}
|
197
jappixmini/jappix/css/privacy.css
Normal file
|
@ -0,0 +1,197 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the privacy CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/02/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#privacy .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head div.list-left,
|
||||||
|
#privacy .privacy-head div.list-center,
|
||||||
|
#privacy .privacy-head div.list-right,
|
||||||
|
#privacy .privacy-first {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head div.list-left {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head div.list-center {
|
||||||
|
border-right: 1px dotted #1b393f;
|
||||||
|
height: 24px;
|
||||||
|
width: 1px;
|
||||||
|
margin-right: 15px;
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head span,
|
||||||
|
#privacy .privacy-head a,
|
||||||
|
#privacy .privacy-item span,
|
||||||
|
#privacy .privacy-item a {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head span {
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 3px 10px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head input,
|
||||||
|
#privacy .privacy-head select {
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head input {
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head select,
|
||||||
|
#privacy .privacy-item select {
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head span.left-space {
|
||||||
|
margin-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head a,
|
||||||
|
#privacy .privacy-item a {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item a.item-add {
|
||||||
|
background-position: 2px -1178px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-head a.list-remove,
|
||||||
|
#privacy .privacy-item a.item-remove {
|
||||||
|
background-position: 2px -1197px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item a.item-save {
|
||||||
|
background-position: 3px -126px;
|
||||||
|
width: auto;
|
||||||
|
height: 19px;
|
||||||
|
padding: 1px 7px 0 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item,
|
||||||
|
#privacy form,
|
||||||
|
#privacy .privacy-active {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item {
|
||||||
|
margin: 17px 12px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item span {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item select {
|
||||||
|
width: 300px;
|
||||||
|
margin: -4px 30px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-item a {
|
||||||
|
margin: -2px 6px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-first,
|
||||||
|
#privacy .privacy-second,
|
||||||
|
#privacy .privacy-third {
|
||||||
|
height: 195px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 10px 0 0 10px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-first,
|
||||||
|
#privacy .privacy-second {
|
||||||
|
border-right: 1px dotted #1b393f;
|
||||||
|
padding-right: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-first {
|
||||||
|
width: 125px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-first label {
|
||||||
|
margin: 50px 0 0 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-first label input {
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-second {
|
||||||
|
width: 205px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-second label {
|
||||||
|
margin: 2px 0 0 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-second input[type=radio],
|
||||||
|
#privacy .privacy-third input[type=checkbox] {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-second input[type=text],
|
||||||
|
#privacy .privacy-second select {
|
||||||
|
width: 170px;
|
||||||
|
margin: 2px 0 11px 12px;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-third label {
|
||||||
|
width: auto;
|
||||||
|
margin-top: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-third {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-active {
|
||||||
|
margin: 34px 16px 0 16px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-active-elements {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-active input[type=text] {
|
||||||
|
width: 30px;
|
||||||
|
margin: 0 0 0 8px;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-active input[type=checkbox] {
|
||||||
|
margin: 2px 8px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#privacy .privacy-active label {
|
||||||
|
width: auto;
|
||||||
|
margin: 0 15px 0 0;
|
||||||
|
clear: none;
|
||||||
|
}
|
53
jappixmini/jappix/css/rosterx.css
Normal file
|
@ -0,0 +1,53 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the Roster Item Exchange tool CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 05/02/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#rosterx .content {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .rosterx-head a {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 3px 4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult span {
|
||||||
|
margin: 2px 5px 0 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult span.name {
|
||||||
|
width: 230px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult span.xid {
|
||||||
|
width: 270px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult span.action {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-top: 4px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rosterx .oneresult span.action.modify {
|
||||||
|
background-position: 0 -1244px;
|
||||||
|
}
|
60
jappixmini/jappix/css/search.css
Normal file
|
@ -0,0 +1,60 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the search tool CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 23/01/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.search {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search input.suggested {
|
||||||
|
border-bottom: 1px solid white;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
-moz-border-radius-bottomright: 0;
|
||||||
|
-moz-border-radius-bottomleft: 0;
|
||||||
|
-webkit-border-bottom-right-radius: 0;
|
||||||
|
-webkit-border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search ul {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.9);
|
||||||
|
border-color: #e1a014;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 0 1px 1px 1px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
padding: 3px 0;
|
||||||
|
list-style: none;
|
||||||
|
overflow: auto;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
-moz-border-radius-bottomright: 3px;
|
||||||
|
-moz-border-radius-bottomleft: 3px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search ul li {
|
||||||
|
padding: 2px 6px;
|
||||||
|
color: #3d3d3d;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search ul li:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search ul li.hovered {
|
||||||
|
background-color: rgb(225,160,20);
|
||||||
|
background-color: rgba(225,160,20,0.3);
|
||||||
|
}
|
196
jappixmini/jappix/css/smileys.css
Normal file
|
@ -0,0 +1,196 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the smileys CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/02/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.emoticon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.emoticon {
|
||||||
|
margin: 2px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.emoticon:hover,
|
||||||
|
a.emoticon:focus {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.emoticon:active {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.emoticon {
|
||||||
|
border: 0 none;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-biggrin {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-devil {
|
||||||
|
background-position: -16px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-coolglasses {
|
||||||
|
background-position: -32px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-tongue {
|
||||||
|
background-position: -48px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-smile {
|
||||||
|
background-position: -64px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-wink {
|
||||||
|
background-position: -80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-blush {
|
||||||
|
background-position: -96px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-stare {
|
||||||
|
background-position: -112px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-frowning {
|
||||||
|
background-position: -128px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-oh {
|
||||||
|
background-position: -144px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-unhappy {
|
||||||
|
background-position: -160px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-cry {
|
||||||
|
background-position: -176px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-angry {
|
||||||
|
background-position: -192px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-puke {
|
||||||
|
background-position: -208px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-hugright {
|
||||||
|
background-position: -224px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-hugleft {
|
||||||
|
background-position: -240px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-lion {
|
||||||
|
background-position: -256px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-pussy {
|
||||||
|
background-position: -272px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-bat {
|
||||||
|
background-position: -288px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-kiss {
|
||||||
|
background-position: -304px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-heart {
|
||||||
|
background-position: -320px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-brheart {
|
||||||
|
background-position: -336px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-flower {
|
||||||
|
background-position: -352px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-brflower {
|
||||||
|
background-position: -368px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-thumbup {
|
||||||
|
background-position: -384px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-thumbdown {
|
||||||
|
background-position: -400px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-lamp {
|
||||||
|
background-position: -416px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-coffee {
|
||||||
|
background-position: -432px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-drink {
|
||||||
|
background-position: -448px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-beer {
|
||||||
|
background-position: -464px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-boy {
|
||||||
|
background-position: -480px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-girl {
|
||||||
|
background-position: -496px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-phone {
|
||||||
|
background-position: -512px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-photo {
|
||||||
|
background-position: -528px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-music {
|
||||||
|
background-position: -544px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-cuffs {
|
||||||
|
background-position: -560px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-mail {
|
||||||
|
background-position: -576px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-rainbow {
|
||||||
|
background-position: -592px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-star {
|
||||||
|
background-position: -608px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoticon-moon {
|
||||||
|
background-position: -624px 0;
|
||||||
|
}
|
71
jappixmini/jappix/css/stats-svg.css
Normal file
|
@ -0,0 +1,71 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the SVG stats CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Erwan Briand, Vanaryon
|
||||||
|
Last revision: 20/11/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
svg {
|
||||||
|
background-color: #e8f1f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.refline {
|
||||||
|
stroke: #596171;
|
||||||
|
stroke-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.refleft {
|
||||||
|
fill: #000000;
|
||||||
|
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||||
|
font-size: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reftext {
|
||||||
|
fill: #586070;
|
||||||
|
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubbletextblue,
|
||||||
|
.bubbletextred {
|
||||||
|
fill: none;
|
||||||
|
font-family: "Inconsolata", "DejaVu Serif sans", Verdana, sans-serif;
|
||||||
|
font-size: 8px;
|
||||||
|
text-anchor: end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bluebar {
|
||||||
|
fill: "#6C84C0";
|
||||||
|
fill-opacity: "0.6";
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover .bluebar {
|
||||||
|
fill: #2A3F73;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover .redbar {
|
||||||
|
fill: #C70705;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover #bubble {
|
||||||
|
fill: white;
|
||||||
|
stroke: grey;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover .bubbletextblue {
|
||||||
|
fill: #2A3F73;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover .bubbletextred {
|
||||||
|
fill: #C70705;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gbar:hover .reftext {
|
||||||
|
fill: #000000;
|
||||||
|
}
|
346
jappixmini/jappix/css/tools.css
Normal file
|
@ -0,0 +1,346 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the tools CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 27/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#top-content .tools {
|
||||||
|
background-color: rgb(232,241,243);
|
||||||
|
background-color: rgba(232,241,243,0.6);
|
||||||
|
padding: 3px 8px 5px 8px;
|
||||||
|
min-width: 10px;
|
||||||
|
height: 17px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
-moz-border-radius-bottomleft: 4px;
|
||||||
|
-moz-border-radius-bottomright: 4px;
|
||||||
|
-webkit-border-bottom-left-radius: 4px;
|
||||||
|
-webkit-border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .tools a {
|
||||||
|
color: black;
|
||||||
|
padding: 0 3px;
|
||||||
|
margin: 0 1.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .tools a:hover,
|
||||||
|
#top-content .tools a:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .tools-logo {
|
||||||
|
background-position: 9px 2px;
|
||||||
|
width: 74px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .tools-all {
|
||||||
|
float: right;
|
||||||
|
text-align: right;
|
||||||
|
margin-left: 8px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .notifications {
|
||||||
|
background-position: 7px -1264px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .music {
|
||||||
|
background-position: 6px -1286px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .notifications:hover,
|
||||||
|
#top-content .music:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .music:hover,
|
||||||
|
#top-content .notifications:hover,
|
||||||
|
#top-content .music:focus,
|
||||||
|
#top-content .notifications:focus {
|
||||||
|
background-color: rgb(232,241,243);
|
||||||
|
background-color: rgba(232,241,243,0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .music:active,
|
||||||
|
#top-content .notifications:active {
|
||||||
|
background-color: rgb(232,241,243);
|
||||||
|
background-color: rgba(232,241,243,0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .actived,
|
||||||
|
#top-content .actived:hover,
|
||||||
|
#top-content .actived:focus,
|
||||||
|
#top-content .actived:active {
|
||||||
|
background-color: rgb(232,241,243) !important;
|
||||||
|
background-color: rgba(232,241,243,0.9) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .notify {
|
||||||
|
background-color: #c60505;
|
||||||
|
color: white;
|
||||||
|
font-size: 0.7em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-left: -10px;
|
||||||
|
padding: 1px 4px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -2px;
|
||||||
|
border-radius: 10px;
|
||||||
|
-moz-border-radius: 10px;
|
||||||
|
-webkit-border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-content .tools-content {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 25px;
|
||||||
|
margin-left: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tools-content-subarrow {
|
||||||
|
background-position: 0 -241px;
|
||||||
|
opacity: 0.8;
|
||||||
|
height: 10px;
|
||||||
|
width: 18px;
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tools-content-subitem {
|
||||||
|
background-color: rgb(0,0,0);
|
||||||
|
background-color: rgba(0,0,0,0.8);
|
||||||
|
padding: 14px 6px 6px 6px;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .tools-content-subitem {
|
||||||
|
max-height: 250px;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 0 1px 1px black;
|
||||||
|
text-align: left;
|
||||||
|
overflow-x: none;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .empty {
|
||||||
|
color: white;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-decoration: underline;
|
||||||
|
margin: -8px 4px 2px 0;
|
||||||
|
display: none;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .nothing {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification {
|
||||||
|
padding: 6px 4px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
clear: both;
|
||||||
|
border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification:hover,
|
||||||
|
.notifications-content .one-notification:focus {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification:active {
|
||||||
|
background-color: rgb(255,255,255);
|
||||||
|
background-color: rgba(255,255,255,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .avatar-container {
|
||||||
|
float: left;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin: 0 8px 8px 0;
|
||||||
|
text-align: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .avatar {
|
||||||
|
max-width: 40px;
|
||||||
|
max-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .notification-text,
|
||||||
|
.notifications-content .notification-actions {
|
||||||
|
margin-left: 48px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .notification-actions {
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .notification-actions a {
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-decoration: underline;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1828px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin: -1px 6px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=subscribe] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1796px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=invite_room] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1812px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=send] .notification-actions span.talk-images,
|
||||||
|
.notifications-content .one-notification[data-type=send_accept] .notification-actions span.talk-images,
|
||||||
|
.notifications-content .one-notification[data-type=send_reject] .notification-actions span.talk-images,
|
||||||
|
.notifications-content .one-notification[data-type=send_fail] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1956px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=rosterx] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1844px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=comment] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1860px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=like] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1876px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=quote] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1892px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=wall] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1908px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=photo] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1924px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notifications-content .one-notification[data-type=video] .notification-actions span.talk-images {
|
||||||
|
background-position: 0 -1940px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .tools-content-subitem {
|
||||||
|
height: 247px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .player {
|
||||||
|
background: #b5d5db;
|
||||||
|
background: -moz-linear-gradient(top, #b5d5db, #adced4);
|
||||||
|
background: -webkit-gradient(linear, left top, left bottom, from(#b5d5db), to(#adced4));
|
||||||
|
height: 20px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
-moz-border-radius-topright: 4px;
|
||||||
|
-moz-border-radius-topleft: 4px;
|
||||||
|
-webkit-border-top-right-radius: 4px;
|
||||||
|
-webkit-border-top-left-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .player a {
|
||||||
|
margin: 2px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .player a:hover,
|
||||||
|
.music-content .player a:focus {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .player a:active {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .stop {
|
||||||
|
display: none;
|
||||||
|
background-position: 0 -270px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .list {
|
||||||
|
background-color: #e8f1f3;
|
||||||
|
height: 188px;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: left;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content p.no-results {
|
||||||
|
display: none;
|
||||||
|
color: black;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content div.special {
|
||||||
|
padding-bottom: 2px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
border-bottom: 1px solid #c3d4d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .song {
|
||||||
|
display: block;
|
||||||
|
margin: 3px 0;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .playing {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .search {
|
||||||
|
background-color: #e8f1f3;
|
||||||
|
height: 25px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
-moz-border-radius-bottomleft: 4px;
|
||||||
|
-moz-border-radius-bottomright: 4px;
|
||||||
|
-webkit-border-bottom-right-radius: 4px;
|
||||||
|
-webkit-border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.music-content .search input {
|
||||||
|
margin: 2px;
|
||||||
|
width: 198px;
|
||||||
|
height: 15px;
|
||||||
|
}
|
100
jappixmini/jappix/css/userinfos.css
Normal file
|
@ -0,0 +1,100 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the user-infos CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 27/03/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#userinfos .content {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .one-lap a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .main-infos {
|
||||||
|
margin: 20px 20px 8px 20px;
|
||||||
|
height: 120px;
|
||||||
|
background: white;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .avatar-container {
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
margin: 20px 35px;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .avatar {
|
||||||
|
max-width: 80px;
|
||||||
|
max-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos h1,
|
||||||
|
#userinfos h2,
|
||||||
|
#userinfos h3 {
|
||||||
|
width: 410px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
padding-top: 12px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos h2 {
|
||||||
|
color: #447079;
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos h3 {
|
||||||
|
color: #6e8388;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .main-infos div.shortcuts {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .block-infos {
|
||||||
|
margin: 7px 20px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .one-line {
|
||||||
|
margin: 4px 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .one-line b {
|
||||||
|
width: 120px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos .one-line span.reset-info {
|
||||||
|
float: left;
|
||||||
|
width: 460px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#userinfos textarea {
|
||||||
|
margin: 30px 0 0 30px;
|
||||||
|
width: 572px;
|
||||||
|
height: 292px;
|
||||||
|
}
|
106
jappixmini/jappix/css/vcard.css
Normal file
|
@ -0,0 +1,106 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the vCard CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 16/01/12
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#vcard label {
|
||||||
|
font-size: 0.94em;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard #vcard-avatar input[type=file] {
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .avatar-container {
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
margin: 20px 0 35px 35px;
|
||||||
|
max-width: 96px;
|
||||||
|
max-height: 96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .avatar {
|
||||||
|
max-width: 96px;
|
||||||
|
max-height: 96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .avatar-delete {
|
||||||
|
background-position: 3px -1195px;
|
||||||
|
margin: 12px 25px 0 025px;
|
||||||
|
padding-left: 20px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .no-avatar {
|
||||||
|
width: 300px;
|
||||||
|
color: #7c2222;
|
||||||
|
padding: 10px;
|
||||||
|
margin: 15px 0 20px 40px;
|
||||||
|
background: #f8cece;
|
||||||
|
border: 1px #ba6d6d solid;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .forms textarea {
|
||||||
|
height: 111px;
|
||||||
|
width: 358px;
|
||||||
|
margin: 5px 12px 10px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .forms .avatar-info {
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
display: none;
|
||||||
|
width: 370px;
|
||||||
|
height: 15px;
|
||||||
|
font-size: 0.85em;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .forms .avatar-wait {
|
||||||
|
background-color: #9bcbed;
|
||||||
|
color: #0a3858;
|
||||||
|
border-color: #306780;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .forms .avatar-ok {
|
||||||
|
background-color: #c4ed9b;
|
||||||
|
color: #325213;
|
||||||
|
border-color: #578030;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .forms .avatar-error {
|
||||||
|
background-color: #e79595;
|
||||||
|
color: #6a0b0b;
|
||||||
|
border-color: #7c1010;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .infos {
|
||||||
|
width: 179px;
|
||||||
|
height: 328px;
|
||||||
|
margin: 15px 15px 15px 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .infos a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .send {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#vcard .send:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
170
jappixmini/jappix/css/welcome.css
Normal file
|
@ -0,0 +1,170 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
This is the welcome tool CSS stylesheet for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 26/04/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
#welcome .infos {
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome .infos p {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome .infos p.infos-title {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box {
|
||||||
|
background-color: #e4eef9;
|
||||||
|
border: 1px solid #ccdbde;
|
||||||
|
margin: 12px 11px 4px 15px;
|
||||||
|
padding: 10px;
|
||||||
|
width: 270px;
|
||||||
|
text-decoration: none;
|
||||||
|
float: left;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.share {
|
||||||
|
width: 350px;
|
||||||
|
margin: 4px 130px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.share.first {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.share:hover span.go {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box:hover,
|
||||||
|
#welcome a.box:focus {
|
||||||
|
border: 1px solid #93c5fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box:active {
|
||||||
|
border: 1px solid #419afa;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.enabled {
|
||||||
|
background-color: #f1f6fd;
|
||||||
|
border: 1px solid #9dc4fc;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span {
|
||||||
|
margin: 3px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.logo {
|
||||||
|
height: 35px;
|
||||||
|
width: 35px;
|
||||||
|
margin-right: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.logo.facebook {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.logo.twitter {
|
||||||
|
background-position: -35px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.logo.buzz {
|
||||||
|
background-position: -70px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.logo.identica {
|
||||||
|
background-position: -105px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.option,
|
||||||
|
#welcome a.box span.name {
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.description {
|
||||||
|
font-size: 0.7em;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.share span.description {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
margin: -30px 12px 0 0;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image.sound {
|
||||||
|
background-position: 0 -900px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image.geolocation {
|
||||||
|
background-position: 0 -658px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image.xmpp {
|
||||||
|
background-position: 0 -990px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image.archives,
|
||||||
|
#page-engine .text .tools-archives {
|
||||||
|
background-position: 0 -1025px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.image.offline {
|
||||||
|
background-position: 0 -80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.tick,
|
||||||
|
#welcome a.box span.go {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
display: none;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.tick {
|
||||||
|
background-position: 0 -1661px;
|
||||||
|
margin: -52px -15px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box span.go {
|
||||||
|
background-position: 0 -1120px;
|
||||||
|
margin: -28px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome a.box.enabled span.tick {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome div.results {
|
||||||
|
margin: -7px 15px;
|
||||||
|
padding: 0;
|
||||||
|
height: 272px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome .bottom .finish.save {
|
||||||
|
display: none;
|
||||||
|
}
|
BIN
jappixmini/jappix/favicon.ico
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
jappixmini/jappix/img/others/blank.gif
Normal file
After Width: | Height: | Size: 43 B |
BIN
jappixmini/jappix/img/others/default-avatar.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
jappixmini/jappix/img/others/lock.png
Normal file
After Width: | Height: | Size: 140 B |
BIN
jappixmini/jappix/img/sprites/animate.gif
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
jappixmini/jappix/img/sprites/animate.png
Normal file
After Width: | Height: | Size: 7.6 KiB |
BIN
jappixmini/jappix/img/sprites/background.png
Normal file
After Width: | Height: | Size: 8.6 KiB |
BIN
jappixmini/jappix/img/sprites/browsers.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
jappixmini/jappix/img/sprites/buttons.png
Normal file
After Width: | Height: | Size: 379 B |
BIN
jappixmini/jappix/img/sprites/home.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
jappixmini/jappix/img/sprites/install.png
Normal file
After Width: | Height: | Size: 9.7 KiB |
BIN
jappixmini/jappix/img/sprites/logs.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
jappixmini/jappix/img/sprites/manager.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
jappixmini/jappix/img/sprites/me.png
Normal file
After Width: | Height: | Size: 5 KiB |
BIN
jappixmini/jappix/img/sprites/mini.gif
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
jappixmini/jappix/img/sprites/mini.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
jappixmini/jappix/img/sprites/mobile.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
jappixmini/jappix/img/sprites/smileys.png
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
jappixmini/jappix/img/sprites/talk.png
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
jappixmini/jappix/img/sprites/welcome.png
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
jappixmini/jappix/img/wait/wait-big.gif
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
jappixmini/jappix/img/wait/wait-medium.png
Normal file
After Width: | Height: | Size: 4 KiB |
BIN
jappixmini/jappix/img/wait/wait-small.gif
Normal file
After Width: | Height: | Size: 847 B |
85
jappixmini/jappix/js/adhoc.js
Normal file
|
@ -0,0 +1,85 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the Ad-Hoc JS scripts for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 11/07/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Opens the adhoc popup
|
||||||
|
function openAdHoc() {
|
||||||
|
// Popup HTML content
|
||||||
|
var html =
|
||||||
|
'<div class="top">' + _e("Commands") + '</div>' +
|
||||||
|
|
||||||
|
'<div class="content">' +
|
||||||
|
'<div class="adhoc-head"></div>' +
|
||||||
|
|
||||||
|
'<div class="results adhoc-results"></div>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="bottom">' +
|
||||||
|
'<div class="wait wait-medium"></div>' +
|
||||||
|
|
||||||
|
'<a href="#" class="finish">' + _e("Close") + '</a>' +
|
||||||
|
'</div>';
|
||||||
|
|
||||||
|
// Create the popup
|
||||||
|
createPopup('adhoc', html);
|
||||||
|
|
||||||
|
// Associate the events
|
||||||
|
launchAdHoc();
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quits the adhoc popup
|
||||||
|
function closeAdHoc() {
|
||||||
|
// Destroy the popup
|
||||||
|
destroyPopup('adhoc');
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Retrieves an entity adhoc command
|
||||||
|
function retrieveAdHoc(xid) {
|
||||||
|
// Open the popup
|
||||||
|
openAdHoc();
|
||||||
|
|
||||||
|
// Add a XID marker
|
||||||
|
$('#adhoc .adhoc-head').html('<b>' + getBuddyName(xid).htmlEnc() + '</b> (' + xid.htmlEnc() + ')');
|
||||||
|
|
||||||
|
// Get the highest entity resource
|
||||||
|
var highest = getHighestResource(xid);
|
||||||
|
|
||||||
|
if(highest)
|
||||||
|
xid = highest;
|
||||||
|
|
||||||
|
// Start a new adhoc command
|
||||||
|
dataForm(xid, 'command', '', '', 'adhoc');
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Starts an adhoc command on the user server
|
||||||
|
function serverAdHoc(server) {
|
||||||
|
// Open the popup
|
||||||
|
openAdHoc();
|
||||||
|
|
||||||
|
// Add a XID marker
|
||||||
|
$('#adhoc .adhoc-head').html('<b>' + server.htmlEnc() + '</b>');
|
||||||
|
|
||||||
|
// Start a new adhoc command
|
||||||
|
dataForm(server, 'command', '', '', 'adhoc');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Plugin launcher
|
||||||
|
function launchAdHoc() {
|
||||||
|
// Click event
|
||||||
|
$('#adhoc .bottom .finish').click(closeAdHoc);
|
||||||
|
}
|
131
jappixmini/jappix/js/anonymous.js
Normal file
|
@ -0,0 +1,131 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the anonymous mode JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Authors: Vanaryon, LinkMauve
|
||||||
|
Last revision: 02/10/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Connected to an anonymous session
|
||||||
|
function anonymousConnected(con) {
|
||||||
|
logThis('Jappix (anonymous) is now connected.', 3);
|
||||||
|
|
||||||
|
// Connected marker
|
||||||
|
CONNECTED = true;
|
||||||
|
CURRENT_SESSION = true;
|
||||||
|
RECONNECT_TRY = 0;
|
||||||
|
RECONNECT_TIMER = 0;
|
||||||
|
|
||||||
|
// Not resumed?
|
||||||
|
if(!RESUME) {
|
||||||
|
// Create the app
|
||||||
|
createTalkPage();
|
||||||
|
|
||||||
|
// Send our first presence
|
||||||
|
firstPresence('');
|
||||||
|
|
||||||
|
// Set last activity stamp
|
||||||
|
LAST_ACTIVITY = getTimeStamp();
|
||||||
|
|
||||||
|
// Create the new groupchat
|
||||||
|
checkChatCreate(generateXID(ANONYMOUS_ROOM, 'groupchat'), 'groupchat');
|
||||||
|
|
||||||
|
// Remove some nasty elements for the anonymous mode
|
||||||
|
$('.tools-mucadmin, .tools-add').remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resumed
|
||||||
|
else {
|
||||||
|
// Send again our presence
|
||||||
|
presenceSend();
|
||||||
|
|
||||||
|
// Change the title
|
||||||
|
updateTitle();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove the waiting icon
|
||||||
|
removeGeneralWait();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Disconnected from an anonymous session
|
||||||
|
function anonymousDisconnected() {
|
||||||
|
logThis('Jappix (anonymous) is now disconnected.', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Logins to a anonymous account
|
||||||
|
function anonymousLogin(server) {
|
||||||
|
try {
|
||||||
|
// We define the http binding parameters
|
||||||
|
oArgs = new Object();
|
||||||
|
|
||||||
|
if(HOST_BOSH_MAIN)
|
||||||
|
oArgs.httpbase = HOST_BOSH_MAIN;
|
||||||
|
else
|
||||||
|
oArgs.httpbase = HOST_BOSH;
|
||||||
|
|
||||||
|
// We create the new http-binding connection
|
||||||
|
con = new JSJaCHttpBindingConnection(oArgs);
|
||||||
|
|
||||||
|
// And we handle everything that happen
|
||||||
|
con.registerHandler('message', handleMessage);
|
||||||
|
con.registerHandler('presence', handlePresence);
|
||||||
|
con.registerHandler('iq', handleIQ);
|
||||||
|
con.registerHandler('onconnect', anonymousConnected);
|
||||||
|
con.registerHandler('onerror', handleError);
|
||||||
|
con.registerHandler('ondisconnect', anonymousDisconnected);
|
||||||
|
|
||||||
|
// We set the anonymous connection parameters
|
||||||
|
oArgs = new Object();
|
||||||
|
oArgs.domain = server;
|
||||||
|
oArgs.authtype = 'saslanon';
|
||||||
|
oArgs.resource = JAPPIX_RESOURCE + ' Anonymous (' + (new Date()).getTime() + ')';
|
||||||
|
oArgs.secure = true;
|
||||||
|
oArgs.xmllang = XML_LANG;
|
||||||
|
|
||||||
|
// We connect !
|
||||||
|
con.connect(oArgs);
|
||||||
|
|
||||||
|
// Change the page title
|
||||||
|
pageTitle('wait');
|
||||||
|
}
|
||||||
|
|
||||||
|
catch(e) {
|
||||||
|
// Logs errors
|
||||||
|
logThis('Error while anonymous loggin in: ' + e, 1);
|
||||||
|
|
||||||
|
// Reset Jappix
|
||||||
|
anonymousDisconnected();
|
||||||
|
|
||||||
|
// Open an unknown error
|
||||||
|
openThisError(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
finally {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Plugin launcher
|
||||||
|
function launchAnonymous() {
|
||||||
|
logThis('Anonymous mode detected, connecting...', 3);
|
||||||
|
|
||||||
|
// We add the login wait div
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Get the vars
|
||||||
|
if(LINK_VARS['r'])
|
||||||
|
ANONYMOUS_ROOM = LINK_VARS['r'];
|
||||||
|
if(LINK_VARS['n'])
|
||||||
|
ANONYMOUS_NICK = LINK_VARS['n'];
|
||||||
|
|
||||||
|
// Fire the login action
|
||||||
|
anonymousLogin(HOST_ANONYMOUS);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Launch this plugin!
|
||||||
|
$(document).ready(launchAnonymous);
|
418
jappixmini/jappix/js/archives.js
Normal file
|
@ -0,0 +1,418 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the archives functions for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 03/03/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Opens the archive tools
|
||||||
|
function openArchives() {
|
||||||
|
// Popup HTML content
|
||||||
|
var html =
|
||||||
|
'<div class="top">' + _e("Message archives") + '</div>' +
|
||||||
|
|
||||||
|
'<div class="content">' +
|
||||||
|
'<div class="filter">' +
|
||||||
|
'<select class="friend" multiple=""></select>' +
|
||||||
|
|
||||||
|
'<div class="date"></div>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="current">' +
|
||||||
|
'<span class="name"></span>' +
|
||||||
|
'<span class="time">' + _e("Please select a friend to view the chat history.") + '</span>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="logs" id="chat-content-archives"></div>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="bottom">' +
|
||||||
|
'<div class="wait wait-medium"></div>' +
|
||||||
|
|
||||||
|
'<a href="#" class="finish">' + _e("Close") + '</a>' +
|
||||||
|
'</div>';
|
||||||
|
|
||||||
|
// Create the popup
|
||||||
|
createPopup('archives', html);
|
||||||
|
|
||||||
|
// Associate the events
|
||||||
|
launchArchives();
|
||||||
|
|
||||||
|
// Get all the buddies in our roster
|
||||||
|
var buddies = getAllBuddies();
|
||||||
|
var options = '';
|
||||||
|
|
||||||
|
for(i in buddies) {
|
||||||
|
var current = buddies[i];
|
||||||
|
|
||||||
|
// Add the current buddy
|
||||||
|
options += '<option value="' + encodeQuotes(current) + '">' + getBuddyName(current).htmlEnc() + '</option>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Can append the buddy HTML code?
|
||||||
|
if(options)
|
||||||
|
$('#archives .filter .friend').append(options);
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Closes the archive tools
|
||||||
|
function closeArchives() {
|
||||||
|
// Destroy the popup
|
||||||
|
destroyPopup('archives');
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the archives list for a buddy
|
||||||
|
function getListArchives(xid) {
|
||||||
|
// Reset the archives viewer
|
||||||
|
$('#archives .logs').empty();
|
||||||
|
|
||||||
|
// Show the waiting icon
|
||||||
|
$('#archives .wait').show();
|
||||||
|
|
||||||
|
// Apply the ID
|
||||||
|
var id = genID();
|
||||||
|
$('#archives').attr('data-session', id);
|
||||||
|
|
||||||
|
// New IQ
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('get');
|
||||||
|
iq.setID(id);
|
||||||
|
|
||||||
|
var list = iq.appendNode('list', {'xmlns': NS_URN_ARCHIVE, 'with': xid});
|
||||||
|
var set = list.appendChild(iq.buildNode('set', {'xmlns': NS_RSM}));
|
||||||
|
set.appendChild(iq.buildNode('max', {'xmlns': NS_RSM}, '0'));
|
||||||
|
|
||||||
|
con.send(iq, handleListArchives);
|
||||||
|
|
||||||
|
logThis('Getting archives list for: ' + xid + '...');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the archives list for a buddy
|
||||||
|
function handleListArchives(iq) {
|
||||||
|
// Hide the waiting icon
|
||||||
|
$('#archives .wait').hide();
|
||||||
|
|
||||||
|
// Any error?
|
||||||
|
if(handleErrorReply(iq) || !exists('#archives[data-session=' + iq.getID() + ']'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Get the last archive date
|
||||||
|
var last = $(iq.getNode()).find('list set changed').text();
|
||||||
|
|
||||||
|
// Any last archive?
|
||||||
|
if(last) {
|
||||||
|
// Read the date
|
||||||
|
var date = Date.jab2date(last);
|
||||||
|
|
||||||
|
// Change the datepicker value
|
||||||
|
$('#archives .filter .date').DatePickerSetDate(date, true);
|
||||||
|
|
||||||
|
// Retrieve the archives
|
||||||
|
checkChangeArchives();
|
||||||
|
}
|
||||||
|
|
||||||
|
logThis('Got archives list.', 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the archives for a day
|
||||||
|
function getDayArchives(xid, date) {
|
||||||
|
// Reset the archives viewer
|
||||||
|
$('#archives .logs').empty();
|
||||||
|
|
||||||
|
// Show the waiting icon
|
||||||
|
$('#archives .wait').show();
|
||||||
|
|
||||||
|
// Apply the ID
|
||||||
|
var id = genID();
|
||||||
|
$('#archives').attr('data-session', id);
|
||||||
|
|
||||||
|
// New IQ
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('get');
|
||||||
|
iq.setID(id);
|
||||||
|
|
||||||
|
iq.appendNode('list', {'xmlns': NS_URN_ARCHIVE, 'with': xid, 'start': date + 'T00:00:00Z', 'end': date + 'T23:59:59Z'});
|
||||||
|
|
||||||
|
con.send(iq, handleDayArchives);
|
||||||
|
|
||||||
|
logThis('Getting day archives (' + date + ') for: ' + xid + '...');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the archives for a day
|
||||||
|
function handleDayArchives(iq) {
|
||||||
|
// Hide the waiting icon
|
||||||
|
$('#archives .wait').hide();
|
||||||
|
|
||||||
|
// Any error?
|
||||||
|
if(handleErrorReply(iq) || !exists('#archives[data-session=' + iq.getID() + ']'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Get each archive thread
|
||||||
|
$(iq.getNode()).find('chat').each(function() {
|
||||||
|
// Current values
|
||||||
|
var xid = $(this).attr('with');
|
||||||
|
var start = $(this).attr('start');
|
||||||
|
|
||||||
|
if(xid && start)
|
||||||
|
$('#archives .logs').append('<input class="archives-pending" type="hidden" data-with="' + encodeQuotes(xid) + '" data-start="' + encodeQuotes(start) + '" />');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Display the day
|
||||||
|
var date = parseDay($('#archives .filter .date').DatePickerGetDate(true) + 'T00:00:00Z' + getDateTZO());
|
||||||
|
|
||||||
|
// Try to get the first thread
|
||||||
|
var pending = '#archives input.archives-pending:first';
|
||||||
|
|
||||||
|
if(!exists(pending))
|
||||||
|
date = printf(_e("Nothing found for: %s"), date);
|
||||||
|
|
||||||
|
else {
|
||||||
|
retrieveArchives($(pending).attr('data-with'), $(pending).attr('data-start'));
|
||||||
|
$(pending).remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#archives .current .time').text(date);
|
||||||
|
|
||||||
|
logThis('Got day archives.', 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Retrieves a specified archive collection
|
||||||
|
function retrieveArchives(xid, start) {
|
||||||
|
// Show the waiting icon
|
||||||
|
$('#archives .wait').show();
|
||||||
|
|
||||||
|
// Apply the ID
|
||||||
|
var id = genID();
|
||||||
|
$('#archives').attr('data-session', id);
|
||||||
|
|
||||||
|
// New IQ
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('get');
|
||||||
|
iq.setID(id);
|
||||||
|
|
||||||
|
var list = iq.appendNode('retrieve', {'xmlns': NS_URN_ARCHIVE, 'with': xid, 'start': start});
|
||||||
|
|
||||||
|
con.send(iq, handleRetrieveArchives);
|
||||||
|
|
||||||
|
logThis('Retrieving archives (start: ' + start + ') for: ' + xid + '...');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles a specified archive collection
|
||||||
|
function handleRetrieveArchives(iq) {
|
||||||
|
// Hide the waiting icon
|
||||||
|
$('#archives .wait').hide();
|
||||||
|
|
||||||
|
// Any error?
|
||||||
|
if(handleErrorReply(iq) || !exists('#archives[data-session=' + iq.getID() + ']'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Get the node
|
||||||
|
var chat = $(iq.getNode()).find('chat:first');
|
||||||
|
|
||||||
|
// Get the buddy XID
|
||||||
|
var xid = bareXID(chat.attr('with'));
|
||||||
|
|
||||||
|
// Get the start date & stamp
|
||||||
|
var start_date = Date.jab2date(chat.attr('start'));
|
||||||
|
var start_stamp = extractStamp(start_date);
|
||||||
|
|
||||||
|
// Parse the result chat
|
||||||
|
chat.find('to, from').each(function() {
|
||||||
|
var node = (this).nodeName;
|
||||||
|
var stamp = start_stamp + parseInt($(this).attr('secs'));
|
||||||
|
var date = extractTime(new Date(stamp * 1000));
|
||||||
|
var body = $(this).find('body').text();
|
||||||
|
|
||||||
|
// Is it my message?
|
||||||
|
if((node == 'to') && body)
|
||||||
|
displayMessage('chat', getXID(), 'archives', getBuddyName(getXID()).htmlEnc(), body, date, start_stamp, 'user-message', true, '', 'me');
|
||||||
|
|
||||||
|
// Is it a buddy message?
|
||||||
|
else if((node == 'from') && body)
|
||||||
|
displayMessage('chat', xid, 'archives', getBuddyName(xid).htmlEnc(), body, date, start_stamp, 'user-message', true, '', 'him');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Not the latest thread?
|
||||||
|
var pending = '#archives input.archives-pending:first';
|
||||||
|
|
||||||
|
if(exists(pending)) {
|
||||||
|
retrieveArchives($(pending).attr('data-with'), $(pending).attr('data-start'));
|
||||||
|
$(pending).remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Everything has been retrieved, get the avatars
|
||||||
|
else {
|
||||||
|
getAvatar(getXID(), 'cache', 'true', 'forget');
|
||||||
|
getAvatar(xid, 'cache', 'true', 'forget');
|
||||||
|
}
|
||||||
|
|
||||||
|
logThis('Got archives.', 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the archiving configuration
|
||||||
|
function getConfigArchives() {
|
||||||
|
// Lock the archiving options
|
||||||
|
$('#archiving').attr('checked', false).attr('disabled', true);
|
||||||
|
|
||||||
|
// Get the archiving configuration
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('get');
|
||||||
|
|
||||||
|
iq.appendNode('pref', {'xmlns': NS_URN_ARCHIVE});
|
||||||
|
|
||||||
|
con.send(iq, handleGetConfigArchives);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the archiving configuration
|
||||||
|
function handleGetConfigArchives(iq) {
|
||||||
|
// Reset the options stuffs
|
||||||
|
waitOptions('archives');
|
||||||
|
|
||||||
|
// Unlock the archiving options
|
||||||
|
$('#archiving').removeAttr('disabled');
|
||||||
|
|
||||||
|
// End if not a result
|
||||||
|
if(!iq || (iq.getType() != 'result'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Extract the preferences from the IQ
|
||||||
|
var enabled = $(iq.getNode()).find('pref auto').attr('save');
|
||||||
|
|
||||||
|
// Define the input enabling/disabling vars
|
||||||
|
var checked = true;
|
||||||
|
|
||||||
|
if(enabled != 'true')
|
||||||
|
checked = false;
|
||||||
|
|
||||||
|
// Apply the values
|
||||||
|
$('#archiving').attr('checked', checked);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Configures the archiving on the server
|
||||||
|
function configArchives(enabled) {
|
||||||
|
// Configure the auto element
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('set');
|
||||||
|
|
||||||
|
iq.appendNode('auto', {'xmlns': NS_URN_ARCHIVE, 'save': enabled});
|
||||||
|
|
||||||
|
con.send(iq, handleConfigArchives);
|
||||||
|
|
||||||
|
// Configure the default element
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('set');
|
||||||
|
|
||||||
|
var pref = iq.appendNode('pref', {'xmlns': NS_URN_ARCHIVE});
|
||||||
|
pref.appendChild(iq.appendNode('default', {'xmlns': NS_URN_ARCHIVE, 'otr': 'concede', 'save': 'body'}));
|
||||||
|
|
||||||
|
con.send(iq);
|
||||||
|
|
||||||
|
// Configure the method element
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('set');
|
||||||
|
|
||||||
|
var mType = new Array('auto', 'local', 'manual');
|
||||||
|
var mUse = new Array('prefer', 'concede', 'concede');
|
||||||
|
|
||||||
|
var pref = iq.appendNode('pref', {'xmlns': NS_URN_ARCHIVE});
|
||||||
|
|
||||||
|
for(i in mType)
|
||||||
|
pref.appendChild(iq.appendNode('method', {'xmlns': NS_URN_ARCHIVE, 'type': mType[i], 'use': mUse[i]}));
|
||||||
|
|
||||||
|
con.send(iq);
|
||||||
|
|
||||||
|
// Logger
|
||||||
|
logThis('Configuring archives...', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the archives configuration
|
||||||
|
function handleConfigArchives(iq) {
|
||||||
|
if(!iq || (iq.getType() != 'result'))
|
||||||
|
logThis('Archives not configured.', 2);
|
||||||
|
else
|
||||||
|
logThis('Archives configured.', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if the datepicker has changed
|
||||||
|
function checkChangeArchives() {
|
||||||
|
var xid = $('#archives .filter .friend').val();
|
||||||
|
var date = $('#archives .filter .date').DatePickerGetDate(true);
|
||||||
|
|
||||||
|
// No XID?
|
||||||
|
if(!xid || !xid.length)
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Too many value?
|
||||||
|
if(xid.length > 1) {
|
||||||
|
$('#archives .filter .friend').val(xid[0]);
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get the first XID
|
||||||
|
xid = xid[0];
|
||||||
|
|
||||||
|
// Get the archives
|
||||||
|
getDayArchives(xid, date);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update the archives with the selected XID
|
||||||
|
function updateArchives() {
|
||||||
|
// Read the values
|
||||||
|
var xid = $('#archives .filter .friend').val();
|
||||||
|
var date = $('#archives .filter .date').DatePickerGetDate(true);
|
||||||
|
|
||||||
|
// No XID?
|
||||||
|
if(!xid || !xid.length)
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Too many value?
|
||||||
|
if(xid.length > 1) {
|
||||||
|
$('#archives .filter .friend').val(xid[0]);
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get the first XID
|
||||||
|
xid = xid[0];
|
||||||
|
|
||||||
|
// Apply the current marker
|
||||||
|
$('#archives .current .name').text(getBuddyName(xid));
|
||||||
|
$('#archives .current .time').text(parseDay(date + 'T00:00:00Z' + getDateTZO()));
|
||||||
|
|
||||||
|
// Get the archives
|
||||||
|
getListArchives(xid, date);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Plugin launcher
|
||||||
|
function launchArchives() {
|
||||||
|
// Current date
|
||||||
|
var current_date = explodeThis('T', getXMPPTime(), 0);
|
||||||
|
|
||||||
|
// Datepicker
|
||||||
|
$('#archives .filter .date').DatePicker({
|
||||||
|
flat: true,
|
||||||
|
date: current_date,
|
||||||
|
current: current_date,
|
||||||
|
calendars: 1,
|
||||||
|
starts: 1,
|
||||||
|
onChange: checkChangeArchives
|
||||||
|
});
|
||||||
|
|
||||||
|
// Click events
|
||||||
|
$('#archives .bottom .finish').click(function() {
|
||||||
|
return closeArchives();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Change event
|
||||||
|
$('#archives .filter .friend').change(updateArchives);
|
||||||
|
}
|
46
jappixmini/jappix/js/audio.js
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the audio JS scripts for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 10/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Plays the given sound ID
|
||||||
|
function soundPlay(num) {
|
||||||
|
try {
|
||||||
|
// Not supported!
|
||||||
|
if((BrowserDetect.browser == 'Explorer') && (BrowserDetect.version < 9))
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// If the sounds are enabled
|
||||||
|
if(getDB('options', 'sounds') == '1') {
|
||||||
|
// If the audio elements aren't yet in the DOM
|
||||||
|
if(!exists('#audio')) {
|
||||||
|
$('body').append(
|
||||||
|
'<div id="audio">' +
|
||||||
|
'<audio id="new-chat" src="./snd/new-chat.oga" type="audio/ogg" />' +
|
||||||
|
'<audio id="receive-message" src="./snd/receive-message.oga" type="audio/ogg" />' +
|
||||||
|
'<audio id="notification" src="./snd/notification.oga" type="audio/ogg" />' +
|
||||||
|
'</div>'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// We play the target sound
|
||||||
|
var playThis = document.getElementById('audio').getElementsByTagName('audio')[num];
|
||||||
|
playThis.load();
|
||||||
|
playThis.play();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
catch(e) {}
|
||||||
|
|
||||||
|
finally {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
99
jappixmini/jappix/js/autocompletion.js
Normal file
|
@ -0,0 +1,99 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the autocompletion tools JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 12/11/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Sort an array with insensitivity to the case
|
||||||
|
function caseInsensitiveSort(a, b) {
|
||||||
|
// Put the two strings into lower case
|
||||||
|
a = a.toLowerCase();
|
||||||
|
b = b.toLowerCase();
|
||||||
|
|
||||||
|
// Process the sort
|
||||||
|
if(a > b)
|
||||||
|
return 1;
|
||||||
|
if(a < b)
|
||||||
|
return -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Creates an array with the autocompletion results
|
||||||
|
function processAutocompletion(query, id) {
|
||||||
|
// Replace forbidden characters in regex
|
||||||
|
query = escapeRegex(query);
|
||||||
|
|
||||||
|
// Create an empty array
|
||||||
|
var results = new Array();
|
||||||
|
|
||||||
|
// Search in the roster
|
||||||
|
$('#' + id + ' .user').each(function() {
|
||||||
|
var nick = $(this).find('.name').text();
|
||||||
|
var regex = new RegExp('(^)' + query, 'gi');
|
||||||
|
|
||||||
|
if(nick.match(regex))
|
||||||
|
results.push(nick);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Sort the array
|
||||||
|
results = results.sort(caseInsensitiveSort);
|
||||||
|
|
||||||
|
// Return the results array
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resets the autocompletion tools
|
||||||
|
function resetAutocompletion(hash) {
|
||||||
|
$('#' + hash + ' .message-area').removeAttr('data-autocompletion-pointer').removeAttr('data-autocompletion-query');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Autocompletes the chat input nick
|
||||||
|
function createAutocompletion(hash) {
|
||||||
|
// Initialize
|
||||||
|
var vSelector = $('#' + hash + ' .message-area');
|
||||||
|
var value = vSelector.val();
|
||||||
|
if(!value)
|
||||||
|
resetAutocompletion(hash);
|
||||||
|
var query = vSelector.attr('data-autocompletion-query');
|
||||||
|
|
||||||
|
// The autocompletion has not been yet launched
|
||||||
|
if(query == undefined) {
|
||||||
|
query = value;
|
||||||
|
vSelector.attr('data-autocompletion-query', query);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get the pointer
|
||||||
|
var pointer = vSelector.attr('data-autocompletion-pointer');
|
||||||
|
var i = 0;
|
||||||
|
|
||||||
|
if(pointer)
|
||||||
|
i = parseInt(pointer);
|
||||||
|
|
||||||
|
// We get the nickname
|
||||||
|
var nick = processAutocompletion(query, hash)[i];
|
||||||
|
|
||||||
|
// Shit, this is my nick!
|
||||||
|
if((nick != undefined) && (nick.toLowerCase() == getMUCNick(hash).toLowerCase())) {
|
||||||
|
// Increment
|
||||||
|
i++;
|
||||||
|
|
||||||
|
// Get the next nick
|
||||||
|
nick = processAutocompletion(query, hash)[i];
|
||||||
|
}
|
||||||
|
|
||||||
|
// We quote the nick
|
||||||
|
if(nick != undefined) {
|
||||||
|
// Increment
|
||||||
|
i++;
|
||||||
|
quoteMyNick(hash, nick);
|
||||||
|
|
||||||
|
// Put a pointer
|
||||||
|
vSelector.attr('data-autocompletion-pointer', i);
|
||||||
|
}
|
||||||
|
}
|
205
jappixmini/jappix/js/avatar.js
Normal file
|
@ -0,0 +1,205 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the avatar JS scripts for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 01/03/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Requests the avatar of a given user
|
||||||
|
var AVATAR_PENDING = [];
|
||||||
|
|
||||||
|
function getAvatar(xid, mode, enabled, photo) {
|
||||||
|
/* REF: http://xmpp.org/extensions/xep-0153.html */
|
||||||
|
|
||||||
|
// No need to get the avatar, another process is yet running
|
||||||
|
if(existArrayValue(AVATAR_PENDING, xid))
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// Initialize: XML data is in one SQL entry, because some browser are sloooow with SQL requests
|
||||||
|
var xml = XMLFromString(getPersistent('avatar', xid));
|
||||||
|
var forced = false;
|
||||||
|
|
||||||
|
// Retrieving forced?
|
||||||
|
if($(xml).find('forced').text() == 'true')
|
||||||
|
forced = true;
|
||||||
|
|
||||||
|
// No avatar in presence
|
||||||
|
if(!photo && !forced && (enabled == 'true')) {
|
||||||
|
// Pending marker
|
||||||
|
AVATAR_PENDING.push(xid);
|
||||||
|
|
||||||
|
// Reset the avatar
|
||||||
|
resetAvatar(xid, hex_md5(xid));
|
||||||
|
|
||||||
|
logThis('No avatar for: ' + xid, 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Try to catch the avatar
|
||||||
|
else {
|
||||||
|
// Define some stuffs
|
||||||
|
var type = $(xml).find('type').text();
|
||||||
|
var binval = $(xml).find('binval').text();
|
||||||
|
var checksum = $(xml).find('checksum').text();
|
||||||
|
var updated = false;
|
||||||
|
|
||||||
|
// Process the checksum of the avatar
|
||||||
|
if((checksum == photo) || (photo == 'forget') || forced)
|
||||||
|
updated = true;
|
||||||
|
|
||||||
|
// If the avatar is yet stored and a new retrieving is not needed
|
||||||
|
if((mode == 'cache') && type && binval && checksum && updated) {
|
||||||
|
// Pending marker
|
||||||
|
AVATAR_PENDING.push(xid);
|
||||||
|
|
||||||
|
// Display the cache avatar
|
||||||
|
displayAvatar(xid, hex_md5(xid), type, binval);
|
||||||
|
|
||||||
|
logThis('Read avatar from cache: ' + xid, 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Else if the request has not yet been fired, we get it
|
||||||
|
else if((!updated || (mode == 'cache' && !updated) || (mode == 'force') || (photo = 'forget')) && (enabled != 'false')) {
|
||||||
|
// Pending marker
|
||||||
|
AVATAR_PENDING.push(xid);
|
||||||
|
|
||||||
|
// Get the latest avatar
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
iq.setType('get');
|
||||||
|
iq.setTo(xid);
|
||||||
|
|
||||||
|
iq.appendNode('vCard', {'xmlns': NS_VCARD});
|
||||||
|
|
||||||
|
con.send(iq, handleAvatar);
|
||||||
|
|
||||||
|
logThis('Get avatar from server: ' + xid, 3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the avatar
|
||||||
|
function handleAvatar(iq) {
|
||||||
|
// Extract the XML values
|
||||||
|
var handleXML = iq.getNode();
|
||||||
|
var handleFrom = fullXID(getStanzaFrom(iq));
|
||||||
|
|
||||||
|
// Is this me? Remove the resource!
|
||||||
|
if(bareXID(handleFrom) == getXID())
|
||||||
|
handleFrom = bareXID(handleFrom);
|
||||||
|
|
||||||
|
// Get some other values
|
||||||
|
var hash = hex_md5(handleFrom);
|
||||||
|
var find = $(handleXML).find('vCard');
|
||||||
|
var aChecksum = 'none';
|
||||||
|
var oChecksum = null;
|
||||||
|
|
||||||
|
// Read our own checksum
|
||||||
|
if(handleFrom == getXID()) {
|
||||||
|
oChecksum = getDB('checksum', 1);
|
||||||
|
|
||||||
|
// Avoid the "null" value
|
||||||
|
if(!oChecksum)
|
||||||
|
oChecksum = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// vCard not empty?
|
||||||
|
if(find.size()) {
|
||||||
|
// We get our profile details
|
||||||
|
if(handleFrom == getXID()) {
|
||||||
|
// Get the names
|
||||||
|
var names = generateBuddyName(iq);
|
||||||
|
|
||||||
|
// Write the values to the database
|
||||||
|
setDB('profile', 'name', names[0]);
|
||||||
|
setDB('profile', 'nick', names[1]);
|
||||||
|
}
|
||||||
|
|
||||||
|
// We get the avatar
|
||||||
|
var aType = find.find('TYPE:first').text();
|
||||||
|
var aBinval = find.find('BINVAL:first').text();
|
||||||
|
|
||||||
|
// No binval?
|
||||||
|
if(!aBinval) {
|
||||||
|
aType = 'none';
|
||||||
|
aBinval = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Enough data
|
||||||
|
else {
|
||||||
|
// No type?
|
||||||
|
if(!aType)
|
||||||
|
aType = 'image/png';
|
||||||
|
|
||||||
|
// Process the checksum
|
||||||
|
else
|
||||||
|
aChecksum = hex_sha1(Base64.decode(aBinval));
|
||||||
|
}
|
||||||
|
|
||||||
|
// We display the user avatar
|
||||||
|
displayAvatar(handleFrom, hash, aType, aBinval);
|
||||||
|
|
||||||
|
// Store the avatar
|
||||||
|
setPersistent('avatar', handleFrom, '<avatar><type>' + aType + '</type><binval>' + aBinval + '</binval><checksum>' + aChecksum + '</checksum><forced>false</forced></avatar>');
|
||||||
|
|
||||||
|
logThis('Avatar retrieved from server: ' + handleFrom, 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// vCard is empty
|
||||||
|
else
|
||||||
|
resetAvatar(handleFrom);
|
||||||
|
|
||||||
|
// We got a new checksum for us?
|
||||||
|
if(((oChecksum != null) && (oChecksum != aChecksum)) || !FIRST_PRESENCE_SENT) {
|
||||||
|
// Define a proper checksum
|
||||||
|
var pChecksum = aChecksum;
|
||||||
|
|
||||||
|
if(pChecksum == 'none')
|
||||||
|
pChecksum = '';
|
||||||
|
|
||||||
|
// Update our temp. checksum
|
||||||
|
setDB('checksum', 1, pChecksum);
|
||||||
|
|
||||||
|
// Send the stanza
|
||||||
|
if(FIRST_PRESENCE_SENT)
|
||||||
|
presenceSend(pChecksum);
|
||||||
|
else
|
||||||
|
getStorage(NS_OPTIONS);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reset the avatar of an user
|
||||||
|
function resetAvatar(xid, hash) {
|
||||||
|
// Store the empty avatar
|
||||||
|
setPersistent('avatar', xid, '<avatar><type>none</type><binval>none</binval><checksum>none</checksum><forced>false</forced></avatar>');
|
||||||
|
|
||||||
|
// Display the empty avatar
|
||||||
|
displayAvatar(xid, hash, 'none', 'none');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Displays the avatar of an user
|
||||||
|
function displayAvatar(xid, hash, type, binval) {
|
||||||
|
// Initialize the vars
|
||||||
|
var container = hash + ' .avatar-container';
|
||||||
|
var code = '<img class="avatar" src="';
|
||||||
|
|
||||||
|
// If the avatar exists
|
||||||
|
if((type != 'none') && (binval != 'none'))
|
||||||
|
code += 'data:' + type + ';base64,' + binval;
|
||||||
|
else
|
||||||
|
code += './img/others/default-avatar.png';
|
||||||
|
|
||||||
|
code += '" alt="" />';
|
||||||
|
|
||||||
|
// Replace with the new avatar (in the roster and in the chat)
|
||||||
|
$('.' + container).html(code);
|
||||||
|
|
||||||
|
// We can remove the pending marker
|
||||||
|
removeArrayValue(AVATAR_PENDING, xid);
|
||||||
|
}
|
80
jappixmini/jappix/js/base64.js
Normal file
|
@ -0,0 +1,80 @@
|
||||||
|
// This code was written by Tyler Akins and has been placed in the
|
||||||
|
// public domain. It would be nice if you left this header intact.
|
||||||
|
// Base64 code from Tyler Akins -- http://rumkin.com
|
||||||
|
|
||||||
|
var Base64 = (function () {
|
||||||
|
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
|
||||||
|
|
||||||
|
var obj = {
|
||||||
|
/**
|
||||||
|
* Encodes a string in base64
|
||||||
|
* @param {String} input The string to encode in base64.
|
||||||
|
*/
|
||||||
|
encode: function (input) {
|
||||||
|
var output = "";
|
||||||
|
var chr1, chr2, chr3;
|
||||||
|
var enc1, enc2, enc3, enc4;
|
||||||
|
var i = 0;
|
||||||
|
|
||||||
|
do {
|
||||||
|
chr1 = input.charCodeAt(i++);
|
||||||
|
chr2 = input.charCodeAt(i++);
|
||||||
|
chr3 = input.charCodeAt(i++);
|
||||||
|
|
||||||
|
enc1 = chr1 >> 2;
|
||||||
|
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
|
||||||
|
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
|
||||||
|
enc4 = chr3 & 63;
|
||||||
|
|
||||||
|
if (isNaN(chr2)) {
|
||||||
|
enc3 = enc4 = 64;
|
||||||
|
} else if (isNaN(chr3)) {
|
||||||
|
enc4 = 64;
|
||||||
|
}
|
||||||
|
|
||||||
|
output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) +
|
||||||
|
keyStr.charAt(enc3) + keyStr.charAt(enc4);
|
||||||
|
} while (i < input.length);
|
||||||
|
|
||||||
|
return output;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Decodes a base64 string.
|
||||||
|
* @param {String} input The string to decode.
|
||||||
|
*/
|
||||||
|
decode: function (input) {
|
||||||
|
var output = "";
|
||||||
|
var chr1, chr2, chr3;
|
||||||
|
var enc1, enc2, enc3, enc4;
|
||||||
|
var i = 0;
|
||||||
|
|
||||||
|
// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
|
||||||
|
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
|
||||||
|
|
||||||
|
do {
|
||||||
|
enc1 = keyStr.indexOf(input.charAt(i++));
|
||||||
|
enc2 = keyStr.indexOf(input.charAt(i++));
|
||||||
|
enc3 = keyStr.indexOf(input.charAt(i++));
|
||||||
|
enc4 = keyStr.indexOf(input.charAt(i++));
|
||||||
|
|
||||||
|
chr1 = (enc1 << 2) | (enc2 >> 4);
|
||||||
|
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
|
||||||
|
chr3 = ((enc3 & 3) << 6) | enc4;
|
||||||
|
|
||||||
|
output = output + String.fromCharCode(chr1);
|
||||||
|
|
||||||
|
if (enc3 != 64) {
|
||||||
|
output = output + String.fromCharCode(chr2);
|
||||||
|
}
|
||||||
|
if (enc4 != 64) {
|
||||||
|
output = output + String.fromCharCode(chr3);
|
||||||
|
}
|
||||||
|
} while (i < input.length);
|
||||||
|
|
||||||
|
return output;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return obj;
|
||||||
|
})();
|
141
jappixmini/jappix/js/board.js
Normal file
|
@ -0,0 +1,141 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the notification board JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 12/03/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Creates a board panel
|
||||||
|
function createBoard(type, id) {
|
||||||
|
// Text var
|
||||||
|
var text = '';
|
||||||
|
|
||||||
|
// Info
|
||||||
|
if(type == 'info') {
|
||||||
|
switch(id) {
|
||||||
|
// Password change
|
||||||
|
case 1:
|
||||||
|
text = _e("Your password has been changed, now you can connect to your account with your new login data.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Account deletion
|
||||||
|
case 2:
|
||||||
|
text = _e("Your XMPP account has been removed, bye!");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Account logout
|
||||||
|
case 3:
|
||||||
|
text = _e("You have been logged out of your XMPP account, have a nice day!");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Groupchat join
|
||||||
|
case 4:
|
||||||
|
text = _e("The room you joined seems not to exist. You should create it!");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Groupchat removal
|
||||||
|
case 5:
|
||||||
|
text = _e("The groupchat has been removed, now someone else will be able to recreate it.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Non-existant groupchat user
|
||||||
|
case 6:
|
||||||
|
text = _e("The user that you want to reach is not present in the room.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Error
|
||||||
|
else {
|
||||||
|
switch(id) {
|
||||||
|
// Custom error
|
||||||
|
case 1:
|
||||||
|
text = '<b>' + _e("Error") + '</b> » <span></span>';
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Network error
|
||||||
|
case 2:
|
||||||
|
text = _e("Jappix has been interrupted by a network issue, a bug or bad login (check that you entered the right credentials), sorry for the inconvenience.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// List retrieving error
|
||||||
|
case 3:
|
||||||
|
text = _e("The element list on this server could not be obtained!");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Attaching error
|
||||||
|
case 4:
|
||||||
|
text = printf(_e("An error occured while uploading your file: maybe it is too big (%s maximum) or forbidden!"), JAPPIX_MAX_UPLOAD);
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// No text?
|
||||||
|
if(!text)
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// Append the content
|
||||||
|
$('#board').append('<div class="one-board ' + type + '" data-id="' + id + '">' + text + '</div>');
|
||||||
|
|
||||||
|
// Events (click and auto-hide)
|
||||||
|
$('#board .one-board.' + type + '[data-id=' + id + ']')
|
||||||
|
|
||||||
|
.click(function() {
|
||||||
|
closeThisBoard(this);
|
||||||
|
})
|
||||||
|
|
||||||
|
.oneTime('5s', function() {
|
||||||
|
closeThisBoard(this);
|
||||||
|
})
|
||||||
|
|
||||||
|
.slideDown();
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Destroys the existing board notifications
|
||||||
|
function destroyBoard() {
|
||||||
|
$('#board').empty();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Executes a given action on the notification board
|
||||||
|
function actionBoard(id, type) {
|
||||||
|
// In a first, we destroy other boards
|
||||||
|
destroyBoard();
|
||||||
|
|
||||||
|
// Then we display the board
|
||||||
|
createBoard(type, id);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Opens a given error ID
|
||||||
|
function openThisError(id) {
|
||||||
|
actionBoard(id, 'error');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Opens a given info ID
|
||||||
|
function openThisInfo(id) {
|
||||||
|
actionBoard(id, 'info');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Closes a given board
|
||||||
|
function closeThisBoard(board) {
|
||||||
|
$(board).slideUp('normal', function() {
|
||||||
|
$(this).remove();
|
||||||
|
});
|
||||||
|
}
|
124
jappixmini/jappix/js/browser-detect.js
Normal file
|
@ -0,0 +1,124 @@
|
||||||
|
/* BROWSER DETECT
|
||||||
|
* http://www.quirksmode.org/js/detect.html
|
||||||
|
*/
|
||||||
|
|
||||||
|
var BrowserDetect = {
|
||||||
|
init: function () {
|
||||||
|
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
|
||||||
|
this.version = this.searchVersion(navigator.userAgent)
|
||||||
|
|| this.searchVersion(navigator.appVersion)
|
||||||
|
|| "an unknown version";
|
||||||
|
this.OS = this.searchString(this.dataOS) || "an unknown OS";
|
||||||
|
},
|
||||||
|
|
||||||
|
searchString: function (data) {
|
||||||
|
for (var i=0;i<data.length;i++) {
|
||||||
|
var dataString = data[i].string;
|
||||||
|
var dataProp = data[i].prop;
|
||||||
|
this.versionSearchString = data[i].versionSearch || data[i].identity;
|
||||||
|
if (dataString) {
|
||||||
|
if (dataString.indexOf(data[i].subString) != -1)
|
||||||
|
return data[i].identity;
|
||||||
|
}
|
||||||
|
else if (dataProp)
|
||||||
|
return data[i].identity;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
searchVersion: function (dataString) {
|
||||||
|
var index = dataString.indexOf(this.versionSearchString);
|
||||||
|
if (index == -1) return;
|
||||||
|
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
|
||||||
|
},
|
||||||
|
|
||||||
|
dataBrowser: [
|
||||||
|
{
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "Chrome",
|
||||||
|
identity: "Chrome"
|
||||||
|
},
|
||||||
|
{ string: navigator.userAgent,
|
||||||
|
subString: "OmniWeb",
|
||||||
|
versionSearch: "OmniWeb/",
|
||||||
|
identity: "OmniWeb"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.vendor,
|
||||||
|
subString: "Apple",
|
||||||
|
identity: "Safari",
|
||||||
|
versionSearch: "Version"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: window.opera,
|
||||||
|
identity: "Opera"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.vendor,
|
||||||
|
subString: "iCab",
|
||||||
|
identity: "iCab"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.vendor,
|
||||||
|
subString: "KDE",
|
||||||
|
identity: "Konqueror"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "Firefox",
|
||||||
|
identity: "Firefox"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.vendor,
|
||||||
|
subString: "Camino",
|
||||||
|
identity: "Camino"
|
||||||
|
},
|
||||||
|
{ // for newer Netscapes (6+)
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "Netscape",
|
||||||
|
identity: "Netscape"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "MSIE",
|
||||||
|
identity: "Explorer",
|
||||||
|
versionSearch: "MSIE"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "Gecko",
|
||||||
|
identity: "Mozilla",
|
||||||
|
versionSearch: "rv"
|
||||||
|
},
|
||||||
|
{ // for older Netscapes (4-)
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "Mozilla",
|
||||||
|
identity: "Netscape",
|
||||||
|
versionSearch: "Mozilla"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
dataOS : [
|
||||||
|
{
|
||||||
|
string: navigator.platform,
|
||||||
|
subString: "Win",
|
||||||
|
identity: "Windows"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.platform,
|
||||||
|
subString: "Mac",
|
||||||
|
identity: "Mac"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.userAgent,
|
||||||
|
subString: "iPhone",
|
||||||
|
identity: "iPhone/iPod"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
string: navigator.platform,
|
||||||
|
subString: "Linux",
|
||||||
|
identity: "Linux"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
BrowserDetect.init();
|
59
jappixmini/jappix/js/bubble.js
Normal file
|
@ -0,0 +1,59 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the bubble JS scripts for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 11/12/10
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Closes all the opened bubbles
|
||||||
|
function closeBubbles() {
|
||||||
|
// Destroy all the elements
|
||||||
|
$('.bubble.hidable:visible').hide();
|
||||||
|
$('.bubble.removable').remove();
|
||||||
|
$('body').die('click');
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Click function when a bubble is opened
|
||||||
|
function showBubble(selector) {
|
||||||
|
// Hidable bubbles special things
|
||||||
|
if($(selector).is('.hidable')) {
|
||||||
|
// This bubble is yet displayed? So abort!
|
||||||
|
if($(selector).is(':visible'))
|
||||||
|
return closeBubbles();
|
||||||
|
|
||||||
|
// Close all the bubbles
|
||||||
|
closeBubbles();
|
||||||
|
|
||||||
|
// Show the requested bubble
|
||||||
|
$(selector).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Removable bubbles special things
|
||||||
|
else {
|
||||||
|
// This bubble is yet added? So abort!
|
||||||
|
if(exists(selector))
|
||||||
|
return closeBubbles();
|
||||||
|
|
||||||
|
// Close all the bubbles
|
||||||
|
closeBubbles();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Creates a new click event to close the bubble
|
||||||
|
$('body').live('click', function(evt) {
|
||||||
|
var target = evt.target;
|
||||||
|
|
||||||
|
// If this is a click away from a bubble
|
||||||
|
if(!$(target).parents('.ibubble').size())
|
||||||
|
closeBubbles();
|
||||||
|
});
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
349
jappixmini/jappix/js/caps.js
Normal file
|
@ -0,0 +1,349 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the CAPS JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 26/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Returns an array of the Jappix disco#infos
|
||||||
|
function myDiscoInfos() {
|
||||||
|
var fArray = new Array(
|
||||||
|
NS_MUC,
|
||||||
|
NS_MUC_USER,
|
||||||
|
NS_MUC_ADMIN,
|
||||||
|
NS_MUC_OWNER,
|
||||||
|
NS_MUC_CONFIG,
|
||||||
|
NS_DISCO_INFO,
|
||||||
|
NS_DISCO_ITEMS,
|
||||||
|
NS_PUBSUB_RI,
|
||||||
|
NS_BOSH,
|
||||||
|
NS_CAPS,
|
||||||
|
NS_MOOD,
|
||||||
|
NS_ACTIVITY,
|
||||||
|
NS_TUNE,
|
||||||
|
NS_GEOLOC,
|
||||||
|
NS_NICK,
|
||||||
|
NS_URN_ADATA,
|
||||||
|
NS_URN_AMETA,
|
||||||
|
NS_URN_MBLOG,
|
||||||
|
NS_URN_INBOX,
|
||||||
|
NS_MOOD + NS_NOTIFY,
|
||||||
|
NS_ACTIVITY + NS_NOTIFY,
|
||||||
|
NS_TUNE + NS_NOTIFY,
|
||||||
|
NS_GEOLOC + NS_NOTIFY,
|
||||||
|
NS_URN_MBLOG + NS_NOTIFY,
|
||||||
|
NS_URN_INBOX + NS_NOTIFY,
|
||||||
|
NS_URN_DELAY,
|
||||||
|
NS_ROSTER,
|
||||||
|
NS_ROSTERX,
|
||||||
|
NS_HTTP_AUTH,
|
||||||
|
NS_CHATSTATES,
|
||||||
|
NS_XHTML_IM,
|
||||||
|
NS_IPV6,
|
||||||
|
NS_LAST,
|
||||||
|
NS_PRIVATE,
|
||||||
|
NS_REGISTER,
|
||||||
|
NS_SEARCH,
|
||||||
|
NS_COMMANDS,
|
||||||
|
NS_VERSION,
|
||||||
|
NS_XDATA,
|
||||||
|
NS_VCARD,
|
||||||
|
NS_URN_TIME,
|
||||||
|
NS_URN_PING,
|
||||||
|
NS_URN_ARCHIVE,
|
||||||
|
NS_URN_AR_PREF,
|
||||||
|
NS_URN_RECEIPTS,
|
||||||
|
NS_PRIVACY,
|
||||||
|
NS_IQOOB,
|
||||||
|
NS_XOOB
|
||||||
|
);
|
||||||
|
|
||||||
|
return fArray;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the disco#infos of an entity
|
||||||
|
function getDiscoInfos(to, caps) {
|
||||||
|
// No CAPS
|
||||||
|
if(!caps) {
|
||||||
|
logThis('No CAPS: ' + to, 2);
|
||||||
|
|
||||||
|
displayDiscoInfos(to, '');
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get the stored disco infos
|
||||||
|
var xml = XMLFromString(getPersistent('caps', caps));
|
||||||
|
|
||||||
|
// Yet stored
|
||||||
|
if(xml) {
|
||||||
|
logThis('CAPS from cache: ' + to, 3);
|
||||||
|
|
||||||
|
displayDiscoInfos(to, xml);
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
logThis('CAPS from the network: ' + to, 3);
|
||||||
|
|
||||||
|
// Not stored: get the disco#infos
|
||||||
|
var iq = new JSJaCIQ();
|
||||||
|
|
||||||
|
iq.setTo(to);
|
||||||
|
iq.setType('get');
|
||||||
|
iq.setQuery(NS_DISCO_INFO);
|
||||||
|
|
||||||
|
con.send(iq, handleDiscoInfos);
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the disco#infos of an entity
|
||||||
|
function handleDiscoInfos(iq) {
|
||||||
|
if(!iq || (iq.getType() == 'error'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// IQ received, get some values
|
||||||
|
var from = fullXID(getStanzaFrom(iq));
|
||||||
|
var query = iq.getQuery();
|
||||||
|
|
||||||
|
// Generate the CAPS-processing values
|
||||||
|
var identities = new Array();
|
||||||
|
var features = new Array();
|
||||||
|
var data_forms = new Array();
|
||||||
|
|
||||||
|
// Identity values
|
||||||
|
$(query).find('identity').each(function() {
|
||||||
|
var pCategory = $(this).attr('category');
|
||||||
|
var pType = $(this).attr('type');
|
||||||
|
var pLang = $(this).attr('xml:lang');
|
||||||
|
var pName = $(this).attr('name');
|
||||||
|
|
||||||
|
if(!pCategory)
|
||||||
|
pCategory = '';
|
||||||
|
if(!pType)
|
||||||
|
pType = '';
|
||||||
|
if(!pLang)
|
||||||
|
pLang = '';
|
||||||
|
if(!pName)
|
||||||
|
pName = '';
|
||||||
|
|
||||||
|
identities.push(pCategory + '/' + pType + '/' + pLang + '/' + pName);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Feature values
|
||||||
|
$(query).find('feature').each(function() {
|
||||||
|
var pVar = $(this).attr('var');
|
||||||
|
|
||||||
|
// Add the current value to the array
|
||||||
|
if(pVar)
|
||||||
|
features.push(pVar);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Data-form values
|
||||||
|
$(query).find('x[xmlns=' + NS_XDATA + ']').each(function() {
|
||||||
|
// Initialize some stuffs
|
||||||
|
var pString = '';
|
||||||
|
var sortVar = new Array();
|
||||||
|
|
||||||
|
// Add the form type field
|
||||||
|
$(this).find('field[var=FORM_TYPE] value').each(function() {
|
||||||
|
var cText = $(this).text();
|
||||||
|
|
||||||
|
if(cText)
|
||||||
|
pString += cText + '<';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add the var attributes into an array
|
||||||
|
$(this).find('field:not([var=FORM_TYPE])').each(function() {
|
||||||
|
var cVar = $(this).attr('var');
|
||||||
|
|
||||||
|
if(cVar)
|
||||||
|
sortVar.push(cVar);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Sort the var attributes
|
||||||
|
sortVar = sortVar.sort();
|
||||||
|
|
||||||
|
// Loop this sorted var attributes
|
||||||
|
for(i in sortVar) {
|
||||||
|
// Initialize the value sorting
|
||||||
|
var sortVal = new Array();
|
||||||
|
|
||||||
|
// Append it to the string
|
||||||
|
pString += sortVar[i] + '<';
|
||||||
|
|
||||||
|
// Add each value to the array
|
||||||
|
$(this).find('field[var=' + sortVar[i] + '] value').each(function() {
|
||||||
|
sortVal.push($(this).text());
|
||||||
|
});
|
||||||
|
|
||||||
|
// Sort the values
|
||||||
|
sortVal = sortVal.sort();
|
||||||
|
|
||||||
|
// Append the values to the string
|
||||||
|
for(j in sortVal)
|
||||||
|
pString += sortVal[j] + '<';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Any string?
|
||||||
|
if(pString) {
|
||||||
|
// Remove the undesired double '<' from the string
|
||||||
|
if(pString.match(/(.+)(<)+$/))
|
||||||
|
pString = pString.substring(0, pString.length - 1);
|
||||||
|
|
||||||
|
// Add the current string to the array
|
||||||
|
data_forms.push(pString);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Process the CAPS
|
||||||
|
var caps = processCaps(identities, features, data_forms);
|
||||||
|
|
||||||
|
// Get the XML string
|
||||||
|
var xml = xmlToString(query);
|
||||||
|
|
||||||
|
// Store the disco infos
|
||||||
|
setPersistent('caps', caps, xml);
|
||||||
|
|
||||||
|
// This is our server
|
||||||
|
if(from == getServer()) {
|
||||||
|
// Handle the features
|
||||||
|
handleFeatures(xml);
|
||||||
|
|
||||||
|
logThis('Got our server CAPS', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
else {
|
||||||
|
// Display the disco infos
|
||||||
|
displayDiscoInfos(from, xml);
|
||||||
|
|
||||||
|
logThis('Got CAPS: ' + from, 3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Displays the disco#infos everywhere needed for an entity
|
||||||
|
function displayDiscoInfos(from, xml) {
|
||||||
|
// Generate the chat path
|
||||||
|
var xid = bareXID(from);
|
||||||
|
|
||||||
|
// This comes from a private groupchat chat?
|
||||||
|
if(isPrivate(xid))
|
||||||
|
xid = from;
|
||||||
|
|
||||||
|
hash = hex_md5(xid);
|
||||||
|
|
||||||
|
// Support indicators
|
||||||
|
var xhtml_im = false;
|
||||||
|
var iq_oob = false;
|
||||||
|
var x_oob = false;
|
||||||
|
var receipts = false;
|
||||||
|
|
||||||
|
// Display the supported features
|
||||||
|
$(xml).find('feature').each(function() {
|
||||||
|
var current = $(this).attr('var');
|
||||||
|
|
||||||
|
// xHTML-IM
|
||||||
|
if(current == NS_XHTML_IM)
|
||||||
|
xhtml_im = true;
|
||||||
|
|
||||||
|
// Out of Band Data (IQ)
|
||||||
|
if(current == NS_IQOOB)
|
||||||
|
iq_oob = true;
|
||||||
|
|
||||||
|
// Out of Band Data (X)
|
||||||
|
if(current == NS_XOOB)
|
||||||
|
x_oob = true;
|
||||||
|
|
||||||
|
// Receipts
|
||||||
|
else if(current == NS_URN_RECEIPTS)
|
||||||
|
receipts = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Paths
|
||||||
|
var path = $('#' + hash);
|
||||||
|
var message_area = path.find('.message-area');
|
||||||
|
var style = path.find('.chat-tools-style');
|
||||||
|
var file = path.find('.chat-tools-file');
|
||||||
|
|
||||||
|
// Apply xHTML-IM
|
||||||
|
if(xhtml_im)
|
||||||
|
style.show();
|
||||||
|
else {
|
||||||
|
// Remove the tooltip elements
|
||||||
|
style.hide();
|
||||||
|
style.find('.bubble-style').remove();
|
||||||
|
|
||||||
|
// Reset the markers
|
||||||
|
message_area.removeAttr('style')
|
||||||
|
.removeAttr('data-color')
|
||||||
|
.removeAttr('data-bold')
|
||||||
|
.removeAttr('data-italic')
|
||||||
|
.removeAttr('data-underline');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply Out of Band Data
|
||||||
|
if(iq_oob || x_oob) {
|
||||||
|
file.show();
|
||||||
|
|
||||||
|
// Set a marker
|
||||||
|
if(iq_oob)
|
||||||
|
file.attr('data-oob', 'iq');
|
||||||
|
else
|
||||||
|
file.attr('data-oob', 'x');
|
||||||
|
}
|
||||||
|
|
||||||
|
else {
|
||||||
|
// Remove the tooltip elements
|
||||||
|
file.hide();
|
||||||
|
file.find('.bubble-style').remove();
|
||||||
|
|
||||||
|
// Reset the marker
|
||||||
|
file.removeAttr('data-oob');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply receipts
|
||||||
|
if(receipts)
|
||||||
|
message_area.attr('data-receipts', 'true');
|
||||||
|
else
|
||||||
|
message_area.removeAttr('data-receipts');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the CAPS hash
|
||||||
|
function processCaps(cIdentities, cFeatures, cDataForms) {
|
||||||
|
// Initialize
|
||||||
|
var cString = '';
|
||||||
|
|
||||||
|
// Sort the arrays
|
||||||
|
cIdentities = cIdentities.sort();
|
||||||
|
cFeatures = cFeatures.sort();
|
||||||
|
cDataForms = cDataForms.sort();
|
||||||
|
|
||||||
|
// Process the sorted identity string
|
||||||
|
for(a in cIdentities)
|
||||||
|
cString += cIdentities[a] + '<';
|
||||||
|
|
||||||
|
// Process the sorted feature string
|
||||||
|
for(b in cFeatures)
|
||||||
|
cString += cFeatures[b] + '<';
|
||||||
|
|
||||||
|
// Process the sorted data-form string
|
||||||
|
for(c in cDataForms)
|
||||||
|
cString += cDataForms[c] + '<';
|
||||||
|
|
||||||
|
// Process the SHA-1 hash
|
||||||
|
var cHash = b64_sha1(cString);
|
||||||
|
|
||||||
|
return cHash;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the Jappix CAPS hash
|
||||||
|
function myCaps() {
|
||||||
|
return processCaps(new Array('client/web//Jappix'), myDiscoInfos(), new Array());
|
||||||
|
}
|
297
jappixmini/jappix/js/chat.js
Normal file
|
@ -0,0 +1,297 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the chat JS scripts for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Authors: Vanaryon, Eric
|
||||||
|
Last revision: 16/10/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Correctly opens a new chat
|
||||||
|
function checkChatCreate(xid, type, nickname, password, title) {
|
||||||
|
// No XID?
|
||||||
|
if(!xid)
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// We generate some stuffs
|
||||||
|
var hash = hex_md5(xid);
|
||||||
|
var name;
|
||||||
|
|
||||||
|
// Gets the name of the user/title of the room
|
||||||
|
if(title)
|
||||||
|
name = title;
|
||||||
|
|
||||||
|
else {
|
||||||
|
// Private groupchat chat
|
||||||
|
if(type == 'private')
|
||||||
|
name = thisResource(xid);
|
||||||
|
|
||||||
|
// XMPP-ID
|
||||||
|
else if(xid.indexOf('@') != -1)
|
||||||
|
name = getBuddyName(xid);
|
||||||
|
|
||||||
|
// Gateway
|
||||||
|
else
|
||||||
|
name = xid;
|
||||||
|
}
|
||||||
|
|
||||||
|
// If the target div does not exist
|
||||||
|
if(!exists('#' + hash)) {
|
||||||
|
// We check the type of the chat to open
|
||||||
|
if((type == 'chat') || (type == 'private'))
|
||||||
|
chatCreate(hash, xid, name, type);
|
||||||
|
|
||||||
|
else if(type == 'groupchat') {
|
||||||
|
// Try to read the room stored configuration
|
||||||
|
if(!isAnonymous() && (!nickname || !password || !title)) {
|
||||||
|
// Catch the room data
|
||||||
|
var fData = $(XMLFromString(getDB('favorites', xid)));
|
||||||
|
var fNick = fData.find('nick').text();
|
||||||
|
var fPwd = fData.find('password').text();
|
||||||
|
var fName = fData.find('name').text();
|
||||||
|
|
||||||
|
// Apply the room data
|
||||||
|
if(!nickname && fNick)
|
||||||
|
nickname = fNick;
|
||||||
|
if(!password && fPwd)
|
||||||
|
password = fPwd;
|
||||||
|
if(!title && fName)
|
||||||
|
name = fName;
|
||||||
|
}
|
||||||
|
|
||||||
|
groupchatCreate(hash, xid, name, nickname, password);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Switch to the newly-created chat
|
||||||
|
switchChan(hash);
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the chat DOM elements
|
||||||
|
function generateChat(type, id, xid, nick) {
|
||||||
|
// Generate some stuffs
|
||||||
|
var path = '#' + id + ' .';
|
||||||
|
var escaped_xid = escape(xid);
|
||||||
|
|
||||||
|
// Special code
|
||||||
|
var specialAttributes, specialAvatar, specialName, specialCode, specialLink, specialDisabled, specialStyle;
|
||||||
|
|
||||||
|
// Groupchat special code
|
||||||
|
if(type == 'groupchat') {
|
||||||
|
specialAttributes = ' data-type="groupchat"';
|
||||||
|
specialAvatar = '';
|
||||||
|
specialName = '<p class="bc-infos"><b>' + _e("Subject") + '</b> <span class="muc-topic">' + _e("no subject defined for this room.") + '</span></p>';
|
||||||
|
specialCode = '<div class="content groupchat-content" id="chat-content-' + id + '"></div><div class="list"><div class="moderator role"><p class="title">' + _e("Moderators") + '</p></div><div class="participant role"><p class="title">' + _e("Participants") + '</p></div><div class="visitor role"><p class="title">' + _e("Visitors") + '</p></div><div class="none role"><p class="title">' + _e("Others") + '</p></div></div>';
|
||||||
|
specialLink = '<a href="#" class="tools-mucadmin tools-tooltip talk-images chat-tools-content" title="' + _e("Administration panel for this room") + '"></a>';
|
||||||
|
specialStyle = '';
|
||||||
|
|
||||||
|
// Is this a gateway?
|
||||||
|
if(xid.match(/%/))
|
||||||
|
specialDisabled = '';
|
||||||
|
else
|
||||||
|
specialDisabled = ' disabled=""';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chat (or other things?!) special code
|
||||||
|
else {
|
||||||
|
specialAttributes = ' data-type="chat"';
|
||||||
|
specialAvatar = '<div class="avatar-container"><img class="avatar" src="' + './img/others/default-avatar.png' + '" alt="" /></div>';
|
||||||
|
specialName = '<div class="bc-pep"></div><p class="bc-infos"><span class="unavailable show talk-images"></span></p>';
|
||||||
|
specialCode = '<div class="content" id="chat-content-' + id + '"></div>';
|
||||||
|
specialLink = '<a href="#" class="tools-archives tools-tooltip talk-images chat-tools-content" title="' + _e("View chat history") + '"></a><a href="#" class="tools-infos tools-tooltip talk-images chat-tools-content" title="' + _e("Show user profile") + '"></a>';
|
||||||
|
specialStyle = ' style="display: none;"';
|
||||||
|
specialDisabled = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not a groupchat private chat, we can use the buddy add icon
|
||||||
|
if((type == 'chat') || (type == 'groupchat')) {
|
||||||
|
var addTitle;
|
||||||
|
|
||||||
|
if(type == 'chat')
|
||||||
|
addTitle = _e("Add this contact to your friends");
|
||||||
|
else
|
||||||
|
addTitle = _e("Add this groupchat to your favorites");
|
||||||
|
|
||||||
|
specialLink += '<a href="#" class="tools-add tools-tooltip talk-images chat-tools-content" title="' + addTitle + '"></a>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// IE DOM parsing bug fix
|
||||||
|
var specialStylePicker = '<div class="chat-tools-content chat-tools-style"' + specialStyle + '>' +
|
||||||
|
'<a href="#" class="tools-style tools-tooltip talk-images"></a>' +
|
||||||
|
'</div>';
|
||||||
|
|
||||||
|
if((BrowserDetect.browser == 'Explorer') && (BrowserDetect.version < 9))
|
||||||
|
specialStylePicker = '';
|
||||||
|
|
||||||
|
// Append the chat HTML code
|
||||||
|
$('#page-engine').append(
|
||||||
|
'<div id="' + id + '" class="page-engine-chan chat one-counter"' + specialAttributes + ' data-xid="' + escaped_xid + '">' +
|
||||||
|
'<div class="top ' + id + '">' +
|
||||||
|
specialAvatar +
|
||||||
|
|
||||||
|
'<div class="name">' +
|
||||||
|
'<p class="bc-name bc-name-nick">' + nick.htmlEnc() + '</p>' +
|
||||||
|
specialName +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
specialCode +
|
||||||
|
|
||||||
|
'<div class="text">' +
|
||||||
|
'<div class="footer">' +
|
||||||
|
'<div class="chat-tools-content chat-tools-smileys">' +
|
||||||
|
'<a href="#" class="tools-smileys tools-tooltip talk-images"></a>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
specialStylePicker +
|
||||||
|
|
||||||
|
'<div class="chat-tools-content chat-tools-file">' +
|
||||||
|
'<a href="#" class="tools-file tools-tooltip talk-images"></a>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="chat-tools-content chat-tools-save">' +
|
||||||
|
'<a href="#" class="tools-save tools-tooltip talk-images"></a>' +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<a href="#" class="tools-clear tools-tooltip talk-images chat-tools-content" title="' + _e("Clean current chat") + '"></a>' +
|
||||||
|
|
||||||
|
specialLink +
|
||||||
|
'</div>' +
|
||||||
|
|
||||||
|
'<div class="compose">' +
|
||||||
|
'<textarea class="message-area focusable" ' + specialDisabled + ' data-to="' + escaped_xid + '" /></textarea>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>'
|
||||||
|
);
|
||||||
|
|
||||||
|
// Click event: chat cleaner
|
||||||
|
$(path + 'tools-clear').click(function() {
|
||||||
|
cleanChat(id);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Click event: user-infos
|
||||||
|
$(path + 'tools-infos').click(function() {
|
||||||
|
openUserInfos(xid);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the chat switch elements
|
||||||
|
function generateSwitch(type, id, xid, nick) {
|
||||||
|
// Path to the element
|
||||||
|
var chat_switch = '#page-switch .';
|
||||||
|
|
||||||
|
// Special code
|
||||||
|
var specialClass = ' unavailable';
|
||||||
|
var show_close = true;
|
||||||
|
|
||||||
|
// Groupchat
|
||||||
|
if(type == 'groupchat') {
|
||||||
|
specialClass = ' groupchat-default';
|
||||||
|
|
||||||
|
if(isAnonymous() && (xid == generateXID(ANONYMOUS_ROOM, 'groupchat')))
|
||||||
|
show_close = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generate the HTML code
|
||||||
|
var html = '<div class="' + id + ' switcher chan" onclick="return switchChan(\'' + encodeOnclick(id) + '\')">' +
|
||||||
|
'<div class="icon talk-images' + specialClass + '"></div>' +
|
||||||
|
|
||||||
|
'<div class="name">' + nick.htmlEnc() + '</div>';
|
||||||
|
|
||||||
|
// Show the close button if not MUC and not anonymous
|
||||||
|
if(show_close)
|
||||||
|
html += '<div class="exit" title="' + _e("Close this tab") + '" onclick="return quitThisChat(\'' + encodeOnclick(xid) + '\', \'' + encodeOnclick(id) + '\', \'' + encodeOnclick(type) + '\');">x</div>';
|
||||||
|
|
||||||
|
// Close the HTML
|
||||||
|
html += '</div>';
|
||||||
|
|
||||||
|
// Append the HTML code
|
||||||
|
$(chat_switch + 'chans, ' + chat_switch + 'more-content').append(html);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cleans given the chat lines
|
||||||
|
function cleanChat(chat) {
|
||||||
|
$('#page-engine #' + chat + ' .content .one-group').remove();
|
||||||
|
|
||||||
|
$(document).oneTime(10, function() {
|
||||||
|
$('#page-engine #' + chat + ' .text .message-area').focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Creates a new chat
|
||||||
|
function chatCreate(hash, xid, nick, type) {
|
||||||
|
logThis('New chat: ' + xid, 3);
|
||||||
|
|
||||||
|
// Create the chat content
|
||||||
|
generateChat(type, hash, xid, nick);
|
||||||
|
|
||||||
|
// Create the chat switcher
|
||||||
|
generateSwitch(type, hash, xid, nick);
|
||||||
|
|
||||||
|
// If the user is not in our buddy-list
|
||||||
|
if(type == 'chat') {
|
||||||
|
// Add button
|
||||||
|
if(!exists('#buddy-list .buddy[data-xid=' + escape(xid) + ']'))
|
||||||
|
$('#' + hash + ' .tools-add').click(function() {
|
||||||
|
// Hide the icon (to tell the user all is okay)
|
||||||
|
$(this).hide();
|
||||||
|
|
||||||
|
// Send the subscribe request
|
||||||
|
addThisContact(xid, nick);
|
||||||
|
}).show();
|
||||||
|
|
||||||
|
// Archives button
|
||||||
|
else if(enabledArchives() || enabledArchives('auto') || enabledArchives('manual') || enabledArchives('manage'))
|
||||||
|
$('#' + hash + ' .tools-archives').click(function() {
|
||||||
|
// Open the archives popup
|
||||||
|
openArchives();
|
||||||
|
|
||||||
|
// Get the archives for this user
|
||||||
|
$('#archives .filter .friend').val(xid);
|
||||||
|
updateArchives();
|
||||||
|
}).show();
|
||||||
|
}
|
||||||
|
|
||||||
|
// We catch the user's informations (like this avatar, vcard, and so on...)
|
||||||
|
getUserInfos(hash, xid, nick, type);
|
||||||
|
|
||||||
|
// The icons-hover functions
|
||||||
|
tooltipIcons(xid, hash);
|
||||||
|
|
||||||
|
// The event handlers
|
||||||
|
var inputDetect = $('#page-engine #' + hash + ' .message-area');
|
||||||
|
|
||||||
|
inputDetect.focus(function() {
|
||||||
|
chanCleanNotify(hash);
|
||||||
|
})
|
||||||
|
|
||||||
|
inputDetect.keypress(function(e) {
|
||||||
|
// Enter key
|
||||||
|
if(e.keyCode == 13) {
|
||||||
|
// Add a new line
|
||||||
|
if(e.shiftKey)
|
||||||
|
inputDetect.val(inputDetect.val() + '\n');
|
||||||
|
|
||||||
|
// Send the message
|
||||||
|
else {
|
||||||
|
// Send the message
|
||||||
|
sendMessage(hash, 'chat');
|
||||||
|
|
||||||
|
// Reset the composing database entry
|
||||||
|
setDB('chatstate', xid, 'off');
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Chatstate events
|
||||||
|
eventsChatState(inputDetect, xid, hash);
|
||||||
|
}
|
174
jappixmini/jappix/js/chatstate.js
Normal file
|
@ -0,0 +1,174 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the chatstate JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 25/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Sends a given chatstate to a given entity
|
||||||
|
function chatStateSend(state, xid, hash) {
|
||||||
|
var user_type = $('#' + hash).attr('data-type');
|
||||||
|
|
||||||
|
// If the friend client supports chatstates and is online
|
||||||
|
if((user_type == 'groupchat') || ((user_type == 'chat') && $('#' + hash + ' .message-area').attr('data-chatstates') && !exists('#page-switch .' + hash + ' .unavailable'))) {
|
||||||
|
// Already sent?
|
||||||
|
if(getDB('currentchatstate', xid) == state)
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Write the state
|
||||||
|
setDB('currentchatstate', xid, state);
|
||||||
|
|
||||||
|
// New message stanza
|
||||||
|
var aMsg = new JSJaCMessage();
|
||||||
|
aMsg.setTo(xid);
|
||||||
|
aMsg.setType(user_type);
|
||||||
|
|
||||||
|
// Append the chatstate node
|
||||||
|
aMsg.appendNode(state, {'xmlns': NS_CHATSTATES});
|
||||||
|
|
||||||
|
// Send this!
|
||||||
|
con.send(aMsg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Displays a given chatstate in a given chat
|
||||||
|
function displayChatState(state, hash, type) {
|
||||||
|
// Groupchat?
|
||||||
|
if(type == 'groupchat') {
|
||||||
|
resetChatState(hash, type);
|
||||||
|
|
||||||
|
// "gone" state not allowed
|
||||||
|
if(state != 'gone')
|
||||||
|
$('#page-engine .page-engine-chan .user.' + hash).addClass(state);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chat
|
||||||
|
else {
|
||||||
|
// We change the buddy name color in the page-switch
|
||||||
|
resetChatState(hash, type);
|
||||||
|
$('#page-switch .' + hash + ' .name').addClass(state);
|
||||||
|
|
||||||
|
// We generate the chatstate text
|
||||||
|
var text = '';
|
||||||
|
|
||||||
|
switch(state) {
|
||||||
|
// Active
|
||||||
|
case 'active':
|
||||||
|
text = _e("Your friend is paying attention to the conversation.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Composing
|
||||||
|
case 'composing':
|
||||||
|
text = _e("Your friend is writing a message...");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Paused
|
||||||
|
case 'paused':
|
||||||
|
text = _e("Your friend stopped writing a message.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Inactive
|
||||||
|
case 'inactive':
|
||||||
|
text = _e("Your friend is doing something else.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Gone
|
||||||
|
case 'gone':
|
||||||
|
text = _e("Your friend closed the chat.");
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
// We reset the previous state
|
||||||
|
$('#' + hash + ' .chatstate').remove();
|
||||||
|
|
||||||
|
// We create the chatstate
|
||||||
|
$('#' + hash + ' .content').after('<div class="' + state + ' chatstate">' + text + '</div>');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resets the chatstate switcher marker
|
||||||
|
function resetChatState(hash, type) {
|
||||||
|
// Define the selector
|
||||||
|
var selector;
|
||||||
|
|
||||||
|
if(type == 'groupchat')
|
||||||
|
selector = $('#page-engine .page-engine-chan .user.' + hash);
|
||||||
|
else
|
||||||
|
selector = $('#page-switch .' + hash + ' .name');
|
||||||
|
|
||||||
|
// Reset!
|
||||||
|
selector.removeClass('active')
|
||||||
|
selector.removeClass('composing')
|
||||||
|
selector.removeClass('paused')
|
||||||
|
selector.removeClass('inactive')
|
||||||
|
selector.removeClass('gone');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Adds the chatstate events
|
||||||
|
function eventsChatState(target, xid, hash) {
|
||||||
|
target.keyup(function(e) {
|
||||||
|
if(e.keyCode != 13) {
|
||||||
|
// Composing a message
|
||||||
|
if($(this).val() && (getDB('chatstate', xid) != 'on')) {
|
||||||
|
// We change the state detect input
|
||||||
|
setDB('chatstate', xid, 'on');
|
||||||
|
|
||||||
|
// We send the friend a "composing" chatstate
|
||||||
|
chatStateSend('composing', xid, hash);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Stopped composing a message
|
||||||
|
else if(!$(this).val() && (getDB('chatstate', xid) == 'on')) {
|
||||||
|
// We change the state detect input
|
||||||
|
setDB('chatstate', xid, 'off');
|
||||||
|
|
||||||
|
// We send the friend an "active" chatstate
|
||||||
|
chatStateSend('active', xid, hash);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
target.change(function() {
|
||||||
|
// Reset the composing database entry
|
||||||
|
setDB('chatstate', xid, 'off');
|
||||||
|
});
|
||||||
|
|
||||||
|
target.focus(function() {
|
||||||
|
// Not needed
|
||||||
|
if(target.is(':disabled'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Nothing in the input, user is active
|
||||||
|
if(!$(this).val())
|
||||||
|
chatStateSend('active', xid, hash);
|
||||||
|
|
||||||
|
// Something was written, user started writing again
|
||||||
|
else
|
||||||
|
chatStateSend('composing', xid, hash);
|
||||||
|
});
|
||||||
|
|
||||||
|
target.blur(function() {
|
||||||
|
// Not needed
|
||||||
|
if(target.is(':disabled'))
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Nothing in the input, user is inactive
|
||||||
|
if(!$(this).val())
|
||||||
|
chatStateSend('inactive', xid, hash);
|
||||||
|
|
||||||
|
// Something was written, user paused
|
||||||
|
else
|
||||||
|
chatStateSend('paused', xid, hash);
|
||||||
|
});
|
||||||
|
}
|
311
jappixmini/jappix/js/common.js
Normal file
|
@ -0,0 +1,311 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the common JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Authors: Vanaryon, olivierm
|
||||||
|
Last revision: 24/06/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Checks if an element exists in the DOM
|
||||||
|
function exists(selector) {
|
||||||
|
if(jQuery(selector).size() > 0)
|
||||||
|
return true;
|
||||||
|
else
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if Jappix is connected
|
||||||
|
function isConnected() {
|
||||||
|
if((typeof con != 'undefined') && con && con.connected())
|
||||||
|
return true;
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if Jappix has focus
|
||||||
|
function isFocused() {
|
||||||
|
try {
|
||||||
|
if(document.hasFocus())
|
||||||
|
return true;
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
catch(e) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the good XID
|
||||||
|
function generateXID(xid, type) {
|
||||||
|
// XID needs to be transformed
|
||||||
|
if(xid && (xid.indexOf('@') == -1)) {
|
||||||
|
// Groupchat
|
||||||
|
if(type == 'groupchat')
|
||||||
|
return xid + '@' + HOST_MUC;
|
||||||
|
|
||||||
|
// One-to-one chat
|
||||||
|
if(xid.indexOf('.') == -1)
|
||||||
|
return xid + '@' + HOST_MAIN;
|
||||||
|
|
||||||
|
// It might be a gateway?
|
||||||
|
return xid;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Nothing special (yet bare XID)
|
||||||
|
return xid;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the asked translated string
|
||||||
|
function _e(string) {
|
||||||
|
return string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Replaces '%s' to a given value for a translated string
|
||||||
|
function printf(string, value) {
|
||||||
|
return string.replace('%s', value);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Properly explodes a string with a given character
|
||||||
|
function explodeThis(toEx, toStr, i) {
|
||||||
|
// Get the index of our char to explode
|
||||||
|
var index = toStr.indexOf(toEx);
|
||||||
|
|
||||||
|
// We split if necessary the string
|
||||||
|
if(index != -1) {
|
||||||
|
if(i == 0)
|
||||||
|
toStr = toStr.substr(0, index);
|
||||||
|
else
|
||||||
|
toStr = toStr.substr(index + 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// We return the value
|
||||||
|
return toStr;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cuts the resource of a XID
|
||||||
|
function cutResource(aXID) {
|
||||||
|
return explodeThis('/', aXID, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the resource of a XID
|
||||||
|
function thisResource(aXID) {
|
||||||
|
// Any resource?
|
||||||
|
if(aXID.indexOf('/') != -1)
|
||||||
|
return explodeThis('/', aXID, 1);
|
||||||
|
|
||||||
|
// No resource
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Does stringprep on a string
|
||||||
|
function stringPrep(string) {
|
||||||
|
// Replacement arrays
|
||||||
|
var invalid = new Array('Š', 'š', 'Đ', 'đ', 'Ž', 'ž', 'Č', 'č', 'Ć', 'ć', 'À', 'Á', 'Â', 'Ã', 'Ä', 'Å', 'Æ', 'Ç', 'È', 'É', 'Ê', 'Ë', 'Ì', 'Í', 'Î', 'Ï', 'Ñ', 'Ò', 'Ó', 'Ô', 'Õ', 'Ö', 'Ø', 'Ù', 'Ú', 'Û', 'Ü', 'Ý', 'Þ', 'ß', 'à', 'á', 'â', 'ã', 'ä', 'å', 'æ', 'ç', 'è', 'é', 'ê', 'ë', 'ì', 'í', 'î', 'ï', 'ð', 'ñ', 'ò', 'ó', 'ô', 'õ', 'ö', 'ø', 'ù', 'ú', 'û', 'ý', 'þ', 'ÿ', 'Ŕ', 'ŕ');
|
||||||
|
|
||||||
|
var valid = new Array('S', 's', 'Dj', 'dj', 'Z', 'z', 'C', 'c', 'C', 'c', 'A', 'A', 'A', 'A', 'A', 'A', 'A', 'C', 'E', 'E', 'E', 'E', 'I', 'I', 'I', 'I', 'N', 'O', 'O', 'O', 'O', 'O', 'O', 'U', 'U', 'U', 'U', 'Y', 'B', 'Ss', 'a', 'a', 'a', 'a', 'a', 'a', 'a', 'c', 'e', 'e', 'e', 'e', 'i', 'i', 'i', 'i', 'o', 'n', 'o', 'o', 'o', 'o', 'o', 'o', 'u', 'u', 'u', 'y', 'b', 'y', 'R', 'r');
|
||||||
|
|
||||||
|
// Compute a new string
|
||||||
|
for(i in invalid)
|
||||||
|
string = string.replace(invalid[i], valid[i]);
|
||||||
|
|
||||||
|
return string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Encodes quotes in a string
|
||||||
|
function encodeQuotes(str) {
|
||||||
|
return (str + '').replace(/"/g, '"');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the bare XID from a XID
|
||||||
|
function bareXID(xid) {
|
||||||
|
// Cut the resource
|
||||||
|
xid = cutResource(xid);
|
||||||
|
|
||||||
|
// Launch the stringprep
|
||||||
|
xid = stringPrep(xid);
|
||||||
|
|
||||||
|
// Set the XID to lower case
|
||||||
|
xid = xid.toLowerCase();
|
||||||
|
|
||||||
|
return xid;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the full XID from a XID
|
||||||
|
function fullXID(xid) {
|
||||||
|
// Normalizes the XID
|
||||||
|
var full = bareXID(xid);
|
||||||
|
var resource = thisResource(xid);
|
||||||
|
|
||||||
|
// Any resource?
|
||||||
|
if(resource)
|
||||||
|
full += '/' + resource;
|
||||||
|
|
||||||
|
return full;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the nick from a XID
|
||||||
|
function getXIDNick(aXID) {
|
||||||
|
return explodeThis('@', aXID, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the host from a XID
|
||||||
|
function getXIDHost(aXID) {
|
||||||
|
return explodeThis('@', aXID, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if we are in developer mode
|
||||||
|
function isDeveloper() {
|
||||||
|
if(DEVELOPER == 'on')
|
||||||
|
return true;
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if anonymous mode is allowed
|
||||||
|
function allowedAnonymous() {
|
||||||
|
if(ANONYMOUS == 'on')
|
||||||
|
return true;
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if host is locked
|
||||||
|
function lockHost() {
|
||||||
|
if(LOCK_HOST == 'on')
|
||||||
|
return true;
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the full XID of the user
|
||||||
|
function getXID() {
|
||||||
|
// Return the XID of the user
|
||||||
|
if(con.username && con.domain)
|
||||||
|
return con.username + '@' + con.domain;
|
||||||
|
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generates the colors for a given user XID
|
||||||
|
function generateColor(xid) {
|
||||||
|
var colors = new Array(
|
||||||
|
'ac0000',
|
||||||
|
'a66200',
|
||||||
|
'007703',
|
||||||
|
'00705f',
|
||||||
|
'00236b',
|
||||||
|
'4e005c'
|
||||||
|
);
|
||||||
|
|
||||||
|
var number = 0;
|
||||||
|
|
||||||
|
for(var i = 0; i < xid.length; i++)
|
||||||
|
number += xid.charCodeAt(i);
|
||||||
|
|
||||||
|
var color = '#' + colors[number % (colors.length)];
|
||||||
|
|
||||||
|
return color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if the XID is a gateway
|
||||||
|
function isGateway(xid) {
|
||||||
|
if(xid.indexOf('@') != -1)
|
||||||
|
return false;
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the from attribute of a stanza (overrides some servers like Prosody missing from attributes)
|
||||||
|
function getStanzaFrom(stanza) {
|
||||||
|
var from = stanza.getFrom();
|
||||||
|
|
||||||
|
// No from, we assume this is our XID
|
||||||
|
if(!from)
|
||||||
|
from = getXID();
|
||||||
|
|
||||||
|
return from;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Logs a given data in the console
|
||||||
|
function logThis(data, level) {
|
||||||
|
// Console not available
|
||||||
|
if(!isDeveloper() || (typeof(console) == 'undefined'))
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// Switch the log level
|
||||||
|
switch(level) {
|
||||||
|
// Debug
|
||||||
|
case 0:
|
||||||
|
console.debug(data);
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Error
|
||||||
|
case 1:
|
||||||
|
console.error(data);
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Warning
|
||||||
|
case 2:
|
||||||
|
console.warn(data);
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Information
|
||||||
|
case 3:
|
||||||
|
console.info(data);
|
||||||
|
|
||||||
|
break;
|
||||||
|
|
||||||
|
// Default log level
|
||||||
|
default:
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets the current Jappix app. location
|
||||||
|
function getJappixLocation() {
|
||||||
|
var url = window.location.href;
|
||||||
|
|
||||||
|
// If the URL has variables, remove them
|
||||||
|
if(url.indexOf('?') != -1)
|
||||||
|
url = url.split('?')[0];
|
||||||
|
if(url.indexOf('#') != -1)
|
||||||
|
url = url.split('#')[0];
|
||||||
|
|
||||||
|
// No "/" at the end
|
||||||
|
if(!url.match(/(.+)\/$/))
|
||||||
|
url += '/';
|
||||||
|
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Removes spaces at the beginning & the end of a string
|
||||||
|
function trim(str) {
|
||||||
|
return str.replace(/^\s+/g,'').replace(/\s+$/g,'');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Adds a zero to a date when needed
|
||||||
|
function padZero(i) {
|
||||||
|
// Negative number (without first 0)
|
||||||
|
if(i > -10 && i < 0)
|
||||||
|
return '-0' + (i * -1);
|
||||||
|
|
||||||
|
// Positive number (without first 0)
|
||||||
|
if(i < 10 && i >= 0)
|
||||||
|
return '0' + i;
|
||||||
|
|
||||||
|
// All is okay
|
||||||
|
return i;
|
||||||
|
}
|
526
jappixmini/jappix/js/connection.js
Normal file
|
@ -0,0 +1,526 @@
|
||||||
|
/*
|
||||||
|
|
||||||
|
Jappix - An open social platform
|
||||||
|
These are the connection JS script for Jappix
|
||||||
|
|
||||||
|
-------------------------------------------------
|
||||||
|
|
||||||
|
License: AGPL
|
||||||
|
Author: Vanaryon
|
||||||
|
Last revision: 29/08/11
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Does the user login
|
||||||
|
var CURRENT_SESSION = false;
|
||||||
|
|
||||||
|
function doLogin(lNick, lServer, lPass, lResource, lPriority, lRemember) {
|
||||||
|
try {
|
||||||
|
// We remove the not completed class to avoid problems
|
||||||
|
$('#home .loginer input').removeClass('please-complete');
|
||||||
|
|
||||||
|
// We add the login wait div
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// We define the http binding parameters
|
||||||
|
oArgs = new Object();
|
||||||
|
|
||||||
|
if(HOST_BOSH_MAIN)
|
||||||
|
oArgs.httpbase = HOST_BOSH_MAIN;
|
||||||
|
else
|
||||||
|
oArgs.httpbase = HOST_BOSH;
|
||||||
|
|
||||||
|
// We create the new http-binding connection
|
||||||
|
con = new JSJaCHttpBindingConnection(oArgs);
|
||||||
|
|
||||||
|
// And we handle everything that happen
|
||||||
|
setupCon(con);
|
||||||
|
|
||||||
|
// Generate a resource
|
||||||
|
var random_resource = getDB('session', 'resource');
|
||||||
|
|
||||||
|
if(!random_resource)
|
||||||
|
random_resource = lResource + ' (' + (new Date()).getTime() + ')';
|
||||||
|
|
||||||
|
// We retrieve what the user typed in the login inputs
|
||||||
|
oArgs = new Object();
|
||||||
|
oArgs.domain = trim(lServer);
|
||||||
|
oArgs.username = trim(lNick);
|
||||||
|
oArgs.resource = random_resource;
|
||||||
|
oArgs.pass = lPass;
|
||||||
|
oArgs.secure = true;
|
||||||
|
oArgs.xmllang = XML_LANG;
|
||||||
|
|
||||||
|
// Store the resource (for reconnection)
|
||||||
|
setDB('session', 'resource', random_resource);
|
||||||
|
|
||||||
|
// Generate a session XML to be stored
|
||||||
|
session_xml = '<session><stored>true</stored><domain>' + lServer.htmlEnc() + '</domain><username>' + lNick.htmlEnc() + '</username><resource>' + lResource.htmlEnc() + '</resource><password>' + lPass.htmlEnc() + '</password><priority>' + lPriority.htmlEnc() + '</priority></session>';
|
||||||
|
|
||||||
|
// Save the session parameters (for reconnect if network issue)
|
||||||
|
CURRENT_SESSION = session_xml;
|
||||||
|
|
||||||
|
// Remember me?
|
||||||
|
if(lRemember)
|
||||||
|
setDB('remember', 'session', 1);
|
||||||
|
|
||||||
|
// We store the infos of the user into the data-base
|
||||||
|
setDB('priority', 1, lPriority);
|
||||||
|
|
||||||
|
// We connect !
|
||||||
|
con.connect(oArgs);
|
||||||
|
|
||||||
|
// Change the page title
|
||||||
|
pageTitle('wait');
|
||||||
|
|
||||||
|
logThis('Jappix is connecting...', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
catch(e) {
|
||||||
|
// Logs errors
|
||||||
|
logThis('Error while logging in: ' + e, 1);
|
||||||
|
|
||||||
|
// Reset Jappix
|
||||||
|
destroyTalkPage();
|
||||||
|
|
||||||
|
// Open an unknown error
|
||||||
|
openThisError(2);
|
||||||
|
}
|
||||||
|
|
||||||
|
finally {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the user registration
|
||||||
|
function handleRegistered() {
|
||||||
|
logThis('A new account has been registered.', 3);
|
||||||
|
|
||||||
|
// We remove the waiting image
|
||||||
|
removeGeneralWait();
|
||||||
|
|
||||||
|
// Reset the title
|
||||||
|
pageTitle('home');
|
||||||
|
|
||||||
|
// We show the success information
|
||||||
|
$('#home .registerer .success').fadeIn('fast');
|
||||||
|
|
||||||
|
// We quit the session
|
||||||
|
logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Does the user registration
|
||||||
|
function doRegister(username, domain, pass) {
|
||||||
|
logThis('Trying to register an account...', 3);
|
||||||
|
|
||||||
|
try {
|
||||||
|
// We define the http binding parameters
|
||||||
|
oArgs = new Object();
|
||||||
|
|
||||||
|
if(HOST_BOSH_MAIN)
|
||||||
|
oArgs.httpbase = HOST_BOSH_MAIN;
|
||||||
|
else
|
||||||
|
oArgs.httpbase = HOST_BOSH;
|
||||||
|
|
||||||
|
// We create the new http-binding connection
|
||||||
|
con = new JSJaCHttpBindingConnection(oArgs);
|
||||||
|
|
||||||
|
// We setup the connection !
|
||||||
|
con.registerHandler('onconnect', handleRegistered);
|
||||||
|
con.registerHandler('onerror', handleError);
|
||||||
|
|
||||||
|
// We retrieve what the user typed in the register inputs
|
||||||
|
oArgs = new Object();
|
||||||
|
oArgs.domain = trim(domain);
|
||||||
|
oArgs.username = trim(username);
|
||||||
|
oArgs.resource = JAPPIX_RESOURCE + ' Register (' + (new Date()).getTime() + ')';
|
||||||
|
oArgs.pass = pass;
|
||||||
|
oArgs.register = true;
|
||||||
|
oArgs.secure = true;
|
||||||
|
oArgs.xmllang = XML_LANG;
|
||||||
|
|
||||||
|
con.connect(oArgs);
|
||||||
|
|
||||||
|
// We change the registered information text
|
||||||
|
$('#home .homediv.registerer').append(
|
||||||
|
'<div class="info success">' +
|
||||||
|
_e("You have been registered, here is your XMPP address:") + ' <b>' + con.username.htmlEnc() + '@' + con.domain.htmlEnc() + '</b> - <a href="#">' + _e("Login") + '</a>' +
|
||||||
|
'</div>'
|
||||||
|
);
|
||||||
|
|
||||||
|
// Login link
|
||||||
|
$('#home .homediv.registerer .success a').click(function() {
|
||||||
|
return doLogin(con.username, con.domain, con.pass, con.resource, '10', false);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Show the waiting image
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Change the page title
|
||||||
|
pageTitle('wait');
|
||||||
|
}
|
||||||
|
|
||||||
|
catch(e) {
|
||||||
|
// Logs errors
|
||||||
|
logThis(e, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
finally {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Does the user anonymous login
|
||||||
|
function doAnonymous() {
|
||||||
|
logThis('Trying to login anonymously...', 3);
|
||||||
|
|
||||||
|
var aPath = '#home .anonymouser ';
|
||||||
|
var room = $(aPath + '.room').val();
|
||||||
|
var nick = $(aPath + '.nick').val();
|
||||||
|
|
||||||
|
// If the form is correctly completed
|
||||||
|
if(room && nick) {
|
||||||
|
// We remove the not completed class to avoid problems
|
||||||
|
$('#home .anonymouser input').removeClass('please-complete');
|
||||||
|
|
||||||
|
// Redirect the user to the anonymous room
|
||||||
|
window.location.href = JAPPIX_LOCATION + '?r=' + room + '&n=' + nick;
|
||||||
|
}
|
||||||
|
|
||||||
|
// We check if the form is entirely completed
|
||||||
|
else {
|
||||||
|
$(aPath + 'input[type=text]').each(function() {
|
||||||
|
var select = $(this);
|
||||||
|
|
||||||
|
if(!select.val())
|
||||||
|
$(document).oneTime(10, function() {
|
||||||
|
select.addClass('please-complete').focus();
|
||||||
|
});
|
||||||
|
else
|
||||||
|
select.removeClass('please-complete');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the user connected event
|
||||||
|
var CONNECTED = false;
|
||||||
|
|
||||||
|
function handleConnected() {
|
||||||
|
logThis('Jappix is now connected.', 3);
|
||||||
|
|
||||||
|
// Connection markers
|
||||||
|
CONNECTED = true;
|
||||||
|
RECONNECT_TRY = 0;
|
||||||
|
RECONNECT_TIMER = 0;
|
||||||
|
|
||||||
|
// We hide the home page
|
||||||
|
$('#home').hide();
|
||||||
|
|
||||||
|
// Not resumed?
|
||||||
|
if(!RESUME) {
|
||||||
|
// Remember the session?
|
||||||
|
if(getDB('remember', 'session'))
|
||||||
|
setPersistent('session', 1, CURRENT_SESSION);
|
||||||
|
|
||||||
|
// We show the chatting app.
|
||||||
|
createTalkPage();
|
||||||
|
|
||||||
|
// We reset the homepage
|
||||||
|
switchHome('default');
|
||||||
|
|
||||||
|
// We get all the other things
|
||||||
|
getEverything();
|
||||||
|
|
||||||
|
// Set last activity stamp
|
||||||
|
LAST_ACTIVITY = getTimeStamp();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resumed
|
||||||
|
else {
|
||||||
|
// Send our presence
|
||||||
|
presenceSend();
|
||||||
|
|
||||||
|
// Change the title
|
||||||
|
updateTitle();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove the waiting item
|
||||||
|
removeGeneralWait();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handles the user disconnected event
|
||||||
|
function handleDisconnected() {
|
||||||
|
logThis('Jappix is now disconnected.', 3);
|
||||||
|
|
||||||
|
// Normal disconnection
|
||||||
|
if(!CURRENT_SESSION && !CONNECTED)
|
||||||
|
destroyTalkPage();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Setups the normal connection
|
||||||
|
function setupCon(con) {
|
||||||
|
// We setup all the necessary handlers for the connection
|
||||||
|
con.registerHandler('message', handleMessage);
|
||||||
|
con.registerHandler('presence', handlePresence);
|
||||||
|
con.registerHandler('iq', handleIQ);
|
||||||
|
con.registerHandler('onconnect', handleConnected);
|
||||||
|
con.registerHandler('onerror', handleError);
|
||||||
|
con.registerHandler('ondisconnect', handleDisconnected);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Logouts from the server
|
||||||
|
function logout() {
|
||||||
|
// We are not connected
|
||||||
|
if(!isConnected())
|
||||||
|
return false;
|
||||||
|
|
||||||
|
// Disconnect from the XMPP server
|
||||||
|
con.disconnect();
|
||||||
|
|
||||||
|
logThis('Jappix is disconnecting...', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Terminates a session
|
||||||
|
function terminate() {
|
||||||
|
if(!isConnected())
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Clear temporary session storage
|
||||||
|
resetConMarkers();
|
||||||
|
|
||||||
|
// Show the waiting item (useful if BOSH is sloooow)
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Change the page title
|
||||||
|
pageTitle('wait');
|
||||||
|
|
||||||
|
// Disconnect from the XMPP server
|
||||||
|
logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quitss a session
|
||||||
|
function quit() {
|
||||||
|
if(!isConnected())
|
||||||
|
return;
|
||||||
|
|
||||||
|
// We show the waiting image
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Change the page title
|
||||||
|
pageTitle('wait');
|
||||||
|
|
||||||
|
// We disconnect from the XMPP server
|
||||||
|
logout();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Creates the reconnect pane
|
||||||
|
var RECONNECT_TRY = 0;
|
||||||
|
var RECONNECT_TIMER = 0;
|
||||||
|
|
||||||
|
function createReconnect(mode) {
|
||||||
|
logThis('This is not a normal disconnection, show the reconnect pane...', 1);
|
||||||
|
|
||||||
|
// Reconnect pane not yet displayed?
|
||||||
|
if(!exists('#reconnect')) {
|
||||||
|
// Blur the focused input/textarea/select
|
||||||
|
$('input, select, textarea').blur();
|
||||||
|
|
||||||
|
// Create the HTML code
|
||||||
|
var html = '<div id="reconnect" class="lock">' +
|
||||||
|
'<div class="pane">' +
|
||||||
|
_e("Due to a network issue, you were disconnected. What do you want to do now?");
|
||||||
|
|
||||||
|
// Can we cancel reconnection?
|
||||||
|
if(mode == 'normal')
|
||||||
|
html += '<a href="#" class="finish cancel">' + _e("Cancel") + '</a>';
|
||||||
|
|
||||||
|
html += '<a href="#" class="finish reconnect">' + _e("Reconnect") + '</a>' +
|
||||||
|
'</div></div>';
|
||||||
|
|
||||||
|
// Append the code
|
||||||
|
$('body').append(html);
|
||||||
|
|
||||||
|
// Click events
|
||||||
|
if(mode == 'normal')
|
||||||
|
$('#reconnect a.finish.cancel').click(function() {
|
||||||
|
return cancelReconnect();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#reconnect a.finish.reconnect').click(function() {
|
||||||
|
return acceptReconnect(mode);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Try to reconnect automatically after a while
|
||||||
|
if(RECONNECT_TRY < 5)
|
||||||
|
RECONNECT_TIMER = 5 + (5 * RECONNECT_TRY);
|
||||||
|
else
|
||||||
|
RECONNECT_TIMER = 120;
|
||||||
|
|
||||||
|
// Change the try number
|
||||||
|
RECONNECT_TRY++;
|
||||||
|
|
||||||
|
// Fire the event!
|
||||||
|
$('#reconnect a.finish.reconnect').everyTime('1s', function() {
|
||||||
|
// We can reconnect!
|
||||||
|
if(RECONNECT_TIMER == 0)
|
||||||
|
return acceptReconnect(mode);
|
||||||
|
|
||||||
|
// Button text
|
||||||
|
if(RECONNECT_TIMER <= 10)
|
||||||
|
$(this).text(_e("Reconnect") + ' (' + RECONNECT_TIMER + ')');
|
||||||
|
|
||||||
|
// Remove 1 second
|
||||||
|
RECONNECT_TIMER--;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Page title
|
||||||
|
updateTitle();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reconnects the user if he was disconnected (network issue)
|
||||||
|
var RESUME = false;
|
||||||
|
|
||||||
|
function acceptReconnect(mode) {
|
||||||
|
logThis('Trying to reconnect the user...', 3);
|
||||||
|
|
||||||
|
// Resume marker
|
||||||
|
RESUME = true;
|
||||||
|
|
||||||
|
// Show waiting item
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Reset some various stuffs
|
||||||
|
var groupchats = '#page-engine .page-engine-chan[data-type=groupchat]';
|
||||||
|
$(groupchats + ' .list .role').hide();
|
||||||
|
$(groupchats + ' .one-group, ' + groupchats + ' .list .user').remove();
|
||||||
|
$(groupchats).attr('data-initial', 'false');
|
||||||
|
|
||||||
|
// Stop the timer
|
||||||
|
$('#reconnect a.finish.reconnect').stopTime();
|
||||||
|
|
||||||
|
// Remove the reconnect pane
|
||||||
|
$('#reconnect').remove();
|
||||||
|
|
||||||
|
// Try to login again
|
||||||
|
if(mode == 'normal')
|
||||||
|
loginFromSession(XMLFromString(CURRENT_SESSION));
|
||||||
|
else if(mode == 'anonymous')
|
||||||
|
anonymousLogin(HOST_ANONYMOUS);
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cancel the reconnection of user account (network issue)
|
||||||
|
function cancelReconnect() {
|
||||||
|
logThis('User has canceled automatic reconnection...', 3);
|
||||||
|
|
||||||
|
// Stop the timer
|
||||||
|
$('#reconnect a.finish.reconnect').stopTime();
|
||||||
|
|
||||||
|
// Remove the reconnect pane
|
||||||
|
$('#reconnect').remove();
|
||||||
|
|
||||||
|
// Destroy the talk page
|
||||||
|
destroyTalkPage();
|
||||||
|
|
||||||
|
// Renitialize the previous session parameters
|
||||||
|
resetConMarkers();
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Clears session reminder database
|
||||||
|
function clearLastSession() {
|
||||||
|
// Clear temporary storage
|
||||||
|
resetConMarkers();
|
||||||
|
|
||||||
|
// Clear persistent storage
|
||||||
|
if($(XMLFromString(getPersistent('session', 1))).find('stored').text() == 'true')
|
||||||
|
removePersistent('session', 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resets the connection markers
|
||||||
|
function resetConMarkers() {
|
||||||
|
CURRENT_SESSION = false;
|
||||||
|
CONNECTED = false;
|
||||||
|
RESUME = false;
|
||||||
|
RECONNECT_TRY = 0;
|
||||||
|
RECONNECT_TIMER = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Logins from a saved session
|
||||||
|
function loginFromSession(data) {
|
||||||
|
// Select the data
|
||||||
|
var session = $(data);
|
||||||
|
|
||||||
|
// Fire the login event
|
||||||
|
doLogin(
|
||||||
|
session.find('username').text(),
|
||||||
|
session.find('domain').text(),
|
||||||
|
session.find('password').text(),
|
||||||
|
session.find('resource').text(),
|
||||||
|
session.find('priority').text(),
|
||||||
|
false
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quits a session normally
|
||||||
|
function normalQuit() {
|
||||||
|
// Reset our database
|
||||||
|
clearLastSession();
|
||||||
|
|
||||||
|
// We quit the current session
|
||||||
|
quit();
|
||||||
|
|
||||||
|
// We show an info
|
||||||
|
openThisInfo(3);
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gets all the users stuffs
|
||||||
|
function getEverything() {
|
||||||
|
getFeatures();
|
||||||
|
getRoster();
|
||||||
|
listPrivacy();
|
||||||
|
getStorage(NS_ROSTERNOTES);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Plugin launcher
|
||||||
|
function launchConnection() {
|
||||||
|
// Logouts when Jappix is closed
|
||||||
|
$(window).bind('beforeunload', terminate);
|
||||||
|
|
||||||
|
// Nothing to do when anonymous!
|
||||||
|
if(isAnonymous())
|
||||||
|
return;
|
||||||
|
|
||||||
|
// Try to resume a stored session, if not anonymous
|
||||||
|
var session = XMLFromString(getPersistent('session', 1));
|
||||||
|
|
||||||
|
if($(session).find('stored').text() == 'true') {
|
||||||
|
// Hide the homepage
|
||||||
|
$('#home').hide();
|
||||||
|
|
||||||
|
// Show the waiting icon
|
||||||
|
showGeneralWait();
|
||||||
|
|
||||||
|
// Login!
|
||||||
|
loginFromSession(session);
|
||||||
|
|
||||||
|
logThis('Saved session found, resuming it...', 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Not connected, maybe a XMPP link is submitted?
|
||||||
|
else if((parent.location.hash != '#OK') && LINK_VARS['x']) {
|
||||||
|
switchHome('loginer');
|
||||||
|
|
||||||
|
logThis('A XMPP link is set, switch to login page.', 3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Launch this plugin!
|
||||||
|
$(document).ready(launchConnection);
|