[For 1.8] Square theme

[amanda_2011]

Use a plugin to show the latest activity, because I removed this in the latest update due to a malfunction (The code runs all the querys from the portal, when you only need one query not all the querys).

I still have the sidebar where the latest activity is shown. I just can't hide it like I used to be able to since the button with the two arrows pointing at each other is gone. Has that image been removed from the image directory in your latest version of Square? What was it called?

ACP > Templates & Styles > Templates > Square templates > Navigation templates > open nav template

Replace all the code with this new one:

<fieldset class="breadcrumb">
 <span class="crumbs">{$nav}{$activesep}
 <span class="crust">{$activebit}</span>
 </span>
 <a class="buttons" title="{$lang->xstyled_hidesidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-compress fa-fw"></i></a>
 <a class="clickedbuttons" title="{$lang->xstyled_showsidebar}" style="float: right;"><i style="font-size: 14px;" class="fa fa-expand fa-fw"></i></a>
</fieldset>

ACP > Templates & Styles > Templates > Square templates > Ungrouped templates > open headerinclude template

Add this code to the end of the file

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "984px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("sidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("sidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("sidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","984px");
        $(".sidebar").hide();
    };
});
</script>

Now add this css to Square.css

.buttons {
    cursor: pointer;
    color: #FFFFFF;
    width: 44px;
    height: 29px;
    padding-top: 15px;
    text-align: center;
    background: #005ea7;
    transition: all 0.5s ease;
}

.buttons:hover {
    cursor: pointer;
    color: #FFFFFF;
    background: #0076D1;
    transition: all 0.5s ease;
}

.clickedbuttons {
    cursor: pointer;
    color: #FFFFFF;
    width: 44px;
    height: 29px;
    padding-top: 15px;
    text-align: center;
    background: #005ea7;
    transition: all 0.5s ease;
}

.clickedbuttons:hover {
    cursor: pointer;
    color: #FFFFFF;
    background: #0076D1;
    transition: all 0.5s ease;
}

I think that's all.

I've decided I want to go with the plugin for the sidebar after all. Problem is I have modified some of your templates so it's not that easy for me to get rid of the sidebar. I understand I have to undo all the steps above. Could you give me the code you presently use for the nav template?

And I believe I need to revert the template portal_latestthreads_thread to the myBB default template? Anywhere else I need to modify code to get rid of the sidebar?