[For 1.8] Square theme

[eNvy]

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.