harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The rest of the front end for the new notifications - now only missing "mark all seen" for some types, ajax loader for a couple of types, and perhaps a birthday cake icon if any birthdays today, a bit of css cleanup of duplicated or obsolete stuff

Browse Source
This commit is contained in:
friendica 2013-01-08 11:59:29 -08:00
parent 3b213c5fc7
commit a96d3ac66f
7 changed files with 143 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
include/nav.php
View File

@ -143,7 +143,7 @@ EOT;
$nav['intros']['all']=array('intro', t('See all channel introductions'), "", ""); $nav['intros']['all']=array('intro', t('See all channel introductions'), "", "");
$nav['notifications'] = array('notifications', t('Notifications'), "", t('Notifications')); $nav['notifications'] = array('notifications/system', t('Notifications'), "", t('Notifications'));
$nav['notifications']['all']=array('notifications/system', t('See all notifications'), "", ""); $nav['notifications']['all']=array('notifications/system', t('See all notifications'), "", "");
$nav['notifications']['mark'] = array('', t('Mark all system notifications seen'), '',''); $nav['notifications']['mark'] = array('', t('Mark all system notifications seen'), '','');

4
mod/ping.php
View File

@ -95,7 +95,7 @@ function ping_init(&$a) {
$channel = $a->get_channel(); $channel = $a->get_channel();
$t = q("select mail.*, xchan.* from mail left join xchan on xchan_hash = from_xchan $t = q("select mail.*, xchan.* from mail left join xchan on xchan_hash = from_xchan
where channel_id = %d and ( mail_flags & %d ) and not (mail_flags & %d ) where channel_id = %d and not ( mail_flags & %d ) and not (mail_flags & %d )
and from_xchan != '%s' order by created desc limit 0,50", and from_xchan != '%s' order by created desc limit 0,50",
intval(local_user()), intval(local_user()),
intval(MAIL_SEEN), intval(MAIL_SEEN),
@ -146,7 +146,7 @@ function ping_init(&$a) {
} }
} }
logger('ping: ' . print_r($result,true)); logger('ping: ' . print_r($result,true));
echo json_encode(array( argv(1) => $result)); echo json_encode(array('notify' => $result));
killme(); killme();
} }

3
view/css/default.css
View File

@ -6,12 +6,11 @@ nav {
aside { aside {
display: block; display: block;
width: 200px; width: 210px;
position: absolute; position: absolute;
top: 48px; top: 48px;
left: 0; left: 0;
margin-left: 10px; margin-left: 10px;
/* float: left; */
} }

6
view/css/mod_register.css
View File

@ -1,12 +1,12 @@
h2 { h2 {
margin-left: 15%; margin-left: 5%;
margin-top: 15%; margin-top: 5%;
} }
#register-form { #register-form {
font-size: 1.4em; font-size: 1.4em;
margin-left: 15%; margin-left: 10%;
margin-top: 5%; margin-top: 5%;
} }

4
view/php/full.php
View File

@ -1,4 +1,4 @@
<!DOCTYPE html > <!DOCTYPE html>
<html> <html>
<head> <head>
<title><?php if(x($page,'title')) echo $page['title'] ?></title> <title><?php if(x($page,'title')) echo $page['title'] ?></title>
@ -6,9 +6,9 @@
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head> </head>
<body> <body>
<nav><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<section><?php if(x($page,'content')) echo $page['content']; ?> <section><?php if(x($page,'content')) echo $page['content']; ?>
<div id="page-footer"></div> <div id="page-footer"></div>
</section> </section>
</body> </body>
</html> </html>

133
view/theme/redbasic/css/style.css
View File

@ -9,8 +9,6 @@ body {
font-family: helvetica,arial,freesans,clean,sans-serif; font-family: helvetica,arial,freesans,clean,sans-serif;
font-size: 12px; font-size: 12px;
background-color: #ffffff; background-color: #ffffff;
/* background-image: url(../img/head.jpg); */
background-repeat: repeat-x;
color: #000000; color: #000000;
margin: 0px; margin: 0px;
} }
@ -19,13 +17,8 @@ abbr {
border-bottom: none; border-bottom: none;
} }
/*Should we be doing this here, or should we be changing default.css? */
aside { aside {
/*box-shadow: 3px 3px 3px #ccc;*/
border: none; border: none;
/*border-radius: 0px 0px 20px 0px;*/
width: 210px;
color: #d00; color: #d00;
} }
@ -36,9 +29,8 @@ color: #d00;
display: block; display: block;
overflow: hidden; overflow: hidden;
text-indent: -9999px; text-indent: -9999px;
/* min-width: 22px;
height: 22px; */
} }
.icon.text { .icon.text {
text-indent: 0px; text-indent: 0px;
} }
@ -104,8 +96,8 @@ color: #d00;
padding: 1px; padding: 1px;
} }
a, a:visited, a:link { color: #dd0000; text-decoration: none; } a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { color: #dd0000; text-decoration: none; }
a:hover { color: #dd0000; text-decoration: underline; } a:hover, .fakelink:hover { color: #dd0000; text-decoration: underline; }
input { input {
border: 1px solid #666666; border: 1px solid #666666;
@ -117,8 +109,6 @@ input {
img { border :0px; } img { border :0px; }
code { code {
font-family: Courier, monospace; font-family: Courier, monospace;
display: block; display: block;
@ -137,7 +127,7 @@ blockquote {
padding: 0.4em; padding: 0.4em;
} }
.icollapse-wrapper, .ccollapse-wrapper { .ccollapse-wrapper {
border: 1px solid #CCC; border: 1px solid #CCC;
padding: 5px; padding: 5px;
} }
@ -164,11 +154,19 @@ blockquote {
/* nav */ /* nav */
nav { nav {
display: block; display: block;
/* margin: 0px 10%; */
border-bottom: 1px solid #d00; border-bottom: 1px solid #d00;
} }
#langselector {
position: fixed;
top: 3px;
left: 5px;
z-index:9999;
}
nav #site-location { nav #site-location {
color: #888a85; color: #888a85;
font-size: 0.8em; font-size: 0.8em;
@ -204,6 +202,7 @@ nav #banner #logo-text a:hover { text-decoration: none; }
header #site-location { header #site-location {
display: none; display: none;
} }
header #banner { header #banner {
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
@ -232,16 +231,12 @@ header #banner #logo-text {
font-size: 22px; font-size: 22px;
} }
.nav-commlink { .nav-commlink {
display: block; display: block;
height: 15px; height: 15px;
margin-top: 67px; margin-top: 67px;
margin-right: 2px; margin-right: 2px;
//padding: 6px 10px; padding: 6px 3px;
padding: 6px 3px;
float: left; float: left;
bottom: 140px; bottom: 140px;
border: 1px solid #babdb6; border: 1px solid #babdb6;
@ -251,6 +246,7 @@ header #banner #logo-text {
-moz-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
nav .nav-link { nav .nav-link {
float: right; float: right;
margin: 0.2em 0em; margin: 0.2em 0em;
@ -266,6 +262,7 @@ nav .nav-link {
padding-top: 6px; padding-top: 6px;
padding-bottom: 8px; padding-bottom: 8px;
} }
.nav-ajax-left { .nav-ajax-left {
font-size: 0.8em; font-size: 0.8em;
float: left; float: left;
@ -277,50 +274,25 @@ nav #nav-link-wrapper .nav-link {
border-right: 1px solid #babdb6; border-right: 1px solid #babdb6;
} }
#dfrn-request-link {
display: block;
color: #FFFFFF;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
font-weight: bold;
background: #3465a4 url('../img/friendika-16.png') no-repeat 95% center;
}
#wallmessage-link {
display: block;
color: #FFFFFF;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
font-weight: bold;
background-color: #3465a4;
}
.tabs { .tabs {
height: 22px; height: 22px;
/* background-image: url(../img/head.jpg);
background-repeat: repeat-x;
background-position: 0px -20px; */
border-bottom: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;
padding:0px; padding:0px;
margin-right: 10px; margin-right: 10px;
} }
.tabs li { margin: 0px; list-style: none; } .tabs li { margin: 0px; list-style: none; }
.tab { .tab {
display:block; display:block;
float:left; float:left;
padding: 0.4em; padding: 0.4em;
//margin-right: 1em;
margin-right: 3px ; margin-right: 3px ;
} }
.tab.active { .tab.active {
font-weight: bold; font-weight: bold;
} }
ul.tabs { ul.tabs {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
@ -329,6 +301,7 @@ ul.tabs {
} }
/* footer */ /* footer */
footer { footer {
text-align: right; text-align: right;
padding-bottom: 1em; padding-bottom: 1em;
@ -354,7 +327,7 @@ div.wall-item-content-wrapper.shiny {
} }
.preview { .preview {
background: #FFFFC8; background: lightyellow;
} }
#theme-preview { #theme-preview {
@ -392,15 +365,13 @@ div.wall-item-content-wrapper.shiny {
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold; font-weight: bold;
border: solid 1px #ccc; border: solid 1px #ccc;
/* box-shadow: 5px 5px 5px #666 inset; */
border-radius: 5px; border-radius: 5px;
} }
#jot-title::-webkit-input-placeholder{font-weight: normal;} #jot-title::-webkit-input-placeholder{font-weight: bold;}
#jot-category::-webkit-input-placeholder{font-weight: normal;} #jot-category::-webkit-input-placeholder{font-weight: bold;}
#jot-title:-moz-placeholder{font-weight: normal;} #jot-title:-moz-placeholder{font-weight: bold;}
#jot-category:-moz-placeholder{font-weight: normal;} #jot-category:-moz-placeholder{font-weight: bold;}
#jot-title:hover, #jot-title:hover,
#jot-title:focus, #jot-title:focus,
@ -412,11 +383,7 @@ div.wall-item-content-wrapper.shiny {
.jothidden { display:none; } .jothidden { display:none; }
.fakelink, .fakelink:visited, .fakelink:link {
color: #335577;
text-decoration: none;
cursor: pointer;
}
.fakebutton { .fakebutton {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
@ -449,58 +416,14 @@ div.wall-item-content-wrapper.shiny {
font-weight: bold; font-weight: bold;
} }
.fakelink:hover {
color: #5588aa;
text-decoration: underline;
cursor: pointer;
}
.smalltext { .smalltext {
font-size: 0.7em; font-size: 0.7em;
} }
#sysmsg { #sysmsg {
/*width: 600px;*/
margin-bottom: 10px; margin-bottom: 10px;
} }
#register-fill-ext {
margin-bottom: 25px;
}
#label-register-name, #label-register-nickname, #label-register-openid {
float: left;
width: 350px;
margin-top: 10px;
}
#register-name, #register-nickname {
float: left;
margin-top: 10px;
width: 150px;
}
#register-openid {
float: left;
margin-top: 10px;
width: 130px;
}
#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
clear: both;
}
#register-nickname-desc {
margin-top: 30px;
width: 650px;
}
#register-sitename {
float: left;
margin-top: 10px;
}
#register-submit-button {
margin-top: 10px;
}
#main-login { #main-login {
margin-left: 100px; margin-left: 100px;
margin-top: 50px; margin-top: 50px;

176
view/tpl/nav.tpl
View File

@ -4,59 +4,77 @@
</header> </header>
<nav> <nav>
<ul> <ul>
{{ if $nav.lock }} {{ if $nav.lock }}
<li id="nav-rmagic-link" class="nav-menu-icon" > <li id="nav-rmagic-link" class="nav-menu-icon" >
<a class="icon $nav.lock.2" href="$nav.lock.0" title="$nav.lock.3" >$nav.lock.1</a> <a class="icon $nav.lock.2" href="$nav.lock.0" title="$nav.lock.3" >$nav.lock.1</a>
</li>
{{ endif }}
{{ if $nav.network }}
<li id="nav-network-link" class="nav-menu $sel.network">
<a class="$nav.network.2" href="$nav.network.0" title="$nav.network.3" ><span class="icon network">$nav.network.1</span></a>
<span id="net-update" class="nav-notify" rel="#nav-network-menu"></span>
<ul id="nav-network-menu" class="menu-popup notify-menus" rel="network">
<li id="nav-network-see-all"><a href="$nav.network.all.0">$nav.network.all.1</a></li>
<li id="nav-network-mark-all"><a href="#" onclick="/*fixme*/ return false;">$nav.network.mark.1</a></li>
<li class="empty">$emptynotifications</li>
</ul>
</li> </li>
{{ endif }} {{ endif }}
{{ if $nav.home }}
<li id="nav-home-link" class="nav-menu $sel.home">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" ><span class="icon home">$nav.home.1</span></a>
<span id="home-update" class="nav-notify" rel="#nav-home-menu"></span>
<ul id="nav-home-menu" class="menu-popup notify-menus" rel="home">
<li id="nav-home-see-all"><a href="$nav.home.all.0">$nav.home.all.1</a></li>
<li id="nav-home-mark-all"><a href="#" onclick="/*fixme*/ return false;">$nav.home.mark.1</a></li>
<li class="empty">$emptynotifications</li>
</ul>
</li>
{{ endif }}
{{ if $nav.network }} {{ if $nav.messages }}
<li id="nav-network-link" class="nav-menu $sel.network"> <li id="nav-mail-link" class="nav-menu $sel.messages">
<a class="$nav.network.2" href="$nav.network.0" title="$nav.network.3" ><span class="icon network">$nav.network.1</span></a> <a class="$nav.messages.2" href="$nav.messages.0" title="$nav.messages.3" ><span class="icon mail">$nav.messages.1</span></a>
<span id="net-update" class="nav-notify fakelink" onclick="notify_popup('network'); return false;" ></span> <span id="mail-update" class="nav-notify fakelink" rel="#nav-messages-menu"></span>
</li> <ul id="nav-messages-menu" class="menu-popup notify-menus" rel="messages">
{{ endif }} <li id="nav-messages-see-all"><a href="$nav.messages.all.0">$nav.messages.all.1</a></li>
<li id="nav-messages-mark-all"><a href="#">$nav.messages.mark.1</a></li>
<li class="empty">$emptynotifications</li>
</ul>
</li>
{{ endif }}
{{ if $nav.home }} {{ if $nav.all_events }}
<li id="nav-home-link" class="nav-menu $sel.home"> <li id="nav-all-events-link" class="nav-menu $sel.all_events">
<a class="$nav.home.2" href="$nav.home.0" title="$nav.home.3" ><span class="icon home">$nav.home.1</span></a> <a class="$nav.all_events.2" href="$nav.all_events.0" title="$nav.all_events.3" ><span class="icon events">$nav.all_events.1</span></a>
<span id="home-update" class="nav-notify fakelink" onclick="notify_popup('home'); return false;" ></span> <span id="all-events-update" class="nav-notify" rel="#nav-events-menu"></span>
</li> <ul id="nav-events-menu" class="menu-popup notify-menus" rel="events">
{{ endif }} <li id="nav-events-see-all"><a href="$nav.events.all.0">$nav.events.all.1</a></li>
<li id="nav-events-mark-all"><a href="#" onclick="/*fixme*/ return false;">$nav.events.mark.1</a></li>
{{ if $nav.messages }} <li class="empty">$emptynotifications</li>
<li id="nav-mail-link" class="nav-menu $sel.messages"> </ul>
<a class="$nav.messages.2" href="$nav.messages.0" title="$nav.messages.3" ><span class="icon mail">$nav.messages.1</span></a> </li>
<span id="mail-update" class="nav-notify fakelink" rel="#nav-messages-menu"></span> {{ endif }}
<ul id="nav-messages-menu" class="menu-popup notify-menus" rel="messages">
<li id="nav-messages-see-all"><a href="$nav.messages.all.0">$nav.messages.all.1</a></li>
<li id="nav-messages-mark-all"><a href="#">$nav.messages.mark.1</a></li>
<li class="empty">$emptynotifications</li>
</ul>
</li>
{{ endif }}
{{ if $nav.all_events }}
<li id="nav-all-events-link" class="nav-menu $sel.all_events">
<a class="$nav.all_events.2" href="$nav.all_events.0" title="$nav.all_events.3" ><span class="icon events">$nav.all_events.1</span></a>
<span id="all-events-update" class="nav-notify fakelink" onclick="notify_popup('all_events'); return false;" ></span>
</li>
{{ endif }}
{{ if $nav.intros }}
<li id="nav-intros-link" class="nav-menu $sel.intros">
<a class="$nav.intros.2" href="$nav.intros.0" title="$nav.intros.3" ><span class="icon introductions">$nav.intros.1</span></a>
<span id="intro-update" class="nav-notify"></span>
</li>
{{ endif }}
{{ if $nav.intros }}
<li id="nav-intros-link" class="nav-menu $sel.intros">
<a class="$nav.intros.2" href="$nav.intros.0" title="$nav.intros.3" ><span class="icon introductions">$nav.intros.1</span></a>
<span id="intro-update" class="nav-notify" rel="#nav-intros-menu"></span>
<ul id="nav-intros-menu" class="menu-popup notify-menus" rel="intros">
<li id="nav-intros-see-all"><a href="$nav.intros.all.0">$nav.intros.all.1</a></li>
<li id="nav-intros-mark-all"><a href="#" onclick="/*fixme*/ return false;">$nav.intros.mark.1</a></li>
<li class="empty">$emptynotifications</li>
</ul>
</li>
{{ endif }}
{{ if $nav.notifications }} {{ if $nav.notifications }}
<li id="nav-notify-linkmenu" class="nav-menu fakelink"> <li id="nav-notify-linkmenu" class="nav-menu fakelink">
<a rel="#nav-notify-menu" title="$nav.notifications.1"><span class="icon s22 notify">$nav.notifications.1</span></a> <a href="$nav.notifications.0" title="$nav.notifications.1"><span class="icon s22 notify">$nav.notifications.1</span></a>
<span id="notify-update" class="nav-notify"></span> <span id="notify-update" class="nav-notify" rel="#nav-notify-menu"></span>
<ul id="nav-notify-menu" class="menu-popup notify-menus" rel="notify"> <ul id="nav-notify-menu" class="menu-popup notify-menus" rel="notify">
<li id="nav-notify-see-all"><a href="$nav.notifications.all.0">$nav.notifications.all.1</a></li> <li id="nav-notify-see-all"><a href="$nav.notifications.all.0">$nav.notifications.all.1</a></li>
<li id="nav-notify-mark-all"><a href="#" onclick="notifyMarkAll(); return false;">$nav.notifications.mark.1</a></li> <li id="nav-notify-mark-all"><a href="#" onclick="notifyMarkAll(); return false;">$nav.notifications.mark.1</a></li>
@ -75,58 +93,54 @@
</ul> </ul>
</li> </li>
{{ endif }} {{ endif }}
{{ if $userinfo }}
<li id="nav-user-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-user-menu" title="$userinfo.name"><img src="$userinfo.icon" alt="$userinfo.name"></a>
{{ if $localuser }}
<ul id="nav-user-menu" class="menu-popup">
{{ for $nav.usermenu as $usermenu }}
<li><a class="$usermenu.2" href="$usermenu.0" title="$usermenu.3">$usermenu.1</a></li>
{{ endfor }}
{{ if $nav.profiles }}<li><a class="$nav.profiles.2" href="$nav.profiles.0" title="$nav.profiles.3">$nav.profiles.1</a></li>{{ endif }}
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
{{ if $nav.contacts }}<li><a class="$nav.contacts.2" href="$nav.contacts.0" title="$nav.contacts.3" >$nav.contacts.1</a></li>{{ endif }} {{ if $userinfo }}
<li id="nav-user-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-user-menu" title="$userinfo.name"><img src="$userinfo.icon" alt="$userinfo.name"></a>
{{ if $localuser }}
<ul id="nav-user-menu" class="menu-popup">
{{ for $nav.usermenu as $usermenu }}
<li><a class="$usermenu.2" href="$usermenu.0" title="$usermenu.3">$usermenu.1</a></li>
{{ endfor }}
{{ if $nav.profiles }}<li><a class="$nav.profiles.2" href="$nav.profiles.0" title="$nav.profiles.3">$nav.profiles.1</a></li>{{ endif }}
{{ if $nav.manage }}<li><a class="$nav.manage.2" href="$nav.manage.0" title="$nav.manage.3">$nav.manage.1</a></li>{{ endif }}
{{ if $nav.contacts }}<li><a class="$nav.contacts.2" href="$nav.contacts.0" title="$nav.contacts.3" >$nav.contacts.1</a></li>{{ endif }}
{{ if $nav.logout }}<li><a class="menu-sep $nav.logout.2" href="$nav.logout.0" title="$nav.logout.3" >$nav.logout.1</a></li>{{ endif }} {{ if $nav.logout }}<li><a class="menu-sep $nav.logout.2" href="$nav.logout.0" title="$nav.logout.3" >$nav.logout.1</a></li>{{ endif }}
</ul> </ul>
{{ endif }}
</li>
{{ endif }} {{ endif }}
{{ if $nav.login }}<li id="nav-login-link" class="nav-menu $nav.login.2"><a href="$nav.login.0" title="$nav.login.3" >$nav.login.1</a><li>{{ endif }} </li>
{{ endif }}
{{ if $nav.help }} {{ if $nav.login }}<li id="nav-login-link" class="nav-menu $nav.login.2"><a href="$nav.login.0" title="$nav.login.3" >$nav.login.1</a><li>{{ endif }}
{{ if $nav.help }}
<li id="nav-help-link" class="nav-menu $sel.help"> <li id="nav-help-link" class="nav-menu $sel.help">
<a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a> <a class="$nav.help.2" target="friendika-help" href="$nav.help.0" title="$nav.help.3" >$nav.help.1</a>
</li> </li>
{{ endif }} {{ endif }}
{{ if $nav.apps }} {{ if $nav.apps }}
<li id="nav-apps-link" class="nav-menu $sel.apps"> <li id="nav-apps-link" class="nav-menu $sel.apps">
<a class=" $nav.apps.2" href="#" rel="#nav-apps-menu" title="$nav.apps.3" >$nav.apps.1</a> <a class=" $nav.apps.2" href="#" rel="#nav-apps-menu" title="$nav.apps.3" >$nav.apps.1</a>
<ul id="nav-apps-menu" class="menu-popup"> <ul id="nav-apps-menu" class="menu-popup">
{{ for $apps as $ap }} {{ for $apps as $ap }}
<li>$ap</li> <li>$ap</li>
{{ endfor }} {{ endfor }}
</ul> </ul>
</li> </li>
{{ endif }} {{ endif }}
<li id="nav-searchbar"> <li id="nav-searchbar">
<form method="get" action="search"> <form method="get" action="search">
<input id="nav-search-text" type="text" value="" placeholder="$nav.search.1" name="search" title="$nav.search.3" onclick="this.submit();" /> <input id="nav-search-text" type="text" value="" placeholder="$nav.search.1" name="search" title="$nav.search.3" onclick="this.submit();" />
</form> </form>
</li> </li>
</ul> </ul>
</nav> </nav>
<ul id="nav-notifications-template" style="display:none;" rel="template"> <ul id="nav-notifications-template" style="display:none;" rel="template">
<li><a href="{0}"><img src="{1}">{2} <span class="notif-when">{3}</span></a></li> <li class="{4}"><a href="{0}"><img src="{1}">{2} <span class="notif-when">{3}</span></a></li>
</ul> </ul>
<div style="position: fixed; top: 3px; left: 5px; z-index:9999">$langselector</div> <div id="langselector" >$langselector</div>
<div id="panel" style="display: none;"></div> <div id="panel" style="display: none;"></div>