$a->page['nav'] .= replace_macros($tpl, array(
'$baseurl' => $a->get_baseurl(),
- '$langselector' => lang_selector(),
'$sitelocation' => $nav_info['sitelocation'],
'$nav' => $nav_info['nav'],
'$banner' => $nav_info['banner'],
/**
*
- * Our network is distributed, and as you visit friends some of the
+ * Our network is distributed, and as you visit friends some of the
* sites look exactly the same - it isn't always easy to know where you are.
* Display the current site location as a navigation aid.
*
$banner = get_config('system','banner');
- if($banner === false)
+ if($banner === false)
$banner .= '<a href="http://friendica.com"><img id="logo-img" src="images/friendica-32.png" alt="logo" /></a><span id="logo-text"><a href="http://friendica.com">Friendica</a></span>';
call_hooks('nav_info', $nav);
/*
* Set a menu item in navbar as selected
- *
+ *
*/
function nav_set_selected($item){
$a = get_app();
*
* Get the language setting directly from system variables, bypassing get_config()
* as database may not yet be configured.
- *
+ *
* If possible, we use the value from the browser.
*
*/
function get_browser_language() {
if (x($_SERVER,'HTTP_ACCEPT_LANGUAGE')) {
- // break up string into pieces (languages and q factors)
- preg_match_all('/([a-z]{1,8}(-[a-z]{1,8})?)\s*(;\s*q\s*=\s*(1|0\.[0-9]+))?/i',
+ // break up string into pieces (languages and q factors)
+ preg_match_all('/([a-z]{1,8}(-[a-z]{1,8})?)\s*(;\s*q\s*=\s*(1|0\.[0-9]+))?/i',
$_SERVER['HTTP_ACCEPT_LANGUAGE'], $lang_parse);
- if (count($lang_parse[1])) {
- // create a list like "en" => 0.8
- $langs = array_combine($lang_parse[1], $lang_parse[4]);
-
- // set default to 1 for any without q factor
- foreach ($langs as $lang => $val) {
- if ($val === '') $langs[$lang] = 1;
- }
-
- // sort list based on value
- arsort($langs, SORT_NUMERIC);
- }
+ if (count($lang_parse[1])) {
+ // create a list like "en" => 0.8
+ $langs = array_combine($lang_parse[1], $lang_parse[4]);
+
+ // set default to 1 for any without q factor
+ foreach ($langs as $lang => $val) {
+ if ($val === '') $langs[$lang] = 1;
+ }
+
+ // sort list based on value
+ arsort($langs, SORT_NUMERIC);
+ }
}
if(isset($langs) && count($langs)) {
* load string translation table for alternate language
*
* first plugin strings are loaded, then globals
- *
+ *
* @param string $lang language code to load
*/
function load_translation_table($lang) {
}
}
}
-
+
if(file_exists("view/$lang/strings.php")) {
include("view/$lang/strings.php");
}
$k = $f($count);
return is_array($t)?$t[$k]:$t;
}
-
+
if ($count!=1){
return $plural;
} else {
}
}}
-// provide a fallback which will not collide with
-// a function defined in any language file
+// provide a fallback which will not collide with
+// a function defined in any language file
if(! function_exists('string_plural_select_default')) {
function string_plural_select_default($n) {
return ($n != 1);
}}
+
+/**
+ * Return installed languages as associative array
+ * [
+ * lang => lang,
+ * ...
+ * ]
+ */
+function get_avaiable_languages() {
+ $lang_choices = array();
+ $langs = glob('view/*/strings.php'); /**/
+
+ if(is_array($langs) && count($langs)) {
+ if(! in_array('view/en/strings.php',$langs))
+ $langs[] = 'view/en/';
+ asort($langs);
+ foreach($langs as $l) {
+ $t = explode("/",$l);
+ $lang_choices[$t[1]] = $t[1];
+ }
+ }
+ return $lang_choices;
+}
}}
-
-
-if(! function_exists('lang_selector')) {
-/**
- * get html for language selector
- * @global string $lang
- * @return string
- * @template lang_selector.tpl
- */
-function lang_selector() {
- global $lang;
-
- $langs = glob('view/*/strings.php');
-
- $lang_options = array();
- $selected = "";
-
- if(is_array($langs) && count($langs)) {
- $langs[] = '';
- if(! in_array('view/en/strings.php',$langs))
- $langs[] = 'view/en/';
- asort($langs);
- foreach($langs as $l) {
- if($l == '') {
- $lang_options[""] = t('default');
- continue;
- }
- $ll = substr($l,5);
- $ll = substr($ll,0,strrpos($ll,'/'));
- $selected = (($ll === $lang && (x($_SESSION, 'language'))) ? $ll : $selected);
- $lang_options[$ll]=$ll;
- }
- }
-
- $tpl = get_markup_template("lang_selector.tpl");
- $o = replace_macros($tpl, array(
- '$title' => t('Select an alternate language'),
- '$langs' => array($lang_options, $selected),
-
- ));
- return $o;
-}}
-
-
if(! function_exists('return_bytes')) {
/**
* return number of bytes in size (K, M, G)
* Language was set earlier, but we can over-ride it in the session.
* We have to do it here because the session was just now opened.
*/
-
-if(array_key_exists('system_language',$_POST)) {
- if(strlen($_POST['system_language']))
- $_SESSION['language'] = $_POST['system_language'];
- else
- unset($_SESSION['language']);
+if (x($_SESSION,'authenticated') && !x($_SESSION,'language')) {
+ // we didn't loaded user data yet, but we need user language
+ $r = q("SELECT language FROM user WHERE uid=%d", intval($_SESSION['uid']));
+ $_SESSION['language'] = $lang;
+ if (count($r)>0) $_SESSION['language'] = $r[0]['language'];
}
+
if((x($_SESSION,'language')) && ($_SESSION['language'] !== $lang)) {
$lang = $_SESSION['language'];
load_translation_table($lang);
function admin_page_site(&$a) {
/* Installed langs */
- $lang_choices = array();
- $langs = glob('view/*/strings.php'); /**/
-
- if(is_array($langs) && count($langs)) {
- if(! in_array('view/en/strings.php',$langs))
- $langs[] = 'view/en/';
- asort($langs);
- foreach($langs as $l) {
- $t = explode("/",$l);
- $lang_choices[$t[1]] = $t[1];
- }
- }
+ $lang_choices = get_avaiable_languages();
if (strlen(get_config('system','directory_submit_url')) AND
!strlen(get_config('system','directory'))) {
$tpl = get_markup_template('navigation.tpl');
return replace_macros($tpl, array(
- '$baseurl' => $a->get_baseurl(),
- '$langselector' => lang_selector(),
+ '$baseurl' => $a->get_baseurl(),
'$sitelocation' => $nav_info['sitelocation'],
'$nav' => $nav_info['nav'],
'$banner' => $nav_info['banner'],
$username = ((x($_POST,'username')) ? notags(trim($_POST['username'])) : '');
$email = ((x($_POST,'email')) ? notags(trim($_POST['email'])) : '');
$timezone = ((x($_POST,'timezone')) ? notags(trim($_POST['timezone'])) : '');
+ $language = ((x($_POST,'language')) ? notags(trim($_POST['language'])) : '');
+
$defloc = ((x($_POST,'defloc')) ? notags(trim($_POST['defloc'])) : '');
$openid = ((x($_POST,'openid_url')) ? notags(trim($_POST['openid_url'])) : '');
$maxreq = ((x($_POST,'maxreq')) ? intval($_POST['maxreq']) : 0);
}
}
- $r = q("UPDATE `user` SET `username` = '%s', `email` = '%s', `openid` = '%s', `timezone` = '%s', `allow_cid` = '%s', `allow_gid` = '%s', `deny_cid` = '%s', `deny_gid` = '%s', `notify-flags` = %d, `page-flags` = %d, `default-location` = '%s', `allow_location` = %d, `maxreq` = %d, `expire` = %d, `openidserver` = '%s', `def_gid` = %d, `blockwall` = %d, `hidewall` = %d, `blocktags` = %d, `unkmail` = %d, `cntunkmail` = %d WHERE `uid` = %d",
+
+ $r = q("UPDATE `user` SET `username` = '%s', `email` = '%s',
+ `openid` = '%s', `timezone` = '%s',
+ `allow_cid` = '%s', `allow_gid` = '%s', `deny_cid` = '%s', `deny_gid` = '%s',
+ `notify-flags` = %d, `page-flags` = %d, `default-location` = '%s',
+ `allow_location` = %d, `maxreq` = %d, `expire` = %d, `openidserver` = '%s',
+ `def_gid` = %d, `blockwall` = %d, `hidewall` = %d, `blocktags` = %d,
+ `unkmail` = %d, `cntunkmail` = %d, `language` = '%s'
+ WHERE `uid` = %d",
dbesc($username),
dbesc($email),
dbesc($openid),
intval($blocktags),
intval($unkmail),
intval($cntunkmail),
+ dbesc($language),
intval(local_user())
);
if($r)
info( t('Settings updated.') . EOL);
+ // clear session language
+ unset($_SESSION['language']);
+
$r = q("UPDATE `profile`
SET `publish` = %d,
`name` = '%s',
$email = $a->user['email'];
$nickname = $a->user['nickname'];
$timezone = $a->user['timezone'];
+ $language = $a->user['language'];
$notify = $a->user['notify-flags'];
$defloc = $a->user['default-location'];
$openid = $a->user['openid'];
else
$public_post_link = '&public=1';
+ /* Installed langs */
+ $lang_choices = get_avaiable_languages();
$o .= replace_macros($stpl, array(
'$ptitle' => t('Account Settings'),
'$username' => array('username', t('Full Name:'), $username,''),
'$email' => array('email', t('Email Address:'), $email, '', '', '', 'email'),
'$timezone' => array('timezone_select' , t('Your Timezone:'), select_timezone($timezone), ''),
+ '$language' => array('language', t('Your Language:'), $language, t('Set the language we use to show you friendica interface and to send you emails'), $lang_choices),
'$defloc' => array('defloc', t('Default Post Location:'), $defloc, ''),
'$allowloc' => array('allow_location', t('Use Browser Location:'), ($a->user['allow_location'] == 1), ''),
'$notify8' => array('notify8', t('You are poked/prodded/etc. in a post'), ($notify & NOTIFY_POKE), NOTIFY_POKE, ''),
'$desktop_notifications' => array('desktop_notifications', t('Activate desktop notifications') , false, t('Show desktop popup on new notifications')),
-
+
'$email_textonly' => array('email_textonly', t('Text-only notification emails'),
get_pconfig(local_user(),'system','email_textonly'),
t('Send text only notification emails, without the html part')),
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" >lang</div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v|escape:'html'}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
{{include file="field_input.tpl" field=$email}}
{{include file="field_password.tpl" field=$password4}}
{{include file="field_custom.tpl" field=$timezone}}
+{{include file="field_select.tpl" field=$language}}
{{include file="field_input.tpl" field=$defloc}}
{{include file="field_checkbox.tpl" field=$allowloc}}
(function(){
var elm = $("#id_{{$desktop_notifications.0}}_onoff");
var ckbox = $("#id_{{$desktop_notifications.0}}");
-
+
if (getNotificationPermission() === 'granted') {
ckbox.val(1);
elm.find(".off").addClass("hidden");
if (getNotificationPermission() === null) {
elm.parent(".field.yesno").hide();
}
-
+
$("#id_{{$desktop_notifications.0}}_onoff").on("click", function(e){
-
+
if (Notification.permission === 'granted') {
localStorage.setItem('notification-permissions', ckbox.val()==1 ? 'granted' : 'denied');
} else if (Notification.permission === 'denied') {
localStorage.setItem('notification-permissions', 'denied');
-
+
ckbox.val(0);
elm.find(".on").addClass("hidden");
elm.find(".off").removeClass("hidden");
-
+
} else if (Notification.permission === 'default') {
Notification.requestPermission(function(choice) {
if (choice === 'granted') {
}
});
}
-
+
//console.log(getNotificationPermission());
-
-
+
+
})
})();
</script>
border: 1px solid #666666;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
padding: 3px;\r
}\r
\r
background: #EEE;\r
color: #444;\r
padding: 10px;\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
blockquote {\r
background: #EEE;\r
color: #444;\r
padding: 10px;\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
blockquote {\r
border: 1px solid #babdb6;\r
border-bottom: 0px;\r
background-color: #aec0d3;\r
- color: #565854; \r
+ color: #565854;\r
-moz-border-radius: 3px 3px 0px 0px;\r
-webkit-border-radius: 3px 3px 0px 0px;\r
- border-radius: 3px 3px 0px 0px; \r
+ border-radius: 3px 3px 0px 0px;\r
}\r
\r
.nav-commlink.selected {\r
background-repeat: no-repeat;\r
\r
min-height: 112px;\r
- border-top: 1px solid #babdb6; \r
+ border-top: 1px solid #babdb6;\r
overflow-x:hidden;\r
}\r
\r
\r
.tabs {\r
/*background-image: url(head.jpg);\r
- background-repeat: repeat-x; \r
+ background-repeat: repeat-x;\r
background-position: 0px -20px;*/\r
border-bottom: 1px solid #babdb6;\r
padding:0px;\r
}\r
.tab.active {\r
font-weight: bold;\r
- \r
+\r
}\r
#events-tab {\r
display: none;\r
}\r
\r
/* from default */\r
-#jot-perms-icon, \r
+#jot-perms-icon,\r
#profile-location,\r
#profile-nolocation,\r
-#profile-youtube, \r
-#profile-video, \r
+#profile-youtube,\r
+#profile-video,\r
#profile-audio,\r
#profile-link,\r
-#profile-title, \r
+#profile-title,\r
#wall-image-upload,\r
#wall-file-upload,\r
#profile-upload-wrapper,\r
#jot-category:-moz-placeholder{font-weight: normal;}*/\r
#profile-jot-text::-webkit-input-placeholder{font-weight: bold;}\r
#profile-jot-text:-moz-placeholder{font-weight: bold; font-size:18px; color: graytext}\r
- \r
+\r
#jot-title:hover,\r
#jot-title:focus,\r
#jot-category:hover,\r
#jot-category:focus {\r
- border: 1px solid #cccccc; \r
+ border: 1px solid #cccccc;\r
}\r
\r
/*.jothidden { display:none; }*/\r
padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;\r
background: #F8F8F8;\r
font-weight: bold;\r
/* padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;*/\r
background: #F8F8F8;\r
font-weight: bold;\r
}\r
\r
#login-submit-button {\r
- margin-top: 10px; \r
+ margin-top: 10px;\r
margin-left: 200px;\r
}*/\r
\r
clear: left;\r
color: #666666;\r
display: block;\r
- margin-bottom: 20px \r
+ margin-bottom: 20px\r
}\r
\r
#profile-edit-profile-name-end,\r
/* width: 120px;\r
height: 120px;*/\r
padding-left: 15px;\r
- padding-right: 15px; \r
+ padding-right: 15px;\r
width: 95px;\r
height: 200px;\r
}\r
display: block;\r
position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;\r
- \r
+\r
}\r
.wall-item-photo-menu {\r
width: auto;\r
margin-top: 1em;\r
left: 105px;\r
position: absolute;\r
- top: 1px; \r
+ top: 1px;\r
}\r
.comment .wall-item-lock {\r
margin-top: 0px;\r
}\r
.star-item {\r
margin-left: 10px;\r
- float: left; \r
+ float: left;\r
}\r
.tag-item {\r
margin-left: 10px;\r
- float: left; \r
+ float: left;\r
}\r
\r
.filer-item {\r
border-radius: 7px;\r
}\r
.comment .wall-item-photo {\r
- width: 50px !important; \r
+ width: 50px !important;\r
height: 50px !important;\r
}\r
.wall-item-content {\r
.wall-item-title {\r
/*float: left;*/\r
font-weight: bold;\r
- font-size: 1.6em; \r
+ font-size: 1.6em;\r
/*width: 450px;*/\r
}\r
\r
background-repeat: repeat-x;*/\r
border-bottom-left-radius: 10px;\r
border-bottom-right-radius: 10px;\r
-} \r
+}\r
\r
\r
.comment-edit-wrapper {\r
/* float: left;*/\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #cccccc;\r
padding: 3px 1px 1px 3px;\r
}\r
padding-top: 0.5em;\r
margin-top: 1em;\r
margin-bottom: 1em;\r
- \r
+\r
}\r
.shared_header img {\r
float: left;\r
.contact-photo-menu-button {\r
/* position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;*/\r
- \r
+\r
}\r
.contact-photo-menu {\r
width: 130px;\r
padding: 3px 0px 0px 5px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
}\r
\r
\r
margin: 4px;\r
}\r
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
-.acl-list-item a { \r
+.acl-list-item a {\r
font-size: 8px;\r
display: block;\r
width: 40px;\r
margin-top: 15px;\r
margin-right: 15px;\r
margin-left: 15px;\r
-/* width: 200px; height: 200px; \r
- overflow: hidden; \r
+/* width: 200px; height: 200px;\r
+ overflow: hidden;\r
position: relative; */\r
}\r
.photo-album-image-wrapper .caption {\r
- display: none; \r
+ display: none;\r
width: 100%;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0.5em 0.5em 0px 0.5em;\r
background-color: rgba(245, 245, 255, 0.8);\r
border-bottom: 2px solid #CCC;\r
}\r
\r
.photo-top-image-wrapper {\r
-/* position: relative; \r
+/* position: relative;\r
float: left;*/\r
display: inline-block;\r
vertical-align: top;\r
margin-right: 15px;\r
margin-left: 15px;\r
margin-bottom: 15px;\r
-/* width: 200px; height: 200px; \r
+/* width: 200px; height: 200px;\r
overflow: hidden; */\r
}\r
.photo-top-image-wrapper img {\r
width: 100%;\r
min-height: 2em;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0px 3px;\r
padding-top: 0.5em;\r
background-color: rgb(255, 255, 255);\r
}\r
\r
#profile-jot-banner-end {\r
- /* clear: both; */ \r
+ /* clear: both; */\r
}\r
\r
#photos-upload-select-files-text {\r
}\r
\r
/* end from default */\r
- \r
+\r
\r
.fn {\r
padding: 1em 0px 5px 12px;\r
\r
#birthday-title {\r
float: left;\r
- font-weight: bold; \r
+ font-weight: bold;\r
}\r
\r
#birthday-adjust {\r
clear: both;\r
}\r
\r
- \r
+\r
.calendar {\r
font-family: Courier, monospace;\r
}\r
margin-bottom: 15px;\r
}\r
\r
-#language-selector {\r
- position: absolute;\r
- top: 0px;\r
- left: 16px;\r
-}\r
\r
#group-members {\r
margin-top: 20px;\r
\r
\r
#netsearch-box {\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
#netsearch-box #search-submit {\r
text-decoration: underline;\r
}\r
\r
-#lang-select-icon {\r
- cursor: pointer;\r
- position: fixed;\r
- left: 0px;\r
- top: 0px;\r
- opacity: 0.2;\r
- filter:alpha(opacity=20);\r
-}\r
-\r
-#lang-select-icon:hover {\r
- opacity: 1;\r
- filter:alpha(opacity=100);\r
-}\r
-\r
.notif-image {\r
height: 80px;\r
width: 80px;\r
}\r
\r
\r
-\r
/**\r
* Plugins settings\r
*/\r
.settings-heading {\r
border-bottom: 1px solid #babdb6;\r
}\r
- \r
+\r
\r
\r
/**\r
font-weight: bold;\r
background-color: #FF0000;\r
padding: 0em 0.3em;\r
- \r
+\r
}\r
#adminpage dl {\r
clear: left;\r
/*\r
* UPDATE\r
*/\r
-.popup { \r
+.popup {\r
width: 100%; height: 100%;\r
top:0px; left:0px;\r
position: absolute;\r
border: 4px solid #000000;\r
background-color: #FFFFFF;\r
}\r
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }\r
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }\r
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
height: auto; overflow: auto;\r
border-bottom: 2px solid #cccccc;\r
padding-bottom: 1em;\r
- margin-bottom: 1em; \r
+ margin-bottom: 1em;\r
}\r
.oauthapp img {\r
float: left;\r
}\r
\r
#recip {\r
- \r
+\r
}\r
.autocomplete-w1 { background: #ffffff; no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }\r
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
{{include file="field_input.tpl" field=$email}}
{{include file="field_password.tpl" field=$password4}}
{{include file="field_custom.tpl" field=$timezone}}
+{{include file="field_select.tpl" field=$language}}
{{include file="field_input.tpl" field=$defloc}}
{{include file="field_checkbox.tpl" field=$allowloc}}
#notify-update{background-position:-60px 0px;}
#home-update{background-position:-90px 0px;}
#intro-update{background-position:-120px 0px;}
-#lang-select-icon{cursor:pointer;position:fixed;left:28px;bottom:6px;z-index:10;}
-#language-selector{position:fixed;bottom:2px;left:52px;z-index:10;}
.menu-popup{position:absolute;display:none;background:white;color:#2e2f2e;margin:0px;padding:0px;font-size:small;line-height:1.2;border:3px solid #88a9d2;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;z-index:100000;-moz-box-shadow:5px 5px 5px 0px #111111;-o-box-shadow:5px 5px 5px 0px #111111;-webkit-box-shadow:5px 5px 5px 0px #111111;-ms-box-shadow:5px 5px 5px 0px #111111;box-shadow:5px 5px 5px 0px #111111;}.menu-popup a{display:block;color:#2e2f2e;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{color:#eeeecc;background-color:#88a9d2;}
.menu-popup .menu-sep{border-top:1px solid #4e4f4e;}
.menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;}
* dispy dark
* Description: Dispy Dark: dark, sleek, functional
* author, maintainer: simon <http://simon.kisikew.org/>
- *
+ *
* Author's notes:
* A few things of note here. The less file is our working copy,
* and the CSS is *generated* from it. The CSS is the one that's
#intro-update {
background-position: -120px 0px;
}
-#lang-select-icon {
- cursor: pointer;
- position: fixed;
- left: 28px;
- bottom: 6px;
- z-index: 10;
-}
-#language-selector {
- position: fixed;
- bottom: 2px;
- left: 52px;
- z-index: 10;
-}
+
.menu-popup {
position: absolute;
display: none;
margin: 0 6px 0 -3px;
}
.profile-match-photo {
-
+
}
[id$="-end"], [class$="-end"] {
clear: both;
#register-form label,
#profile-edit-form label {
width: 23em;
-}
+}
#register-form span,
#profile-edit-form span {
color: @menu_bg_colour;
#notify-update{background-position:-60px 0px;}
#home-update{background-position:-90px 0px;}
#intro-update{background-position:-120px 0px;}
-#lang-select-icon{cursor:pointer;position:fixed;left:28px;bottom:6px;z-index:10;}
-#language-selector{position:fixed;bottom:2px;left:52px;z-index:10;}
.menu-popup{position:absolute;display:none;background:white;color:#111111;margin:0px;padding:0px;font-size:small;line-height:1.2;border:3px solid #3465a4;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;z-index:100000;-moz-box-shadow:5px 5px 5px 0px #111111;-o-box-shadow:5px 5px 5px 0px #111111;-webkit-box-shadow:5px 5px 5px 0px #111111;-ms-box-shadow:5px 5px 5px 0px #111111;box-shadow:5px 5px 5px 0px #111111;}.menu-popup a{display:block;color:#111111;padding:5px 10px;text-decoration:none;}.menu-popup a:hover{color:#eeeeec;background-color:#3465a4;}
.menu-popup .menu-sep{border-top:1px solid #4e4f4e;}
.menu-popup li{float:none;overflow:auto;height:auto;display:block;}.menu-popup li img{float:left;width:16px;height:16px;padding-right:5px;}
#intro-update {
background-position: -120px 0px;
}
-#lang-select-icon {
- cursor: pointer;
- position: fixed;
- left: 28px;
- bottom: 6px;
- z-index: 10;
-}
-#language-selector {
- position: fixed;
- bottom: 2px;
- left: 52px;
- z-index: 10;
-}
+
.menu-popup {
position: absolute;
display: none;
margin: 0 6px 0 -3px;
}
.profile-match-photo {
-
+
}
[id$="-end"], [class$="-end"] {
clear: both;
#register-form label,
#profile-edit-form label {
width: 23em;
-}
+}
#register-form span,
#profile-edit-form span {
color: @menu_bg_colour;
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
margin-bottom: 15px;
}
-#language-selector {
- position: absolute;
- top: 0px;
- left: 16px;
-}
-
#group-members {
margin-top: 20px;
padding: 10px;
text-decoration: underline;
}
-#lang-select-icon {
- cursor: pointer;
- position: absolute;
- left: 0px;
- top: 0px;
- opacity: 0.2;
- filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
- opacity: 1;
- filter:alpha(opacity=100);
-}
.notif-image {
height: 80px;
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
input {
/*border: 1px solid #666666;*/
/*-moz-border-radius: 3px;*/
- border-radius: 3px;
+ border-radius: 3px;
padding: 3px;
background-color: #0B4E7A;
color: #ffffff;
background: #EEE;
color: #444;
padding: 10px;
- margin-top: 20px;
+ margin-top: 20px;
}
blockquote {
border-bottom: 0px;
background-color: #FFFFFF;
/*font-weight: bold;*/
- color: #FFFFFF;
+ color: #FFFFFF;
-moz-border-radius: 3px 3px 0px 0px;
- border-radius: 3px 3px 0px 0px;
+ border-radius: 3px 3px 0px 0px;
}
nav .nav-link {
float: right;
font-size:12px ;
font-weight: bold;
float: left;
- margin-top: 62px;
+ margin-top: 62px;
}
background-position: top right;
background-repeat: no-repeat;
min-height: 112px;
-
+
}
.tabs {
height: 27px;
background-image: url(head.jpg);
- background-repeat: repeat-x;
+ background-repeat: repeat-x;
background-position: 0px -20px;
border-bottom: 1px solid #babdb6;
padding:0px;
}
/* from default */
-#jot-perms-icon,
+#jot-perms-icon,
#profile-location,
#profile-nolocation,
-#profile-youtube,
-#profile-video,
+#profile-youtube,
+#profile-video,
#profile-audio,
#profile-link,
-#profile-title,
+#profile-title,
#wall-image-upload,
#wall-file-upload,
#profile-upload-wrapper,
#jot-title::-webkit-input-placeholder{font-weight: normal;}
#jot-title:-moz-placeholder{font-weight: normal;}
-
-
+
+
#jot-title:hover,
#jot-title:focus {
- border: 1px solid #cccccc;
+ border: 1px solid #cccccc;
}
.jothidden { display:none; }
.group-selected, .nets-selected {
padding: 3px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
clear: left;
color: #666666;
display: block;
- margin-bottom: 20px
+ margin-bottom: 20px
}
#profile-edit-profile-name-end,
/*border: 1px solid #CCC;*/
position: relative;
-moz-border-radius: 3px;
- /*border-radius: 3px; */
+ /*border-radius: 3px; */
}
display: block;
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.wall-item-photo-menu {
width: auto;
/*margin-top: 10px;*/
left: 105px;
position: absolute;
- top: 1px;
+ top: 1px;
}
.comment .wall-item-lock {
left: 65px;
}
.star-item {
margin-left: 10px;
- float: left;
+ float: left;
}
.tag-item {
margin-left: 10px;
- float: left;
+ float: left;
}
border: none;
}
.comment .wall-item-photo {
- width: 50px !important;
+ width: 50px !important;
height: 50px !important;
}
.wall-item-content {
.comment .wall-item-tools {
background:none;
-}
+}
.comment-edit-wrapper {
margin-top: 15px;
float: left;
margin-top: 10px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #cccccc;
padding: 3px 1px 1px 3px;
}
.contact-photo-menu-button {
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.contact-photo-menu {
width: auto;
border: 1px solid #cccccc;
padding: 3px 0px 0px 5px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
}
overflow: auto;
}
#acl-list-content {
-
+
}
.acl-list-item {
display: block;
margin: 4px;
}
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a {
+.acl-list-item a {
font-size: 8px;
display: block;
width: 40px;
float: left;
margin-top: 15px;
margin-right: 15px;
- width: 200px; height: 200px;
- overflow: hidden;
+ width: 200px; height: 200px;
+ overflow: hidden;
position: relative;
}
.photo-album-image-wrapper .caption {
- display: none;
+ display: none;
width: 100%;
- position: absolute;
- bottom: 0px;
+ position: absolute;
+ bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC;
float: left;
margin-top: 15px;
margin-right: 15px;
- width: 200px; height: 200px;
- overflow: hidden;
+ width: 200px; height: 200px;
+ overflow: hidden;
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
- position: absolute;
- bottom: 0px;
+ position: absolute;
+ bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
#profile-jot-banner-end {
- /* clear: both; */
+ /* clear: both; */
}
#photos-upload-select-files-text {
}
/* end from default */
-
+
.fn {
padding: 0px 0px 5px 12px;
#birthday-title {
float: left;
- font-weight: bold;
+ font-weight: bold;
}
#birthday-adjust {
clear: both;
}
-
+
.calendar {
font-family: Courier, monospace;
}
margin-bottom: 15px;
}
-#language-selector {
- position: absolute;
- top: 0px;
- left: 16px;
-}
#group-members {
margin-top: 20px;
#netsearch-box {
- margin-top: 20px;
+ margin-top: 20px;
}
#netsearch-box #search-submit {
text-decoration: underline;
}
-#lang-select-icon {
- cursor: pointer;
- position: absolute;
- left: 0px;
- top: 0px;
- opacity: 0.2;
- filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
- opacity: 1;
- filter:alpha(opacity=100);
-}
.notif-image {
height: 80px;
.settings-heading {
border-bottom: 1px solid #babdb6;
}
-
+
/**
* Form fields
display: block;
margin-left: 200px;
color: #666666;
-
+
}
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
-
+
}
#adminpage dl {
clear: left;
/*
* UPDATE
*/
-.popup {
+.popup {
width: 100%; height: 100%;
top:0px; left:0px;
position: absolute;
border: 4px solid #000000;
background-color: #FFFFFF;
}
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
height: auto; overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
- margin-bottom: 1em;
+ margin-bottom: 1em;
}
.oauthapp img {
float: left;
border: 1px solid #666666;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
padding: 3px;\r
}\r
\r
background: #EEE;\r
color: #444;\r
padding: 10px;\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
blockquote {\r
background: #EEE;\r
color: #444;\r
padding: 10px;\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
blockquote {\r
border: 1px solid #babdb6;\r
border-bottom: 0px;\r
background-color: #aec0d3;\r
- color: #565854; \r
+ color: #565854;\r
-moz-border-radius: 3px 3px 0px 0px;\r
-webkit-border-radius: 3px 3px 0px 0px;\r
- border-radius: 3px 3px 0px 0px; \r
+ border-radius: 3px 3px 0px 0px;\r
}\r
\r
.nav-commlink.selected {\r
background-repeat: no-repeat;\r
\r
min-height: 112px;\r
- border-top: 1px solid #babdb6; \r
+ border-top: 1px solid #babdb6;\r
overflow-x:hidden;\r
}\r
\r
.tabs {\r
/*background-image: url(head.jpg);\r
- background-repeat: repeat-x; \r
+ background-repeat: repeat-x;\r
background-position: 0px -20px;*/\r
border-bottom: 1px solid #babdb6;\r
padding:0px;\r
}\r
.tab.active {\r
font-weight: bold;\r
- \r
+\r
}\r
#events-tab {\r
display: none;\r
}\r
\r
/* from default */\r
-#jot-perms-icon, \r
+#jot-perms-icon,\r
#profile-location,\r
#profile-nolocation,\r
-#profile-youtube, \r
-#profile-video, \r
+#profile-youtube,\r
+#profile-video,\r
#profile-audio,\r
#profile-link,\r
-#profile-title, \r
+#profile-title,\r
#wall-image-upload,\r
#wall-file-upload,\r
#profile-upload-wrapper,\r
#jot-category::-webkit-input-placeholder{font-weight: normal;}\r
#jot-title:-moz-placeholder{font-weight: normal;}\r
#jot-category:-moz-placeholder{font-weight: normal;}*/\r
- \r
- \r
+\r
+\r
#jot-title:hover,\r
#jot-title:focus,\r
#jot-category:hover,\r
#jot-category:focus {\r
- border: 1px solid #cccccc; \r
+ border: 1px solid #cccccc;\r
}\r
\r
.jothidden { display:none; }\r
padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;\r
background: #F8F8F8;\r
font-weight: bold;\r
/* padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #CCCCCC;*/\r
background: #F8F8F8;\r
font-weight: bold;\r
}\r
\r
#login-submit-button {\r
- margin-top: 10px; \r
+ margin-top: 10px;\r
margin-left: 200px;\r
}*/\r
\r
clear: left;\r
color: #666666;\r
display: block;\r
- margin-bottom: 20px \r
+ margin-bottom: 20px\r
}\r
\r
#profile-edit-profile-name-end,\r
/* width: 120px;\r
height: 120px;*/\r
padding-left: 15px;\r
- padding-right: 15px; \r
+ padding-right: 15px;\r
max-width: 262px;\r
height: 90px;\r
margin: 0 10px 10px 0px;\r
display: block;\r
position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;\r
- \r
+\r
}\r
.wall-item-photo-menu {\r
width: auto;\r
}\r
.star-item {\r
margin-left: 10px;\r
- float: left; \r
+ float: left;\r
}\r
.tag-item {\r
margin-left: 10px;\r
- float: left; \r
+ float: left;\r
}\r
\r
.filer-item {\r
border-radius: 7px;\r
}\r
.comment .wall-item-photo {\r
- width: 50px !important; \r
+ width: 50px !important;\r
height: 50px !important;\r
}\r
.wall-item-content {\r
.wall-item-title {\r
/*float: left;*/\r
font-weight: bold;\r
- font-size: 1.6em; \r
+ font-size: 1.6em;\r
/*width: 450px;*/\r
}\r
\r
background-repeat: repeat-x;*/\r
border-bottom-left-radius: 10px;\r
border-bottom-right-radius: 10px;\r
-} \r
+}\r
\r
\r
.comment-edit-wrapper {\r
/* float: left;*/\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
border: 1px solid #cccccc;\r
padding: 3px 1px 1px 3px;\r
}\r
padding-top: 0.5em;\r
margin-top: 1em;\r
margin-bottom: 1em;\r
- \r
+\r
}\r
.shared_header img {\r
float: left;\r
.contact-photo-menu-button {\r
/* position: absolute;\r
background-image: url("photo-menu.jpg");\r
- background-position: top left; \r
+ background-position: top left;\r
background-repeat: no-repeat;\r
margin: 0px; padding: 0px;\r
width: 16px;\r
overflow: hidden;\r
text-indent: 40px;\r
display: none;*/\r
- \r
+\r
}\r
.contact-photo-menu {\r
width: 130px;\r
padding: 3px 0px 0px 5px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
- border-radius: 3px; \r
+ border-radius: 3px;\r
}\r
\r
\r
overflow: visible;\r
}\r
#acl-list-content {\r
- \r
+\r
}\r
.acl-list-item {\r
display: inline-block;\r
margin: 4px;\r
}\r
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
-.acl-list-item a { \r
+.acl-list-item a {\r
font-size: 10px;\r
display: block;\r
width: 55px;\r
margin-top: 15px;\r
margin-right: 15px;\r
margin-left: 15px;\r
-/* width: 200px; height: 200px; \r
- overflow: hidden; \r
+/* width: 200px; height: 200px;\r
+ overflow: hidden;\r
position: relative; */\r
}\r
.photo-album-image-wrapper .caption {\r
- display: none; \r
+ display: none;\r
width: 100%;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0.5em 0.5em 0px 0.5em;\r
background-color: rgba(245, 245, 255, 0.8);\r
border-bottom: 2px solid #CCC;\r
}\r
\r
.photo-top-image-wrapper {\r
-/* position: relative; \r
+/* position: relative;\r
float: left;*/\r
display: inline-block;\r
vertical-align: top;\r
margin-right: 15px;\r
margin-left: 15px;\r
margin-bottom: 15px;\r
-/* width: 200px; height: 200px; \r
+/* width: 200px; height: 200px;\r
overflow: hidden; */\r
}\r
.photo-top-image-wrapper img {\r
width: 100%;\r
min-height: 2em;\r
/* position: absolute; */\r
- bottom: 0px; \r
+ bottom: 0px;\r
padding: 0px 3px;\r
padding-top: 0.5em;\r
background-color: rgb(255, 255, 255);\r
}\r
\r
#profile-jot-banner-end {\r
- /* clear: both; */ \r
+ /* clear: both; */\r
}\r
\r
#photos-upload-select-files-text {\r
}\r
\r
/* end from default */\r
- \r
+\r
\r
.fn {\r
padding: 1em 0px 5px 12px;\r
\r
#birthday-title {\r
float: left;\r
- font-weight: bold; \r
+ font-weight: bold;\r
}\r
\r
#birthday-adjust {\r
clear: both;\r
}\r
\r
- \r
+\r
.calendar {\r
font-family: Courier, monospace;\r
}\r
margin-bottom: 15px;\r
}\r
\r
-#language-selector {\r
- position: absolute;\r
- top: 0px;\r
- left: 16px;\r
-}\r
\r
#group-members {\r
margin-top: 20px;\r
\r
\r
#netsearch-box {\r
- margin-top: 20px; \r
+ margin-top: 20px;\r
}\r
\r
#netsearch-box #search-submit {\r
text-decoration: underline;\r
}\r
\r
-#lang-select-icon {\r
- cursor: pointer;\r
- position: fixed;\r
- left: 0px;\r
- top: 0px;\r
- opacity: 0.2;\r
- filter:alpha(opacity=20);\r
-}\r
-\r
-#lang-select-icon:hover {\r
- opacity: 1;\r
- filter:alpha(opacity=100);\r
-}\r
-\r
.notif-image {\r
height: 80px;\r
width: 80px;\r
.settings-heading {\r
border-bottom: 1px solid #babdb6;\r
}\r
- \r
+\r
\r
\r
/**\r
font-weight: bold;\r
background-color: #FF0000;\r
padding: 0em 0.3em;\r
- \r
+\r
}\r
#adminpage dl {\r
clear: left;\r
/*\r
* UPDATE\r
*/\r
-.popup { \r
+.popup {\r
width: 100%; height: 100%;\r
top:0px; left:0px;\r
position: absolute;\r
border: 4px solid #000000;\r
background-color: #FFFFFF;\r
}\r
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }\r
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }\r
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
height: auto; overflow: auto;\r
border-bottom: 2px solid #cccccc;\r
padding-bottom: 1em;\r
- margin-bottom: 1em; \r
+ margin-bottom: 1em;\r
}\r
.oauthapp img {\r
float: left;\r
}\r
\r
#recip {\r
- \r
+\r
}\r
.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }\r
.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }\r
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
{{include file="field_input.tpl" field=$email}}
{{include file="field_password.tpl" field=$password4}}
{{include file="field_custom.tpl" field=$timezone}}
+{{include file="field_select.tpl" field=$language}}
{{include file="field_input.tpl" field=$defloc}}
{{include file="field_checkbox.tpl" field=$allowloc}}
border: 1px solid #666666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
padding: 3px;
}
background: #EEE;
color: #444;
padding: 10px;
- margin-top: 20px;
+ margin-top: 20px;
}
blockquote {
border: 1px solid #babdb6;
border-bottom: 0px;
background-color: #aec0d3;
- color: #565854;
+ color: #565854;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
- border-radius: 3px 3px 0px 0px;
+ border-radius: 3px 3px 0px 0px;
}
.nav-commlink.selected {
.tabs {
height: 27px;
/*background-image: url(head.jpg);
- background-repeat: repeat-x;
+ background-repeat: repeat-x;
background-position: 0px -20px;
border-bottom: 1px solid #babdb6;*/
padding:0px;
.tabs li { margin: 0px; list-style: none; }
.tabs a {
/* background-image: url(head.jpg);
- background-repeat: repeat-x;
+ background-repeat: repeat-x;
background-position: 0px 0px;
background-size: auto 45px;*/
}
/* from default */
-#jot-perms-icon,
+#jot-perms-icon,
#profile-location,
#profile-nolocation,
-#profile-youtube,
-#profile-video,
+#profile-youtube,
+#profile-video,
#profile-audio,
#profile-link,
-#profile-title,
+#profile-title,
#wall-image-upload,
#wall-file-upload,
#profile-upload-wrapper,
#jot-category::-webkit-input-placeholder{font-weight: normal;}
#jot-title:-moz-placeholder{font-weight: normal;}
#jot-category:-moz-placeholder{font-weight: normal;}
-
-
+
+
#jot-title:hover,
#jot-title:focus,
#jot-category:hover,
#jot-category:focus {
- border: 1px solid #cccccc;
+ border: 1px solid #cccccc;
}
.jothidden { display:none; }
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #CCCCCC;
background: #F8F8F8;
font-weight: bold;
}
#login-submit-button {
- margin-top: 10px;
+ margin-top: 10px;
margin-left: 200px;
}*/
clear: left;
color: #666666;
display: block;
- margin-bottom: 20px
+ margin-bottom: 20px
}
#profile-edit-profile-name-end,
display: block;
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.wall-item-photo-menu {
width: auto;
margin-top: 1em; /* needs to match .wall-item-content-wrapper padding-top */
left: 105px;
position: absolute;
- top: 1px;
+ top: 1px;
}
.comment .wall-item-lock {
left: 65px;
}
.star-item {
margin-left: 10px;
- float: left;
+ float: left;
}
.tag-item {
margin-left: 10px;
- float: left;
+ float: left;
}
.filer-item {
-webkit-border-radius: 7px;
}
.comment .wall-item-photo {
- width: 50px !important;
+ width: 50px !important;
height: 50px !important;
border-radius: 5px;
-moz-border-radius: 5px;
.wall-item-title {
float: left;
font-weight: bold;
- font-size: 1.6em;
+ font-size: 1.6em;
/*width: 450px;*/
}
margin-left: 0px;
margin-top: 5px;
padding-top: 0px;
-}
+}
.comment-edit-wrapper {
margin-top: 15px;
margin-top: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #cccccc;
padding: 3px 1px 1px 3px;
}
padding-top: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
-
+
}
.shared_header img {
float: left;
.contact-photo-menu-button {
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
overflow: hidden;
text-indent: 40px;
display: none;
-
+
}
.contact-photo-menu {
width: auto;
border: 1px solid #cccccc;
padding: 3px 0px 0px 5px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
}
overflow: auto;
}
#acl-list-content {
-
+
}
.acl-list-item {
display: block;
margin: 4px;
}
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a {
+.acl-list-item a {
font-size: 10px; /* 8px; */
display: block;
width: 50px;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
-/* width: 200px; height: 200px;
- overflow: hidden;
+/* width: 200px; height: 200px;
+ overflow: hidden;
position: relative; */
}
.photo-album-image-wrapper .caption {
- display: none;
+ display: none;
width: 100%;
/* position: absolute; */
- bottom: 0px;
+ bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC;
}
.photo-top-image-wrapper {
-/* position: relative;
+/* position: relative;
float: left;*/
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
-/* width: 200px; height: 200px;
+/* width: 200px; height: 200px;
overflow: hidden; */
}
.photo-album-image-wrapper img, .photo-top-image-wrapper img {
width: 100%;
min-height: 2em;
/* position: absolute; */
- bottom: 0px;
+ bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
#profile-jot-banner-end {
- /* clear: both; */
+ /* clear: both; */
}
#photos-upload-select-files-text {
}
/* end from default */
-
+
.fn {
padding: 0px 0px 5px 12px;
#birthday-title {
float: left;
- font-weight: bold;
+ font-weight: bold;
}
#birthday-adjust {
clear: both;
}
-
+
.calendar {
font-family: Courier, monospace;
}
margin-bottom: 15px;
}
-#language-selector {
- position: absolute;
- top: 0px;
- left: 16px;
-}
-
#group-members {
margin-top: 20px;
padding: 10px;
#netsearch-box {
- margin-top: 20px;
+ margin-top: 20px;
}
#netsearch-box #search-submit {
text-decoration: underline;
}
-#lang-select-icon {
- cursor: pointer;
- position: absolute;
- left: 0px;
- top: 0px;
- opacity: 0.2;
- filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
- opacity: 1;
- filter:alpha(opacity=100);
-}
.notif-image {
height: 80px;
.settings-heading {
border-bottom: 1px solid #babdb6;
}
-
+
/**
* Form fields
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
-
+
}
#adminpage dl {
clear: left;
/*
* UPDATE
*/
-.popup {
+.popup {
width: 100%; height: 100%;
top:0px; left:0px;
position: absolute;
border: 4px solid #000000;
background-color: #FFFFFF;
}
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
.popup .panel .panel_in { width: 100%; height: 100%; position: relative; }
.popup .panel .panel_actions { width: 100%; bottom: 4px; left: 0px; position: absolute; }
.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
height: auto; overflow: auto;
border-bottom: 2px solid #cccccc;
padding-bottom: 1em;
- margin-bottom: 1em;
+ margin-bottom: 1em;
}
.oauthapp img {
float: left;
}
#recip {
-
+
}
.autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
Maintainer: Nomen Nominandum
last change: 2013-05-08
-** Colors **
+** Colors **
Blue links - #1873a2
Blue link hover - #6da6c4
Blue Gradients (buttons and other gradients) - #1873a2 and #6da6c4
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
#body {
- -moz-background-clip: border;
- -moz-background-origin: pdading;
- -moz-background-size: auto auto;
- background-attachment: scroll;
- background-color: transparent;
- background-image: url( );
- background-position: center top;
+ -moz-background-clip: border;
+ -moz-background-origin: pdading;
+ -moz-background-size: auto auto;
+ background-attachment: scroll;
+ background-color: transparent;
+ background-image: url( );
+ background-position: center top;
background-repeat: no-repeat;
- }
+ }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}
-
+
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}
-moz-box-shadow: 3px 3px 6px #959494;
-webkit-box-shadow: 3px 3px 6px #959494;
background-color: #efefef;
- padding: 10px;
+ padding: 10px;
}
.mframe {
}
#login-name-end,
-#login-password-end,
-#login-extra-end,
+#login-password-end,
+#login-extra-end,
#login-submit-end {
height: 50px;
}
position: absolute;
margin-left: 3px;
/*margin-top: 2px;*/
- padding-bottom: 5px;
+ padding-bottom: 5px;
}
nav #banner #logo-text a {
-webkit-border-radius: 5px;
color: #efefef;
text-decoration: none;
- text-align: center;
+ text-align: center;
}
nav #user-menu:hover {
.nav-ajax-left {
font-size: 0.8em;
float: left;
- margin-top: 62px;
+ margin-top: 62px;
}
nav #nav-link-wrapper .nav-link {
border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
- box-shadow: 5px 5px 10px #242424;
+ box-shadow: 5px 5px 10px #242424;
-moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424;
z-index: 10000;
.nav-ajax-update {
width: 44px;
height: 32px;
- background: transparent url('images/notifications.png') 0px 0px no-repeat;
+ background: transparent url('images/notifications.png') 0px 0px no-repeat;
color: #333333;
font-weight: bold;
font-size: 0.8em;
background-position: 0px 0px;
}
-#lang-select-icon {
- bottom: 5px;
- cursor: pointer;
- left: 25px;
- position: fixed;
- z-index: 10;
-}
-#language-selector {
- position: fixed;
- bottom: 2px;
- left: 55px;
- z-index: 10;
-}
+
/* =================== */
/* = System Messages = */
/* =================== */
-#sysmsg_info,
+#sysmsg_info,
#sysmsg {
- position: fixed;
- bottom: 0px; right:20%;
+ position: fixed;
+ bottom: 0px; right:20%;
box-shadow: 7px 7px 10px #434343;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
- padding: 10px;
+ padding: 10px;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
-moz-border-radius: 5px 5px 0px 0px;
border: 1px solid #da2c2c;
border-bottom: 0px;
- padding-bottom: 50px;
+ padding-bottom: 50px;
z-index: 1000;
color: #efefef;
font-style: bold;
background-color: #f3f3f3;
border: 1px solid #7C7D7B;
margin-bottom: 10px;
- border-radius: 5px;
+ border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
top: 1px;
}
-.group-selected,
-.nets-selected,
-.fileas-selected,
+.group-selected,
+.nets-selected,
+.fileas-selected,
.categories-selected {
padding-bottom: 0px;
padding-left: 2px;
list-style-type: none;
}
-.nets-ul li,
-.fileas-ul li,
+.nets-ul li,
+.fileas-ul li,
.categories-ul li,
.datebrowse-link {
}
margin-left: 42px;
}
-.fileas-link,
+.fileas-link,
.categories-link {
margin-left: 0px;
}
-.fileas-all,
+.fileas-all,
.categories-all {
margin-left: 0px;
}
padding-bottom: 5px;
vertical-align: baseline;
text-align: center;
- text-shadow: -1px 0px 0px #bdbdbd;
+ text-shadow: -1px 0px 0px #bdbdbd;
}
#connect-desc {
margin-right: 5px;
}
-.birthday-today,
+.birthday-today,
.event-today {
font-weight: bold;
}
-#birthday-wrapper,
+#birthday-wrapper,
#event-wrapper {
margin-left: 15px;
}
width: 99.9% !important;
}
-#profile-jot-submit-wrapper {
+#profile-jot-submit-wrapper {
margin-top: 30px;
}
-#jot-title,
+#jot-title,
#jot-category {
margin: 0px;
height: 20px;
#jot-category:-moz-placeholder {
font-weight: normal;
}
-
+
#jot-title:hover,
#jot-title:focus,
#jot-category:hover,
margin: 15px 0 15px 0;
}
-#profile-jot-perms,
+#profile-jot-perms,
#profile-jot-submit {
width: 60px;
font-size: 12px;
-webkit-border-radius: 5px;
}
-#profile-jot-perms:hover,
-#profile-jot-submit:hover,
+#profile-jot-perms:hover,
+#profile-jot-submit:hover,
#jot-preview-link:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
-webkit-border-radius: 5px;
}
-#profile-jot-perms:active,
-#profile-jot-submit:active,
+#profile-jot-perms:active,
+#profile-jot-submit:active,
#jot-preview-link:active {
position: relative;
top: 1px;
#character-counter {
position: relative;
float: left;
- right: 0px;
+ right: 0px;
top: 0px;
}
#profile-rotator-wrapper {
- float: right;
+ float: right;
}
.jot-tool {
margin: 5px;
width: 95%;
}
-
+
#profile-jot-networks {
margin: 0px 10%;
border: 1px solid #eeeeee;
}
#jot-public {
- background-color: #555753;
- color: #ff0000;
- padding: 5px;
+ background-color: #555753;
+ color: #ff0000;
+ padding: 5px;
float: left;
}
#acl-deny-text {
- background-color: #555753;
- color: #ccccce;
- padding: 5px;
+ background-color: #555753;
+ color: #ccccce;
+ padding: 5px;
float: left;
}
.wall-item-outside-wrapper {
max-width: 100%;
- border-bottom: 1px solid #dedede;
+ border-bottom: 1px solid #dedede;
margin-top: 10px;
margin-bottom: 20px;
padding-right: 10px;
box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 0 0 8px #BDBDBD;
-webkit-box-shadow: 0 0 8px #BDBDBD;
- border-radius: 0px 0px 5px 5px;
+ border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
}
width: 100px;
}
-.wall-item-photo-wrapper {
- width: 80px;
+.wall-item-photo-wrapper {
+ width: 80px;
height: 80px;
padding: 0;
position: relative;
-webkit-box-shadow: 0 0 8px #BDBDBD;*/
}
-.wall-item-photo {
+.wall-item-photo {
border: 0px solid #7C7D7B;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 0 8px #BDBDBD;*/
}
-.wall-item-tools {
+.wall-item-tools {
filter: alpha(opacity=60);
opacity: 0.7;
transition: all 0.25s ease-in-out;
.wall-item-tools:hover {
filter: alpha(opacity=100);
opacity: 1;
- transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
-.wall-item-social {
+.wall-item-social {
filter: alpha(opacity=60);
opacity: 0.7;
transition: all 0.25s ease-in-out;
.wall-item-social:hover {
filter: alpha(opacity=100);
opacity: 1;
- transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
}
.star-item,
.tag-item {
- float: left;
+ float: left;
}
.wall-item-title {
font-size: 1.2em;
- font-weight: bold;
- padding-top: 5px;
+ font-weight: bold;
+ padding-top: 5px;
margin-left: 100px;
}
max-width: 100%;
}
-.wall-item-body img {
- max-width: 100%;
+.wall-item-body img {
+ max-width: 100%;
height: auto;
border-radius: 0;
}
font-size: 0.8em;
}
-.wall-item-lock-wrapper {
- float: right;
+.wall-item-lock-wrapper {
+ float: right;
}
.wall-item-dislike,
color: #898989;
}
-.wall-item-ago {
- display: inline;
- padding-left: 0px;
+.wall-item-ago {
+ display: inline;
+ padding-left: 0px;
color: #898989;
}
-.wall-item-wrapper-end {
- clear:both;
+.wall-item-wrapper-end {
+ clear:both;
}
.wall-item-location {
-o-text-overflow: ellipsis;
}
-.wall-item-location .icon {
- float: left;
+.wall-item-location .icon {
+ float: left;
}
.wall-item-location > a {
color: #898989;
}
-.wall-item-location .smalltext {
- margin-left: 0px;
- font-size: 0.9em;
+.wall-item-location .smalltext {
+ margin-left: 0px;
+ font-size: 0.9em;
display: block;
}
-.wall-item-location > br {
- display: none;
+.wall-item-location > br {
+ display: none;
}
.wall-item-conv a{
width: 30px;
z-index: 900;
width: 30px;
- height: 30px;
+ height: 30px;
}
-.wallwall .wwto img {
- width: 30px!important;
+.wallwall .wwto img {
+ width: 30px!important;
height: 30px!important;
}
-.wallwall .wall-item-photo-end {
- clear: both;
+.wallwall .wall-item-photo-end {
+ clear: both;
}
.wall-item-arrowphoto-wrapper {
border-left: 1px solid #7C7D7B;
border-bottom: 1px solid #7C7D7B;
position: absolute;
- left: 0px;
+ left: 0px;
top: 101px;
display: none;
z-index: 10000;
-webkit-box-shadow: 0 0 8px #BDBDBD;
}
-.wall-item-photo-menu ul {
- margin: 0px;
- padding: 0px;
+.wall-item-photo-menu ul {
+ margin: 0px;
+ padding: 0px;
list-style: none;
}
-.wall-item-photo-menu li a {
- white-space: nowrap;
- display: block;
- padding: 5px 2px;
- color: #2e3436;
+.wall-item-photo-menu li a {
+ white-space: nowrap;
+ display: block;
+ padding: 5px 2px;
+ color: #2e3436;
}
.wall-item-photo-menu li a:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
}
.wall-item-container .wall-item-content .type-link img,
}
.icon.drop,
-.icon.drophide {
+.icon.drophide {
float: left;
}
#item-delete-selected-end,
-#item-delete-selected {
+#item-delete-selected {
overflow: auto;
margin-top: 0px;
float: right;
background: #EEE;
color: #444;
padding: 10px;
- margin-top: 10px;
+ margin-top: 10px;
}
/* ============ */
/* = Comments = */
/* ============ */
-
+
.ccollapse-wrapper {
font-size: 0.9em;
color: #898989;
.collapsed-comments,
.hide-comments,
.hide-comments-outer,
-.wall-item-outside-wrapper.comment {
+.wall-item-outside-wrapper.comment {
margin-left: 30px;
margin-bottom: 20px;
}
}
.wall-item-outside-wrapper.comment .wall-item-photo-wrapper {
- width: 40px;
+ width: 40px;
height: 40px;
border-radius: 3px;
-webkit-border-radius: 3px;
top: 42px;
background-position: 15px center;
}
-
-.wall-item-outside-wrapper.comment .wall-item-info {
- width: 60px;
+
+.wall-item-outside-wrapper.comment .wall-item-info {
+ width: 60px;
}
.wall-item-outside-wrapper.comment .wall-item-body {
padding-left: 0px;
}
-.wall-item-outside-wrapper.comment .wall-item-author {
- margin-left: 60px;
+.wall-item-outside-wrapper.comment .wall-item-author {
+ margin-left: 60px;
}
.wall-item-outside-wrapper.comment .wall-item-photo-menu {
}
.comment-wwedit-wrapper,
-.comment-edit-wrapper {
+.comment-edit-wrapper {
margin: 0px 0px 5px 0px;
}
.comment-wwedit-wrapper img,
-.comment-edit-wrapper img {
- width: 20px;
+.comment-edit-wrapper img {
+ width: 20px;
height: 20px;
margin-top: 5px;
}
-.comment-edit-photo-link {
- float: left;
+.comment-edit-photo-link {
+ float: left;
width: 30px;
}
-.comment-edit-text-empty {
+.comment-edit-text-empty {
width: 98%;
max-width: 672px;
height: 20px;
color: #babdb6;
- transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
color: #999999;
}
-.comment-edit-text-full {
+.comment-edit-text-full {
width: 98%;
max-width: 672px;
height: 6em;
- transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
-.comment-edit-submit-wrapper {
+.comment-edit-submit-wrapper {
width: 98%;
max-width: 672px;
- margin-left: 20px;
- text-align: left;
+ margin-left: 20px;
+ text-align: left;
}
.comment-edit-submit {
border: 1px solid #cccccc;
border-width: 1px 1px 1px 3px;
padding-left: 5px;
- margin-top: 10px;
+ margin-top: 10px;
}
/* =========== */
padding-bottom: 5px;
font-size: 18px;
}
-
-div[id$="wrapper"] {
+
+div[id$="wrapper"] {
height: 100%;
}
-
-div[id$="wrapper"] br {
- clear: left;
+
+div[id$="wrapper"] br {
+ clear: left;
}
-#advanced-profile-with {
+#advanced-profile-with {
margin-left: 20px;
}
}
#profile-edit-links li a {
- color: #efefef;
+ color: #efefef;
}
#profile-edit-links li:hover {
- background-color: #1873a2;
+ background-color: #1873a2;
}
#profile-edit-links li:active {
- background-color: #1873a2;
+ background-color: #1873a2;
}
#profile-edit-links-end {
position: absolute;
}
-#cropimage-wrapper {
- float:left;
+#cropimage-wrapper {
+ float:left;
}
-#crop-image-form {
- clear:both;
+#crop-image-form {
+ clear:both;
}
.profile-match-name {
}
#photo-top-links:hover {
- background-color: #1873a2;
+ background-color: #1873a2;
}
#photo-top-links:active {
- background-color: #1873a2;
+ background-color: #1873a2;
}
-.photo-album-image-wrapper {
+.photo-album-image-wrapper {
float: left;
margin: 0px 10px 10px 0px;
padding-bottom: 30px;
- position: relative;
+ position: relative;
}
.photo-top-image-wrapper {
overflow: hidden;
}
-#photo-photo {
- max-width: 85%;
- height: auto;
+#photo-photo {
+ max-width: 85%;
+ height: auto;
}
-#photo-photo img {
- max-width: 100%
+#photo-photo img {
+ max-width: 100%
}
.photo-top-image-wrapper a:hover,
#photo-photo a:hover,
-.photo-album-image-wrapper a:hover {
- border-bottom: 0px;
+.photo-album-image-wrapper a:hover {
+ border-bottom: 0px;
}
.photo-top-photo {
width: 180px;
}
-.photo-album-photo {}
+.photo-album-photo {}
.photo-top-album-name {
position: absolute;
padding: 0px 5px;
font-weight: bold;
font-stretch: semi-expanded;
-}
+}
.photo-top-album-name a {
text-align: center;
#photo-photo {
position: relative;
- float: left;
+ float: left;
}
#photo-caption {
font-size: 1.1em;
}
-#photo-photo-end {
- clear: both;
+#photo-photo-end {
+ clear: both;
}
#photo-prev-link,
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
background-position: center center;
- background-repeat: no-repeat;
+ background-repeat: no-repeat;
}
-#photo-prev-link {
- left: 0px;
- top: 0px;
- background-image: url('images/prev.png');
+#photo-prev-link {
+ left: 0px;
+ top: 0px;
+ background-image: url('images/prev.png');
}
-#photo-next-link {
- right: 0px;
- top: 0px;
+#photo-next-link {
+ right: 0px;
+ top: 0px;
background-image: url('images/next.png');
}
#photo-prev-link a,
#photo-next-link a {
- display: block;
- width: 100%;
+ display: block;
+ width: 100%;
height: 100%;
overflow: hidden;
- text-indent: -900000px;
+ text-indent: -900000px;
}
#photo-prev-link:hover,
#photo-next-link:hover {
opacity: 1;
- transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
#photo-next-link .icon,
-#photo-prev-link .icon {
+#photo-prev-link .icon {
display: none;
}
#photos-upload-spacer,
#photos-upload-new-wrapper,
-#photos-upload-exist-wrapper {
+#photos-upload-exist-wrapper {
margin-bottom: 1em;
}
#photos-upload-existing-album-text,
-#photos-upload-newalbum-div {
+#photos-upload-newalbum-div {
color: #909090;
padding: 3px 0px;
width: 300px;
}
#photos-upload-album-select,
-#photos-upload-newalbum {
+#photos-upload-newalbum {
width: 400px;
margin-bottom: 10px;
}
-webkit-border-radius: 3px;
}
-select[size],
-select[multiple],
+select[size],
+select[multiple],
select[size][multiple] {
margin: 5px 0px 10px 0px;
}
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
- cursor: default;
+ cursor: default;
}
textarea, keygen {
text-indent: 0px;
text-shadow: none;
display: inline-block;
- text-align: -webkit-auto;
+ text-align: -webkit-auto;
}
input {
/* = Messages = */
/* ============ */
-#prvmail-wrapper,
-.mail-conv-detail,
+#prvmail-wrapper,
+.mail-conv-detail,
.mail-list-detail {
position: relative;
width: 550px;
-webkit-border-radius: 5px;
}
-#prvmail-wrapper:before,
-#prvmail-wrapper:after,
-.mail-conv-detail:before,
-.mail-conv-detail:after,
-.mail-list-detail:before,
+#prvmail-wrapper:before,
+#prvmail-wrapper:after,
+.mail-conv-detail:before,
+.mail-conv-detail:after,
+.mail-list-detail:before,
.mail-list-detail:after {
position: absolute;
width: 40%;
-webkit-border-radius: 5px;
}
-#prvmail-wrapper:after,
-.mail-conv-detail:after,
+#prvmail-wrapper:after,
+.mail-conv-detail:after,
.mail-list-detail:after {
left: auto;
right: 12px;
#prvmail-form input
-#prvmail-subject {
- width: 490px;
- padding-left: 10px;
- font-size: 1.1em;
+#prvmail-subject {
+ width: 490px;
+ padding-left: 10px;
+ font-size: 1.1em;
font-style: bold;
}
#prvmail-to-label {}
#prvmail-message-label {
- font-size: 1em;
+ font-size: 1em;
}
-#prvmail-submit-wrapper {
- margin-top: 10px;
+#prvmail-submit-wrapper {
+ margin-top: 10px;
}
#prvmail-submit {
}
#prvmail-upload {
-margin-left: 0px;
+margin-left: 0px;
}
#prvmail-submit-wrapper > div {
padding-top: 10px;
border: 1px solid #7C7D7B;
}
-
+
.mail-list-sender-name {
font-size: 1.1em;
display: inline;
color: #626262;
}
-.mail-list-delete-wrapper {
+.mail-list-delete-wrapper {
float: right;
}
.mail-conv-sender {
float: left;
- margin: 0px 5px 5px 0px;
+ margin: 0px 5px 5px 0px;
}
.mail-conv-sender-photo {
border-radius: 3px 3px 3px 3px;
}
-.mail-conv-sender-name {
- float: left;
- font-style: bold;
+.mail-conv-sender-name {
+ float: left;
+ font-style: bold;
}
-.mail-conv-date {
- float: right;
+.mail-conv-date {
+ float: right;
}
-.mail-conv-subject {
- clear: right;
- font-weight: bold;
+.mail-conv-subject {
+ clear: right;
+ font-weight: bold;
font-size: 1.2em;
}
border: 1px solid #7C7D7B;
}
-.mail-conv-break {
- display: none;
+.mail-conv-break {
+ display: none;
border: none;
}
-.mail-conv-delete-wrapper {
- padding-top: 10px;
- width: 510px;
- text-align: right;
+.mail-conv-delete-wrapper {
+ padding-top: 10px;
+ width: 510px;
+ text-align: right;
}
#prvmail-subject {
top: 20px;
}
-.contact-entry-edit-links {
- position: absolute;
- top: 60px;
+.contact-entry-edit-links {
+ position: absolute;
+ top: 60px;
}
-#contacts-show-hide-link {
- margin-bottom: 20px;
- margin-top: 10px;
+#contacts-show-hide-link {
+ margin-bottom: 20px;
+ margin-top: 10px;
font-weight: bold;
}
height: 80px;
}
-.contact-entry-edit-links .icon {
+.contact-entry-edit-links .icon {
border: 1px solid #babdb6;
border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #ffffff;
}
-#contact-edit-banner-name {
- font-size: 1.5em;
- margin-left: 30px;
+#contact-edit-banner-name {
+ font-size: 1.5em;
+ margin-left: 30px;
}
#contact-edit-update-now {
.contact-photo-menu-button {
position: absolute;
background-image: url("images/photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
- margin: 10px 0 0 0;
+ margin: 10px 0 0 0;
padding: 0px;
width: 16px;
height: 16px;
top: 64px; left:0px;
overflow: hidden;
text-indent: 40px;
- display: none;
+ display: none;
}
.contact-photo-menu {
border: 1px solid #ddd;
background: #f1f1f1;
position: absolute;
- left: 0px;
+ left: 0px;
top: 90px;
display: none;
z-index: 10000;
-webkit-box-shadow: 3px 3px 5px #888;
}
-.contact-photo-menu ul {
- margin: 0px;
- padding: 0px;
- list-style: none;
+.contact-photo-menu ul {
+ margin: 0px;
+ padding: 0px;
+ list-style: none;
}
-.contact-photo-menu li a {
- display: block;
- padding: 3px;
- color: #626262;
- font-size: 1em;
+.contact-photo-menu li a {
+ display: block;
+ padding: 3px;
+ color: #626262;
+ font-size: 1em;
}
.contact-photo-menu li a:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
border: 1px solid #7C7D7B;
box-shadow: 0 0 8px #BDBDBD;
-moz-box-shadow: 0 0 8px #BDBDBD;
#side-match-link:active {
background-color: #1873a2;
position: relative;
- top: 1px;
+ top: 1px;
}
#side-invite-link a,
#side-random-profile-link a,
#side-suggest-link a,
#side-match-link a {
- color: #efefef;
+ color: #efefef;
}
#invite-message,
-#invite-recipients,
+#invite-recipients,
#invite-recipient-text {
padding: 10px;
}
#side-follow-wrapper label{
font-size: 1.1em;
- font-variant: normal;
+ font-variant: normal;
}
#contact-suggest {
padding: 5px 10px 5px 10px;
color: #efefef;
font-size: 1.2em;
- text-align: center;
+ text-align: center;
}
#contact-suggest:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
}
#contact-suggest:active {
background-color: #1873a2;
position: relative;
- top: 1px;
+ top: 1px;
}
#contact-suggest a {
/* = Register, Settings, Profile Forms = */
/* ===================================== */
-#id_openid_url,
+#id_openid_url,
.openid input {
background: url(images/login-bg.gif) no-repeat;
background-position: 0 50%;
position: relative;
top: 1px;
}
-
+
#settings-nickname-desc {
width: 80%;
background-color: #efefef;
clear: both;
}
-#profile-edit-form div {
+#profile-edit-form div {
margin-bottom: 5px;
}
#register-form label,
#profile-edit-form label {
- width: 575px;
+ width: 575px;
float: right;
margin-right: 155px;
}
.settings-submit,
.settings-submit-wrapper,
-.profile-edit-submit-wrapper {
+.profile-edit-submit-wrapper {
margin: 30px 0px;
}
.profile-listing,
-.profile-listing-end {
- float: left;
- clear: both;
+.profile-listing-end {
+ float: left;
+ clear: both;
margin: 20px 20px 0px 0px;
}
-#register-sitename {
- display: inline;
+#register-sitename {
+ display: inline;
font-weight: bold;
}
margin-top: 10px;
}
-#label-register-name,
-#label-register-email,
-#label-register-nickname,
+#label-register-name,
+#label-register-email,
+#label-register-nickname,
#label-register-openid {
float: left;
width: 350px;
margin-top: 10px;
}
-#register-name,
-#register-email,
+#register-name,
+#register-email,
#register-nickname {
float: left;
margin-top: 10px;
margin-bottom: 25px;
}
-#register-name-end,
-#register-email-end,
-#register-nickname-end,
-#register-submit-end,
+#register-name-end,
+#register-email-end,
+#register-nickname-end,
+#register-submit-end,
#register-openid-end {
clear: both;
}
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
}
.group-delete-wrapper:active {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
}
.group-delete-wrapper a {
font-size: 0.9em;
}
-#group-edit-desc {
- margin: 10px 0xp;
+#group-edit-desc {
+ margin: 10px 0xp;
}
#group-new-text {
#group-members,
#prof-members {
width: 83%;
- height: 200px;
+ height: 200px;
overflow: auto;
border: none;
background-color: #f0edf0;
}
#group-all-contacts,
-#prof-all-contacts {
+#prof-all-contacts {
width: 83%;
height: 200px;
- overflow: auto;
+ overflow: auto;
border: 1px solid #ccc;
background-color: #f0edf0;
padding: 10px;
}
#group-separator,
-#prof-separator {
+#prof-separator {
display: none;
}
#events-reminder {}
-.clear {
+.clear {
clear: both;
margin-top: 10px;
}
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
-.vevent:before,
+.vevent:before,
.vevent:after {
position: absolute;
width: 40%;
text-align: center;
}
-.vevent .event-start,
+.vevent .event-start,
.vevent .event-end {
margin-left: 20px;
margin-right: 20px;
vertical-align: middle;
}
-.event-start,
+.event-start,
.event-end {
margin-left: 10px;
width: 330px;
}
-.event-start .dtstart,
+.event-start .dtstart,
.event-end .dtend {
float: right;
}
font-stretch: condensed;
}
-.prevcal,
+.prevcal,
.nextcal {
float: left;
margin-left: 32px;
}
.calendar th {
- font-size: 16px;
+ font-size: 16px;
}
.today {
background-color: #1873a2;
color: #ffffff;
}
-
-#event-start-text,
+
+#event-start-text,
#event-finish-text {
margin-top: 10px;
margin-bottom: 5px;
}
-#event-nofinish-checkbox,
-#event-nofinish-text,
-#event-adjust-checkbox,
+#event-nofinish-checkbox,
+#event-nofinish-text,
+#event-adjust-checkbox,
#event-adjust-text,
#event-share-checkbox {
float: left;
margin-bottom: 10px;
}
-#event-nofinish-break,
+#event-nofinish-break,
#event-adjust-break,
#event-share-break {
clear: both;
}
-#event-desc-text,
+#event-desc-text,
#event-location-text {
margin-top: 10px;
margin-bottom: 5px;
.directory-name {
font-size: 1em;
- width: 150px;
+ width: 150px;
}
/* ========= */
clear:left;
}
-#adminpage
+#adminpage
#pluginslist {
- margin: 0px;
+ margin: 0px;
padding: 0px;
}
}
#adminpage table {
- width: 100%;
- border-bottom: 1p solid #000000;
+ width: 100%;
+ border-bottom: 1p solid #000000;
margin: 5px 0px;
}
-#adminpage table th {
+#adminpage table th {
text-align: left;
}
-#adminpage td .icon {
+#adminpage td .icon {
float: left;
}
-#adminpage table#users img {
- width: 16px;
- height: 16px;
+#adminpage table#users img {
+ width: 16px;
+ height: 16px;
}
-#adminpage table tr:hover {
- background-color: #eeeeee;
+#adminpage table tr:hover {
+ background-color: #eeeeee;
}
-#adminpage .selectall {
- text-align: right;
+#adminpage .selectall {
+ text-align: right;
}
/* =============== */
-webkit-border-radius: 5px;
}
-.field password {
+.field password {
height: 100px;
- margin-left: 150px;
+ margin-left: 150px;
}
.field_help {
display: block;
margin-left: 0px;
margin-bottom: 10px;
- color: #666666;
+ color: #666666;
}
.field .onoff {
text-align: left;
}
-.field .radio .field_help {
- margin-left: 0px;
+.field .radio .field_help {
+ margin-left: 0px;
}
/* ========= */
.icon {
margin-left: 5px;
margin-right: 5px;
- display: block;
- width: 20px;
+ display: block;
+ width: 20px;
height: 20px;
background-image: url("images/icons.png");
}
-.starred {
+.starred {
background-image: url("images/star.png");
repeat: no-repeat;
}
-.unstarred {
+.unstarred {
background-image: url("images/premium.png");
repeat: no-repeat;
}
.border {
border: 1px solid #c1c1c1;
- border-radius: 3px;
+ border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/* = Footer = */
/* ========== */
-.cc-license {
- margin-top: 100px;
- font-size: 0.7em;
+.cc-license {
+ margin-top: 100px;
+ font-size: 0.7em;
}
footer { display: block; margin: 50px 20%; clear: both; }
overflow: hidden;
}
-.acl-list-item a {
+.acl-list-item a {
font-size: 10px;
display: block;
float: left;
-webkit-box-shadow: 5px 5px 10px #242424;
}
-#nav-notifications-menu .contactname {
- font-weight: bold;
- font-size: 0.9em;
+#nav-notifications-menu .contactname {
+ font-weight: bold;
+ font-size: 0.9em;
}
-#nav-notifications-menu img {
- float: left;
- margin-right: 5px;
+#nav-notifications-menu img {
+ float: left;
+ margin-right: 5px;
}
-#nav-notifications-menu .notif-when {
- font-size: 0.8em;
- display: block;
+#nav-notifications-menu .notif-when {
+ font-size: 0.8em;
+ display: block;
}
-
+
#nav-notifications-menu li {
padding: 7px 0px 7px 10px;
word-wrap: normal;
}
.acpopupitem {
- color: #2e3436;
+ color: #2e3436;
padding: 4px;
clear:left;
}
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1873a2), color-stop(1, #6da6c4) );
background: -moz-linear-gradient( center top, #1873a2 5%, #6da6c4 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1873a2', endColorstr='#6da6c4');
- background-color: #1873a2;
+ background-color: #1873a2;
order-bottom: none;
}
}
/* from default */
-#jot-perms-icon,
+#jot-perms-icon,
#profile-location,
#profile-nolocation,
-#profile-youtube,
-#profile-video,
+#profile-youtube,
+#profile-video,
#profile-audio,
#profile-link,
-#profile-title,
+#profile-title,
#wall-image-upload,
#wall-file-upload,
#profile-upload-wrapper,
#wall-image-upload-div,
#wall-file-upload-div,
-.hover,
+.hover,
.focus {
cursor: pointer;
}
border: medium none;
}
-.body-tag,
-.filesavetags,
+.body-tag,
+.filesavetags,
.categorytags {
opacity: 0.5;
filter:alpha(opacity=50);
}
-.body-tag:hover,
-.filesavetags:hover,
+.body-tag:hover,
+.filesavetags:hover,
.categorytags:hover {
opacity: 1.0 !important;
filter:alpha(opacity=100) !important;
margin-right: 10px;
}
-.item-select:hover,
+.item-select:hover,
.checkeditem {
opacity: 1;
filter:alpha(opacity=100);
color: #888888;
}
-.location,
-.location-label,
-.gender-label,
-.marital-label,
+.location,
+.location-label,
+.gender-label,
+.marital-label,
.homepage-label {
float: left;
text-align: left;
line-height: 0.6em;
}
-.adr,
-.x-gender,
-.marital-text,
+.adr,
+.x-gender,
+.marital-text,
.homepage-url {
float: left;
display: block;
/* Fakelink */
-.fakelink,
-.fakelink:visited,
+.fakelink,
+.fakelink:visited,
.fakelink:link {
color: #1873a2;
cursor: pointer;
+++ /dev/null
-
-<div id="lang-select-icon" class="icon s22 language" title="{{$title}}" onclick="openClose('language-selector');" ></div>
-<div id="language-selector" style="display: none;" >
- <form action="#" method="post" >
- <select name="system_language" onchange="this.form.submit();" >
- {{foreach $langs.0 as $v=>$l}}
- <option value="{{$v}}" {{if $v==$langs.1}}selected="selected"{{/if}}>{{$l}}</option>
- {{/foreach}}
- </select>
- </form>
-</div>
/*
style.css
TestBubble
-
+
Created by Anne Walk and Devlon Duthie on 2011-09-24.
Based loosely on the Dipsy theme.
*/
font-family: freesans,helvetica,arial,clean,sans-serif;
font-size: 15px;
color: #626262;
- width: 100%;
+ width: 100%;
}
img { border: 0 none; max-width: 550px; }
margin: 0px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
- border-radius: 3px 3px 3px 3px;
+ border-radius: 3px 3px 3px 3px;
}
input[type=submit] {
float: left;
margin-left: 8%;
padding-top: 50px;
- width: 50%;
+ width: 50%;
margin: 20px 0px 30px 10%;
font-size: 0.9em;
line-height: 1.2em;
-webkit-box-shadow: 3px 3px 6px #959494;
box-shadow: 3px 3px 6px #959494;
background-color: #efefef;
- padding: 10px;
+ padding: 10px;
}
.mframe {
-webkit-border-radius:5px;
border-radius:5px;
color:#efefef;
- text-align: center;
+ text-align: center;
}
.button:hover {
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
background-color:#b20202;
- color: #efefef;
+ color: #efefef;
}
.button:active {
#login-password-wrapper {
vertical-align: middle;
- margin: auto;
+ margin: auto;
}
#login-extra-links {
margin: 10px;
padding: 5px 0px 5px 0px;
text-align: center;
- margin-right: 20px;
+ margin-right: 20px;
}
#login-extra-filler {
position: absolute;
margin-left: 10px;
margin-top: 5px;
- padding-bottom:5px;
+ padding-bottom:5px;
}
nav #banner #logo-text a {
display: hidden;
}
nav #user-menu {
- display: block;
+ display: block;
width: 250px;
float: right;
margin-right:20%;
border: 1px solid #9A9A9A;
color:#efefef;
text-decoration:none;
- text-align: center;
+ text-align: center;
}
nav #user-menu-label::after {
border: 1px solid #9a9a9a;
border-top: none;
-webkit-border-radius: 0px 0px 5px 5px;
- -moz-border-radius: 0px 0px 5px 5px;
+ -moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 5px 5px 10px #242424;
-webkit-box-shadow: 5px 5px 10px #242424;
- box-shadow: 5px 5px 10px #242424;
+ box-shadow: 5px 5px 10px #242424;
z-index: 10000;
}
.nav-ajax-update {
width: 44px;
height: 32px;
- background: transparent url('notifications.png') 0px 0px no-repeat;
+ background: transparent url('notifications.png') 0px 0px no-repeat;
color: #efefef;
font-weight: bold;
font-size: 0.8em;
#intro-update { background-position: 0px -84px; }
#home-update { background-position: 0px 0px; }
-#lang-select-icon {
- cursor: pointer;
- position: absolute;
- left: 5px;
- top: 5px;
-}
-#language-selector {
- position: absolute;
- top: 0;
- left: 16px;
-}
/* =================== */
/* = System Messages = */
/* =================== */
#sysmsg_info, #sysmsg {
- position:fixed;
- bottom: 0px; right:20%;
+ position:fixed;
+ bottom: 0px; right:20%;
-moz-box-shadow: 7px 7px 12px #434343;
-webkit-box-shadow: 7px75px 12px #434343;
box-shadow: 7px 7px 10px #434343;
- padding: 10px;
+ padding: 10px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
border-radius: 5px 5px 0px 0px;
border: 1px solid #da2c2c;
border-bottom:0px;
- padding-bottom: 50px;
+ padding-bottom: 50px;
z-index: 1000;
color: #efefef;
font-style: bold;
border: 1px solid #dddddd;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
- box-shadow: 3px 3px 4px #959494;
+ box-shadow: 3px 3px 4px #959494;
}
aside h4 { font-size: 1.3em; }
margin-bottom: 10px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
#group-sidebar {
padding-bottom: 5px;
vertical-align: baseline;
text-align: center;
- text-shadow:-1px 0px 0px #bdbdbd;
+ text-shadow:-1px 0px 0px #bdbdbd;
}
#group-sidebar h3:before{
}
.contact-block-textdiv { width: 150px; height: 34px; float: left; }
-#contact-block-end { clear: both; }
+#contact-block-end { clear: both; }
/* ======= */
/* = Jot = */
#profile-jot-text_tbl { margin-bottom: 10px; }
#profile-jot-text_ifr { width: 99.9%!important }
-#profile-jot-submit-wrapper {
+#profile-jot-submit-wrapper {
}
#jot-title::-webkit-input-placeholder{font-weight: normal;}
#jot-title:-moz-placeholder{font-weight: normal;}
-
-
+
+
#jot-title:hover,
#jot-title:focus {
- border: 1px solid #cccccc;
+ border: 1px solid #cccccc;
}
.preview {
position: absolute: right: 100px; top:100px;
}
#profile-rotator-wrapper {
- float: right;
+ float: right;
}
.jot-tool {
}
#profile-jot-email-label { background-color: #555753; color: #ccccce; padding: 5px;}
#profile-jot-email { margin: 5px; width: 98%; }
-
+
#profile-jot-networks {
margin: 0px 10%;
border: 1px solid #eeeeee;
.wall-item-outside-wrapper {
max-width: 93%;
- border-bottom: 1px solid #dedede;
+ border-bottom: 1px solid #dedede;
margin-top: 20px;
padding-right: 10px;
padding-left: 12px;
background: #eeeeee url("menu-user-pin.png") no-repeat 75px center;
position: absolute;
overflow: hidden;
- height: 20px; width: 90px;
+ height: 20px; width: 90px;
top: 85px; left: -1px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
- border-radius: 0px 0px 5px 5px;
+ border-radius: 0px 0px 5px 5px;
}
.wall-item-info { float: left; width: 140px; }
-.wall-item-photo-wrapper {
- width: 80px; height: 80px;
+.wall-item-photo-wrapper {
+ width: 80px; height: 80px;
position: relative;
}
-.wall-item-tools {
+.wall-item-tools {
filter: alpha(opacity=60);
opacity: 0.7;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
margin-left: 140px;
margin-top: 10px;
padding-bottom: 6px;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
margin-left: 140px;
}
.star-item {
margin-left: 5px;
margin-right: 2px;
- float: left;
+ float: left;
}
.tag-item {
margin-left: 5px;
margin-right: 2px;
- float: left;
+ float: left;
}
.wall-item-title { font-size: 1.2em; font-weight: bold;}
.wall-item-body {
color: #898989;
}
-.wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
+.wall-item-ago { display: inline; padding-left: 10px; color: #898989;}
.wall-item-wrapper-end { clear:both; }
.wall-item-location {
margin-top:5px;
width: 30px;
z-index: 900;
width: 30px;
- height: 30px;
+ height: 30px;
}
.wallwall .wwto img { width: 30px!important; height: 30px!important;}
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
order-bottom: none;
}
/* ============ */
/* = Comments = */
/* ============ */
-
+
.ccollapse-wrapper {
font-size: 0.9em;
color: #898989;
margin-left: 60px;
/* font-variant:small-caps; */
}
-
+
.wall-item-outside-wrapper.comment { margin-left: 70px; }
.wall-item-outside-wrapper.comment .wall-item-photo {
width: 40px!important;
.comment-wwedit-wrapper img,
.comment-edit-wrapper img { width: 20px; height: 20px; }
.comment-edit-photo-link { float: left; width: 40px;}
-.comment-edit-text-empty {
+.comment-edit-text-empty {
width: 80%;
height: 20px;
border: 0px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
}
.comment-edit-text-empty:hover { color: #999999;}
.comment-edit-text-full { width: 80%; height: 6em;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
}
.comment-edit-submit-wrapper { width: 80%; margin-left: 40px; text-align: right; }
.comment-edit-submit {
border: 1px solid #cccccc;
border-width: 1px 1px 1px 10px;
padding-left: 10px;
- margin-top: 20px;
+ margin-top: 20px;
}
/* =========== */
font-size: 18px;
/* font-variant:small-caps; */
}
-
-div[id$="wrapper"] { height: 100%;}
+
+div[id$="wrapper"] { height: 100%;}
div[id$="wrapper"] br { clear: left; }
#advanced-profile-with { margin-left: 20px;}
font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
#profile-edit-links li a {
- color: #efefef;
+ color: #efefef;
}
#profile-edit-links li:hover {
- background-color: #b20202;
+ background-color: #b20202;
}
#profile-edit-links li:active {
- background-color: #b20202;
+ background-color: #b20202;
}
.profile-edit-side-div {
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494;
- clear: both;
+ clear: both;
}
.profile-match-end {
font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
#photo-top-links a {
color: #efefef;
}
#photo-top-links:hover {
- background-color: #b20202;
+ background-color: #b20202;
}
#photo-top-links:active {
- background-color: #b20202;
+ background-color: #b20202;
}
-.photo-album-image-wrapper {
+.photo-album-image-wrapper {
float: left;
margin: 0px 10px 10px 0px;
padding-bottom: 30px;
- position:relative;
+ position:relative;
}
.photo-top-image-wrapper {
.photo-top-image-wrapper a:hover,
#photo-photo a:hover,
-.photo-album-image-wrapper a:hover {
- border-bottom: 0px;
+.photo-album-image-wrapper a:hover {
+ border-bottom: 0px;
}
.photo-top-photo {}
-.photo-album-photo {}
+.photo-album-photo {}
.photo-top-album-name {
position: absolute;
font-weight: bold;
font-stretch:semi-expanded;
/* font-variant:small-caps; */
-}
+}
.photo-top-album-name a{
text-align: center;
#photo-photo{
position: relative;
- float:left;
+ float:left;
}
#photo-caption {
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: center center;
- background-repeat: no-repeat;
+ background-repeat: no-repeat;
}
#photo-prev-link { left:0px; top:0px; background-image: url('prev.png'); }
#photo-next-link a{
display: block; width: 100%; height: 100%;
overflow: hidden;
- text-indent: -900000px;
+ text-indent: -900000px;
}
#photo-prev-link:hover,
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
#photo-next-link .icon,
#photos-upload-new-wrapper,
#photos-upload-exist-wrapper { margin-bottom: 1em; }
#photos-upload-existing-album-text,
-#photos-upload-newalbum-div {
+#photos-upload-newalbum-div {
background-color: #fff;
color: #909090;
font-size: 1.2em;
padding: 2px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
- border-radius: 3px 3px 3px 3px;
+ border-radius: 3px 3px 3px 3px;
}
select[size], select[multiple], select[size][multiple] {
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
- cursor: default;
+ cursor: default;
}
keygen, select {
text-indent: 0px;
text-shadow: none;
display: inline-block;
- text-align: -webkit-auto;
+ text-align: -webkit-auto;
}
.qq-upload-button {
font-style: bold;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
#album-edit-link a {
#prvmail-message-label {
/* font-variant:small-caps; */
- font-size: 1em;
+ font-size: 1em;
}
#prvmail-submit-wrapper { margin-top: 10px; }
}
#prvmail-upload {
-margin-left: 0px;
+margin-left: 0px;
}
#prvmail-submit-wrapper > div {
padding-top:10px;
border: 1px solid #dddddd;
}
-
+
.mail-list-sender-name {
font-size: 1.1em;
display: inline;
position: relative;
}
-.contact-entry-edit-links .icon {
+.contact-entry-edit-links .icon {
border: 1px solid #babdb6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
background-color: #ffffff;
}
.contact-photo-menu-button {
position: absolute;
background-image: url("photo-menu.jpg");
- background-position: top left;
+ background-position: top left;
background-repeat: no-repeat;
margin: 0px; padding: 0px;
width: 16px;
top: 64px; left:0px;
overflow: hidden;
text-indent: 40px;
- display: none;
+ display: none;
}
.contact-photo-menu {
padding: 5px 10px 5px 10px;
color: #efefef;
font-size: 1.2em;
- text-align: center;
+ text-align: center;
}
#side-invite-link:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
}
#side-invite-link:active {
background-color: #b20202;
position:relative;
- top:1px;
+ top:1px;
}
#side-invite-link a {
- color: #efefef;
+ color: #efefef;
}
#side-suggest-link {
padding: 5px 10px 5px 10px;
color: #efefef;
font-size: 1.2em;
- text-align: center;
+ text-align: center;
}
#side-suggest-link:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
}
#side-suggest-link:active {
background-color: #b20202;
position:relative;
- top:1px;
+ top:1px;
}
#side-suggest-link a {
- color: #efefef;
+ color: #efefef;
}
#invite-message, #invite-recipients, #invite-recipient-text {
#side-follow-wrapper label{
font-size: 1.1em;
- font-variant: normal;
+ font-variant: normal;
}
#contact-suggest {
padding: 5px 10px 5px 10px;
color: #efefef;
font-size: 1.2em;
- text-align: center;
+ text-align: center;
}
#contact-suggest:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
}
#contact-suggest:active {
background-color: #b20202;
position:relative;
- top:1px;
+ top:1px;
}
#contact-suggest a {
}
#settings-default-perms .fakelink {
- color: #efefef;
+ color: #efefef;
}
#settings-default-perms:hover {
position:relative;
top:1px;
}
-
+
#settings-nickname-desc {
width: 80%;
background-color: #efefef;
clear: both;
}
-#profile-edit-form div {
+#profile-edit-form div {
margin-bottom: 5px;
}
#register-sitename { display: inline; font-weight: bold;}
-
+
/* ===================== */
/* = Contacts Selector = */
/* ===================== */
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
}
.group-delete-wrapper:active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
}
.group-delete-wrapper a {
#group-members,
#prof-members {
width: 83%;
- height: 200px;
+ height: 200px;
overflow: auto;
border: none;
background-color: #f0edf0;
}
#group-all-contacts,
-#prof-all-contacts {
+#prof-all-contacts {
width: 83%;
height: 200px;
- overflow: auto;
+ overflow: auto;
border: 1px solid #ccc;
background-color: #f0edf0;
padding: 10px;
/* ========== */
/* = Events = */
/* ========== */
-
+
.clear { clear: both; }
.eventcal {
float: left;
font-size: 1em;
font-style: oblique;
text-align: center;
-
+
}
.vevent .event-start, .vevent .event-end {
margin-bottom: 10px;
-moz-box-shadow: 5px 5px 8px #959494;
-webkit-box-shadow: 5px 5px 8px #959494;
- box-shadow: 5px 5px 8px #959494;
+ box-shadow: 5px 5px 8px #959494;
}
.calendar caption{
}
.calendar th {
- font-size: 16px;
+ font-size: 16px;
}
.today {
background-color: #b20202;
color: #fff;
}
-
-#event-start-text,
+
+#event-start-text,
#event-finish-text {
margin-top: 10px;
margin-bottom: 5px;
}
-#event-nofinish-checkbox,
-#event-nofinish-text,
-#event-adjust-checkbox,
+#event-nofinish-checkbox,
+#event-nofinish-text,
+#event-adjust-checkbox,
#event-adjust-text,
#event-share-checkbox {
float: left;
margin-bottom: 10px;
}
-#event-nofinish-break,
+#event-nofinish-break,
#event-adjust-break,
#event-share-break {
clear: both;
}
-#event-desc-text,
+#event-desc-text,
#event-location-text {
margin-top: 10px;
margin-bottom: 5px;
.directory-name {
font-size: 1em;
/* font-variant: small-caps; */
- width: 150px;
+ width: 150px;
}
/* ========= */
.field_help {
display: block;
margin-left: 100px;
- color: #666666;
+ color: #666666;
}
.field .onoff {
display: block; width: 20px; height: 20px;
background-image: url('icons.png');
}
-.starred {
- background-image: url("star.png");
+.starred {
+ background-image: url("star.png");
repeat: no-repeat;
}
-.unstarred {
+.unstarred {
background-image: url("premium.png");
repeat: no-repeat;
}
border: 1px solid #c1c1c1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
}
.article { background-position: -50px 0px;}
/* ========== */
/* = Footer = */
/* ========== */
-
-.cc-license { margin-top: 100px; font-size: 0.7em; }
+
+.cc-license { margin-top: 100px; font-size: 0.7em; }
footer { display: block; margin: 50px 20%; clear: both; }
-
+
#profile-jot-text {
height: 20px;
color:#cccccc;
overflow: hidden;
}
-.acl-list-item a {
+.acl-list-item a {
font-size: 10px;
display: block;
float: left;
max-height:150px;
overflow:auto;
z-index:100000;
-
+
color: #2e3436;
border-top: 0px;
background: #eeeeee;
-moz-box-shadow: 3px 3px 4px #959494;
-webkit-box-shadow: 3px 3px 4px #959494;
box-shadow: 3px 3px 4px #959494;
-
+
}
.acpopupitem {
color: #2e3436; padding: 4px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
- background-color:#b20202;
+ background-color:#b20202;
order-bottom: none;
}
projects / friendica.git / commitdiff