Vier: Menu at the right side (inspired and copyied from diabook)

This commit is contained in:
Michael Vogel 2015-10-01 08:19:35 +02:00
parent a102fd83e8
commit 47c855388e
7 changed files with 598 additions and 8 deletions

3
view/theme/vier/hide.css Normal file
View File

@ -0,0 +1,3 @@
aside {
display: none;
}

154
view/theme/vier/shadow.css Normal file
View File

@ -0,0 +1,154 @@
nav {
background: rgb(36, 76, 94);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
padding: 0px;
padding-left: 0px;
}
nav a:active,
nav a:link,
nav a:visited,
nav a {
color: #ccc;
}
nav a:hover,
#nav-messages-see-all a:hover {
color: #fff;
}
nav .nav-notify {
background-color: #F80;
top: 0px;
right: -5px;
padding: 1px 3px;
border-radius: 5px 5px 5px 5px;
}
// -----
nav .nav-menu-icon .nav-notify {
top: 0px;
}
nav .nav-menu.selected a {
color: #000;
/* font-weight: bold; */
}
nav .nav-menu:hover,
nav .nav-menu.selected {
border-bottom: 2px solid #427FED;
}
nav .nav-menu {
height: 23px;
font-size: 14px;
font-weight: initial;
}
#nav-site-menu,
#nav-notifications-menu,
#nav-user-menu {
top: 35px;
}
#nav-messages-menu {
top: 32px;
}
#nav-messages-see-all a {
color: #737373;
}
ul.tabs li .active, span.pager_current a {
border-bottom: 2px solid #427FED;
}
span.pager_current, span.pager_n a:hover,
span.pager_first a:hover, span.pager_last a:hover,
span.pager_prev a:hover, span.pager_next a:hover,
ul.tabs a:hover {
border-bottom: 2px solid #427FED;
}
nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
color: #737373;
}
nav #nav-messages-linkmenu.selected,
nav #nav-user-linklabel.selected,
nav #nav-apps-link.selected {
background-color: #fff;
border-bottom-style: none;
}
div.jGrowl div.info {
background: #fff url("../../../images/icons/48/info.png") no-repeat 5px center;
}
div.jGrowl div.notice {
color: #737373;
}
div.jGrowl div.info {
color: #737373;
}
.birthday-notice, .event-notice {
font-weight: initial;
}
div.pager, ul.tabs {
font-weight: initial;
}
nav .nav-menu-icon.selected {
background-color: #fff;
}
#jot #jot-tools li:hover {
background-color: #fff;
}
nav .icon {
color: #737373;
}
nav a:hover .icon {
color: #000;
}
ul.menu-popup {
border: 0px solid #FFF;
margin-top: 0px;
}
header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover {
color: #737373;
}
header {
left: 10px;
}
header #banner {
margin-top: 6px;
}
#banner #logo-text {
margin-left: 5px;
}
aside {
top: 44px;
height: calc(100% - 54px);
}
section {
top: 44px;
}
nav #search-box #search-text {
background-color: initial;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.15);
}

View File

@ -375,7 +375,7 @@ code {
.tool a {
/* color: #000; */
}
.tool a:hover, .widget a:hover, #nets-sidear a:hover, #hide-forum-list:hover, .admin.link a:hover, aside h4 a:hover {
.tool a:hover, .widget a:hover, #nets-sidear a:hover, #hide-forum-list:hover, .admin.link a:hover, aside h4 a:hover, right_aside h4 a:hover {
/* text-decoration: underline; */
text-decoration: none;
color: black;
@ -391,7 +391,7 @@ code {
.sidebar-group-li:hover, #sidebar-new-group:hover, #hide-forum-list:hover,
#sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forum-list div:hover,
.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, #message-new:hover {
.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover {
/* background-color: #ddd; */
/* background-color: #e5e5e5; */
background-color: #F5F5F5;
@ -418,7 +418,7 @@ code {
display: block;
}
a.nets-link, .side-link a, #sidebar-new-group a, a.savedsearchterm, a.fileas-link, aside h4 a {
a.nets-link, .side-link a, #sidebar-new-group a, a.savedsearchterm, a.fileas-link, aside h4 a, right_aside h4 a {
display: block;
color: #737373;
}
@ -984,7 +984,7 @@ aside #search-text, aside #side-follow-url, aside #side-peoplefind-url {
-moz-border-right-colors: #dbdbdb;*/
}
aside h4 {
aside h4, right_aside h4 {
margin-bottom: 0px;
margin-top: 0px;
font-size: 1.17em;

View File

@ -0,0 +1,11 @@
<div class="directory-item" id="directory-item-{{$id}}" >
<div class="directory-photo-wrapper" id="directory-photo-wrapper-{{$id}}" >
<div class="directory-photo" id="directory-photo-{{$id}}" >
<a href="{{$profile_link}}" class="directory-profile-link" id="directory-profile-link-{{$id}}" >
<img class="directory-photo-img" src="{{$photo}}" alt="{{$alt_text}}" title="{{$alt_text}}" />
</a>
</div>
</div>
</div>

View File

@ -0,0 +1,107 @@
<div id="pos_null" style="margin-bottom:-30px;">
</div>
<div id="sortable_boxes">
<div id="close_pages" style="margin-top:30px;" class="widget">
{{if $page}}
<div>{{$page}}</div>
{{/if}}
</div>
<div id="close_profiles" class="widget">
{{if $comunity_profiles_title}}
<h3>{{$comunity_profiles_title}}</h3>
<div id='lastusers-wrapper' class='items-wrapper'>
{{foreach $comunity_profiles_items as $i}}
{{$i}}
{{/foreach}}
</div>
{{/if}}
</div>
<div id="close_helpers" class="widget">
{{if $helpers}}
<h3>{{$helpers.title.1}}</h3>
<ul role="menu">
<li class="tool" role="menuitem"><a href="http://friendica.com/resources" title="How-tos" style="margin-left: 10px; " target="blank">How-To Guides</a></li>
<li class="tool" role="menuitem"><a href="http://kakste.com/profile/newhere" title="@NewHere" style="margin-left: 10px; " target="blank">NewHere</a></li>
<li class="tool" role="menuitem"><a href="https://helpers.pyxis.uberspace.de/profile/helpers" style="margin-left: 10px; " title="Friendica Support" target="blank">Friendica Support</a></li>
</ul>
{{/if}}
</div>
<div id="close_services" class="widget">
{{if $con_services}}
<h3>{{$con_services.title.1}}</h3>
<div id="right_service_icons" style="margin-left: 16px; margin-top: 5px;">
<a href="{{$url}}/facebook"><img alt="Facebook" src="view/theme/diabook/icons/facebook.png" title="Facebook"></a>
<a href="{{$url}}/settings/connectors"><img alt="StatusNet" src="view/theme/diabook/icons/StatusNet.png?" title="StatusNet"></a>
<a href="{{$url}}/settings/connectors"><img alt="LiveJournal" src="view/theme/diabook/icons/livejournal.png?" title="LiveJournal"></a>
<a href="{{$url}}/settings/connectors"><img alt="Posterous" src="view/theme/diabook/icons/posterous.png?" title="Posterous"></a>
<a href="{{$url}}/settings/connectors"><img alt="Tumblr" src="view/theme/diabook/icons/tumblr.png?" title="Tumblr"></a>
<a href="{{$url}}/settings/connectors"><img alt="Twitter" src="view/theme/diabook/icons/twitter.png?" title="Twitter"></a>
<a href="{{$url}}/settings/connectors"><img alt="WordPress" src="view/theme/diabook/icons/wordpress.png?" title="WordPress"></a>
<a href="{{$url}}/settings/connectors"><img alt="E-Mail" src="view/theme/diabook/icons/email.png?" title="E-Mail"></a>
</div>
{{/if}}
</div>
<div id="close_friends" style="margin-bottom:53px;" class="widget">
{{if $nv}}
<h3>{{$nv.title.1}}</h3>
<ul role="menu">
<li class="tool" role="menuitem"><a class="{{$nv.directory.2}}" href="{{$nv.directory.0}}" style="margin-left: 10px; " title="{{$nv.directory.3}}" >{{$nv.directory.1}}</a></li>
<li class="tool" role="menuitem"><a class="{{$nv.global_directory.2}}" href="{{$nv.global_directory.0}}" target="blank" style="margin-left: 10px; " title="{{$nv.global_directory.3}}" >{{$nv.global_directory.1}}</a></li>
<li class="tool" role="menuitem"><a class="{{$nv.match.2}}" href="{{$nv.match.0}}" style="margin-left: 10px; " title="{{$nv.match.3}}" >{{$nv.match.1}}</a></li>
<li class="tool" role="menuitem"><a class="{{$nv.suggest.2}}" href="{{$nv.suggest.0}}" style="margin-left: 10px; " title="{{$nv.suggest.3}}" >{{$nv.suggest.1}}</a></li>
<li class="tool" role="menuitem"><a class="{{$nv.invite.2}}" href="{{$nv.invite.0}}" style="margin-left: 10px; " title="{{$nv.invite.3}}" >{{$nv.invite.1}}</a></li>
</ul>
{{$nv.search}}
{{/if}}
</div>
<div id="close_lastusers" class="widget">
{{if $lastusers_title}}
<h3>{{$lastusers_title}}</h3>
<div id='lastusers-wrapper' class='items-wrapper'>
{{foreach $lastusers_items as $i}}
{{$i}}
{{/foreach}}
</div>
{{/if}}
</div>
{{if $activeusers_title}}
<h3>{{$activeusers_title}}</h3>
<div class='items-wrapper'>
{{foreach $activeusers_items as $i}}
{{$i}}
{{/foreach}}
</div>
{{/if}}
<div id="close_lastphotos">
{{if $photos_title}}
<h3>{{$photos_title}}</h3>
<div id='ra-photos-wrapper' class='items-wrapper'>
{{foreach $photos_items as $i}}
{{$i}}
{{/foreach}}
</div>
{{/if}}
</div>
<div id="close_lastlikes">
{{if $like_title}}
<h3>{{$like_title}}</h3>
<ul id='likes'>
{{foreach $like_items as $i}}
<li id='ra-photos-wrapper'>{{$i}}</li>
{{/foreach}}
</ul>
{{/if}}
</div>
</div>
</div>

View File

@ -19,6 +19,12 @@ $baseurl = $a->get_baseurl();
$a->theme_info = array();
if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname'] or $a->argv[0] === "network" && local_user()) {
vier_community_info();
$a->page['htmlhead'] .= "<link rel='stylesheet' media='screen and (min-width: 1300px)' href='view/theme/vier/wide.css' />";
}
$a->page['htmlhead'] .= <<< EOT
<link rel='stylesheet' media='screen and (max-width: 1100px)' href='view/theme/vier/narrow.css' />
<script type="text/javascript">
@ -72,5 +78,291 @@ function cmtBbClose(id) {
}
</script>
EOT;
// Hide the left menu bar
if (($a->page['aside'] == "") AND in_array($a->argv[0], array("community", "events", "help", "manage", "notifications", "probe", "webfinger", "login")))
$a->page['htmlhead'] .= "<link rel='stylesheet' href='view/theme/vier/hide.css' />";
}
function get_vier_config($key, $default = false) {
if (local_user()) {
$result = get_pconfig(local_user(), "vier", $key);
if ($result !== false)
return $result;
}
$result = get_config("vier", $key);
if ($result !== false)
return $result;
return $default;
}
function vier_community_info() {
$a = get_app();
/*
$close_pages = get_vier_config("close_pages", 1);
$close_profiles = get_vier_config("close_profiles", 0);
$close_helpers = get_vier_config("close_helpers", 0);
$close_services = get_vier_config("close_services", 0);
$close_friends = get_vier_config("close_friends", 0);
$close_lastusers = get_vier_config("close_lastusers", 0);
$close_lastphotos = get_vier_config("close_lastphotos", 0);
$close_lastlikes = get_vier_config("close_lastlikes", 0);
*/
$close_pages = false;
$close_profiles = true;
$close_helpers = false;
$close_services = false;
$close_friends = false;
$close_lastusers = true;
$close_lastphotos = true;
$close_lastlikes = true;
// comunity_profiles
if(!$close_profiles) {
$aside['$comunity_profiles_title'] = t('Community Profiles');
$aside['$comunity_profiles_items'] = array();
$r = q("select gcontact.* from gcontact left join glink on glink.gcid = gcontact.id
where glink.cid = 0 and glink.uid = 0 order by rand() limit 9");
$tpl = get_markup_template('ch_directory_item.tpl');
if(count($r)) {
$photo = 'photo';
foreach($r as $rr) {
$profile_link = $a->get_baseurl() . '/profile/' . ((strlen($rr['nickname'])) ? $rr['nickname'] : $rr['profile_uid']);
$entry = replace_macros($tpl,array(
'$id' => $rr['id'],
'$profile_link' => zrl($rr['url']),
'$photo' => $rr[$photo],
'$alt_text' => $rr['name'],
));
$aside['$comunity_profiles_items'][] = $entry;
}
}
}
// last 12 users
if(!$close_lastusers) {
$aside['$lastusers_title'] = t('Last users');
$aside['$lastusers_items'] = array();
$sql_extra = "";
$publish = (get_config('system','publish_all') ? '' : " AND `publish` = 1 ");
$order = " ORDER BY `register_date` DESC ";
$r = q("SELECT `profile`.*, `profile`.`uid` AS `profile_uid`, `user`.`nickname`
FROM `profile` LEFT JOIN `user` ON `user`.`uid` = `profile`.`uid`
WHERE `is-default` = 1 $publish AND `user`.`blocked` = 0 $sql_extra $order LIMIT %d , %d ",
0, 9);
$tpl = get_markup_template('ch_directory_item.tpl');
if(count($r)) {
$photo = 'thumb';
foreach($r as $rr) {
$profile_link = $a->get_baseurl() . '/profile/' . ((strlen($rr['nickname'])) ? $rr['nickname'] : $rr['profile_uid']);
$entry = replace_macros($tpl,array(
'$id' => $rr['id'],
'$profile_link' => $profile_link,
'$photo' => $a->get_cached_avatar_image($rr[$photo]),
'$alt_text' => $rr['name']));
$aside['$lastusers_items'][] = $entry;
}
}
}
// last 10 liked items
/*
if(!$close_lastlikes) {
$aside['$like_title'] = t('Last likes');
$aside['$like_items'] = array();
$r = q("SELECT `T1`.`created`, `T1`.`liker`, `T1`.`liker-link`, `item`.* FROM
(SELECT `parent-uri`, `created`, `author-name` AS `liker`,`author-link` AS `liker-link`
FROM `item` WHERE `verb`='http://activitystrea.ms/schema/1.0/like' GROUP BY `parent-uri` ORDER BY `created` DESC) AS T1
INNER JOIN `item` ON `item`.`uri`=`T1`.`parent-uri`
WHERE `T1`.`liker-link` LIKE '%s%%' OR `item`.`author-link` LIKE '%s%%'
GROUP BY `uri`
ORDER BY `T1`.`created` DESC
LIMIT 0,5",
$a->get_baseurl(),$a->get_baseurl());
foreach ($r as $rr) {
$author = '<a href="' . $rr['liker-link'] . '">' . $rr['liker'] . '</a>';
$objauthor = '<a href="' . $rr['author-link'] . '">' . $rr['author-name'] . '</a>';
//var_dump($rr['verb'],$rr['object-type']); killme();
switch($rr['verb']){
case 'http://activitystrea.ms/schema/1.0/post':
switch ($rr['object-type']){
case 'http://activitystrea.ms/schema/1.0/event':
$post_type = t('event');
break;
default:
$post_type = t('status');
}
break;
default:
if ($rr['resource-id']){
$post_type = t('photo');
$m=array();
preg_match("/\[url=([^]]*)\]/", $rr['body'], $m);
$rr['plink'] = $m[1];
} else
$post_type = t('status');
}
$plink = '<a href="' . $rr['plink'] . '">' . $post_type . '</a>';
$aside['$like_items'][] = sprintf( t('%1$s likes %2$s\'s %3$s'), $author, $objauthor, $plink);
}
}
// last 12 photos
if(!$close_lastphotos) {
$aside['$photos_title'] = t('Last photos');
$aside['$photos_items'] = array();
$r = q("SELECT `photo`.`id`, `photo`.`resource-id`, `photo`.`scale`, `photo`.`desc`, `user`.`nickname`, `user`.`username` FROM
(SELECT `resource-id`, MAX(`scale`) as maxscale FROM `photo`
WHERE `profile`=0 AND `contact-id`=0 AND `album` NOT IN ('Contact Photos', '%s', 'Profile Photos', '%s')
AND `allow_cid`='' AND `allow_gid`='' AND `deny_cid`='' AND `deny_gid`='' GROUP BY `resource-id`) AS `t1`
INNER JOIN `photo` ON `photo`.`resource-id`=`t1`.`resource-id` AND `photo`.`scale` = `t1`.`maxscale`,
`user`
WHERE `user`.`uid` = `photo`.`uid`
AND `user`.`blockwall`=0
AND `user`.`hidewall`=0
ORDER BY `photo`.`edited` DESC
LIMIT 0, 9",
dbesc(t('Contact Photos')),
dbesc(t('Profile Photos'))
);
if(count($r)) {
$tpl = get_markup_template('ch_directory_item.tpl');
foreach($r as $rr) {
$photo_page = $a->get_baseurl() . '/photos/' . $rr['nickname'] . '/image/' . $rr['resource-id'];
$photo_url = $a->get_baseurl() . '/photo/' . $rr['resource-id'] . '-' . $rr['scale'] .'.jpg';
$entry = replace_macros($tpl,array(
'$id' => $rr['id'],
'$profile_link' => $photo_page,
'$photo' => $photo_url,
'$alt_text' => $rr['username']." : ".$rr['desc']));
$aside['$photos_items'][] = $entry;
}
}
}
*/
//right_aside FIND FRIENDS
if (!$close_friends AND local_user()) {
$nv = array();
$nv['title'] = Array("", t('Find Friends'), "", "");
$nv['directory'] = Array('directory', t('Local Directory'), "", "");
$nv['global_directory'] = Array('http://dir.friendica.com/', t('Global Directory'), "", "");
$nv['match'] = Array('match', t('Similar Interests'), "", "");
$nv['suggest'] = Array('suggest', t('Friend Suggestions'), "", "");
$nv['invite'] = Array('invite', t('Invite Friends'), "", "");
$nv['search'] = '<form name="simple_bar" method="get" action="http://dir.friendica.com/directory">
<span class="sbox_l"></span>
<span class="sbox">
<input type="text" name="search" size="13" maxlength="50">
</span>
<span class="sbox_r" id="srch_clear"></span>';
$aside['$nv'] = $nv;
}
//Community_Pages at right_aside
if(!$close_pages AND local_user()) {
$page = '
<h3 style="margin-top:0px;">'.t("Community Pages").'<a id="closeicon" href="#boxsettings" onClick="open_boxsettings(); return false;" style="text-decoration:none;" class="icon close_box" title="'.t("Settings").'"></a></h3>
<div id=""><ul style="margin-left: 7px;margin-top: 0px;padding-left: 0px;padding-top: 0px;">';
$pagelist = array();
$contacts = q("SELECT `id`, `url`, `name`, `micro`FROM `contact`
WHERE `network`= 'dfrn' AND `forum` = 1 AND `uid` = %d
ORDER BY `name` ASC",
intval($a->user['uid']));
$pageD = array();
// Look if the profile is a community page
foreach($contacts as $contact) {
$pageD[] = array("url"=>$contact["url"], "name"=>$contact["name"], "id"=>$contact["id"], "micro"=>$contact['micro']);
};
$contacts = $pageD;
foreach($contacts as $contact) {
$page .= '<li style="list-style-type: none;" class="tool"><img height="20" width="20" style="float: left; margin-right: 3px;" src="' . $contact['micro'] .'" alt="' . $contact['url'] . '" /> <a href="'.$a->get_baseurl().'/redir/'.$contact["id"].'" style="margin-top: 2px; word-wrap: break-word; width: 132px;" title="' . $contact['url'] . '" class="label" target="external-link">'.
$contact["name"]."</a></li>";
}
$page .= '</ul></div>';
//if (sizeof($contacts) > 0)
$aside['$page'] = $page;
}
//END Community Page
//helpers
if(!$close_helpers) {
$helpers = array();
$helpers['title'] = Array("", t('Help or @NewHere ?'), "", "");
$aside['$helpers'] = $helpers;
}
//end helpers
//connectable services
if (!$close_services) {
$con_services = array();
$con_services['title'] = Array("", t('Connect Services'), "", "");
$aside['$con_services'] = $con_services;
}
//end connectable services
/*
if($ccCookie != "9") {
$close_pages = get_vier_config( "close_pages", 1 );
$close_profiles = get_vier_config( "close_profiles", 0 );
$close_helpers = get_vier_config( "close_helpers", 0 );
$close_services = get_vier_config( "close_services", 0 );
$close_friends = get_vier_config( "close_friends", 0 );
$close_lastusers = get_vier_config( "close_lastusers", 0 );
$close_lastphotos = get_vier_config( "close_lastphotos", 0 );
$close_lastlikes = get_vier_config( "close_lastlikes", 0 );
$close_or_not = array('1'=>t("don't show"), '0'=>t("show"),);
$boxsettings['title'] = Array("", t('Show/hide boxes at right-hand column:'), "", "");
$aside['$boxsettings'] = $boxsettings;
$aside['$close_pages'] = array('vier_close_pages', t('Community Pages'), $close_pages, '', $close_or_not);
$aside['$close_profiles'] = array('vier_close_profiles', t('Community Profiles'), $close_profiles, '', $close_or_not);
$aside['$close_helpers'] = array('vier_close_helpers', t('Help or @NewHere ?'), $close_helpers, '', $close_or_not);
$aside['$close_services'] = array('vier_close_services', t('Connect Services'), $close_services, '', $close_or_not);
$aside['$close_friends'] = array('vier_close_friends', t('Find Friends'), $close_friends, '', $close_or_not);
$aside['$close_lastusers'] = array('vier_close_lastusers', t('Last users'), $close_lastusers, '', $close_or_not);
$aside['$close_lastphotos'] = array('vier_close_lastphotos', t('Last photos'), $close_lastphotos, '', $close_or_not);
$aside['$close_lastlikes'] = array('vier_close_lastlikes', t('Last likes'), $close_lastlikes, '', $close_or_not);
$aside['$sub'] = t('Submit');
$baseurl = $a->get_baseurl($ssl_state);
$aside['$baseurl'] = $baseurl;
if (isset($_POST['vier-settings-box-sub']) && $_POST['vier-settings-box-sub']!=''){
set_pconfig(local_user(), 'vier', 'close_pages', $_POST['vier_close_pages']);
set_pconfig(local_user(), 'vier', 'close_profiles', $_POST['vier_close_profiles']);
set_pconfig(local_user(), 'vier', 'close_helpers', $_POST['vier_close_helpers']);
set_pconfig(local_user(), 'vier', 'close_services', $_POST['vier_close_services']);
set_pconfig(local_user(), 'vier', 'close_friends', $_POST['vier_close_friends']);
set_pconfig(local_user(), 'vier', 'close_lastusers', $_POST['vier_close_lastusers']);
set_pconfig(local_user(), 'vier', 'close_lastphotos', $_POST['vier_close_lastphotos']);
set_pconfig(local_user(), 'vier', 'close_lastlikes', $_POST['vier_close_lastlikes']);
}
}
$close = t('Settings');
$aside['$close'] = $close;
*/
//get_baseurl
$url = $a->get_baseurl($ssl_state);
$aside['$url'] = $url;
//print right_aside
$tpl = get_markup_template('communityhome.tpl');
$a->page['right_aside'] = replace_macros($tpl, $aside);
}

23
view/theme/vier/wide.css Normal file
View File

@ -0,0 +1,23 @@
right_aside {
vertical-align: top;
width: 185px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 10px;
background-color: #FFFFFF;
font-size: 13px;
overflow-y: auto;
z-index: 2;
line-height: 17px;
position: fixed;
color: #737373;
top: 44px;
height: calc(100% - 54px);
display: block;
margin-left: calc(100% - 215px);
}
#forumlist-sidebar {
display: none;
}