[TheLastSuperman]

Updated on 8/28/2011
- New online/offline/invisible statusicons.
*If you prefer the original simply rename the copy files i.e. user-online - Copy.png to user-online.png and they will return to normal.
- Corrected Sticky thread stylevar, it was still the default white-ish color.

Updated on 8/29/2011
- Fluid width style released, included in the .zip are both Fixed & Fluid versions.
- Logo is now automatically centered in each version.

Updated on 8/30/2011
- Asset Manager (attachment upload window etc) css updated to match style.

Updated on 8/31/2011
- Deleted thread background color updated to a dark blue.
- Facebook Connect now has the same hover effect as the help/register links.
- Announcements now share the same background and border as notices.

Updated on 9/02/2011
- Deleted post background color updated to a dark blue.
- Blockrow background color updated - Thanks for the catch CharlieDelta!
- Sidebar and Widgets now match 100%, forum sidebar has separation between each sidebar block!

Updated on 9/03/2011
- Adjusted breadcrumb margin to remove the overlapping of toplinks.
- Updated CKE Editor CSS to match style and resolve some misc issues.
- Updated all textarea/drop-down borders to match.
- Forum Descriptions on Forumhome CSS adjusted and now includes hover effect.
- [S]Forumhome and Threadbit hover effects now have a light blue 1px border at the top, seems to pop[/S] Removed, please see update notes from 9/04/2011.
- CMS and Forum Sidebar (Not available on Blog) content borders now change to a lighter blue on hover.
- Cleaned up and organized CSS in additional.css.

Updated on 9/04/2011
- New ForumHome Category Description css, rounded corners w/ inset shadow effect.
- New ForumHome Category Description hover effect.
- Adjusted forumhome and threadbit hover effects, removing the 1px top border added on the last update.
- ForumHome New Appearance:
http://www.innovationbyinstinct.com/...rumHomeNew.png
- ForumHome New Category Description Hover:
http://www.innovationbyinstinct.com/...ptionHover.png
- ForumHome New Hover Effect:
http://www.innovationbyinstinct.com/...meNewHover.png

Updated on 9/06/2011
- Updated stylevars for document background as body css in additional.css was not being parsed correctly by all modifications.
- New CMS, Forum, and Blog Widget/Sidebar shadow effects on the inner content themselves.
- Other misc. updates to styling.

Updated on 11/05/2011
- Updated stylevars for profile sidebar blocks, default sidebar uses some css a little differently in the profile which caused the issue, furthermore the profile now has a simple bit of css hard coded into it only.
- Updated other stylevars to include the proper "dark blue" background.

Updated on 11/21/2011
- Updated for compatibility with vBulletin 4.1.8, if you use 4.1.8 please download and install the .zip labeled vB4.1.8 otherwise for vBulletin 4.1.4 through 4.1.7 please use the .zip w/ the vB4.1.8 in the filename .
- Corrected "Array" template issue, required revision of template FORUMHOME.
- Corrected white background in member profiles, required revision of MEMBERINFO.

Updated on 11/28/2011
- Updated for 4.1.8, fixing double comma issues.
- Corrected CMS and Blog styling issues, style now requires a three part install of .xml files, one for the Forum, one for CMS, and Blog.

Updated on 12/5/2011
- Changed Forum Description to rgb(205, 205, 205) instead of the same "Orange" as the forum titles on forumhome.
- Moved Thread and post counts under forum description on forumhome, colored as rgb(205, 205, 205) and included a shrunken version of the stats image in front, followed by the wording "# threads containing # posts"
- Corrected Blog comment background issues.
- Added in transparent 1x1px transparent image and new <div> to make the logo clickable again. *Please note this is not a default feature, to make the logo clickable you must edit template header and find:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>

Remove the <comment> codes as shown in red:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>

This is how the code should now look:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></a></div>
</div>

*If you use a different logo than the stock "Avenger Blue" and your making it clickable via the method above, please change the width="#" and height="#" to the correct values i.e. the same width and height as your new logo .

Updated on 01/19/2013
- Updated for 4.2.1 and 4.2.2.
- Various misc. adjustments.

Updated on 01/27/2013
- Fixed scrollbar issue in both fixed and fluid width, scrollbar now displays properly and does not appear until window is resized (smaller).

*IMPORTANT*

To install the 4.1.8 Version:

1) Upload the contents of the UPLOAD Folder.
2) If for example you want the Fixed style installed then import the file:
*Please note, if you do not use the vBulletin Suite and have the Forum Classic version you only need to install the file vbulletin-style_Avenger_Blue_Fixed-Forum.xml.
a) Import the vbulletin-style_Avenger_Blue_Fixed-Forum.xml file first.
b) Merge in the vbulletin-style_Avenger_Blue_Fixed-CMS.xml (Options when uploading a style allow you to merge into a existing style, choose to merge this into the new style you just created using the Forum.xml.
c) Merge in the vbulletin-style_Avenger_Blue_Fixed-Blog.xml into the style, this has now updated the style for all three major products and the installation is complete!
3) Enjoy!
____________________

Please Note:

Some mods for example iBProArcade has css made for light/white styles, it will require updating said css as it does not use the vBulletin stylevars within the css so sometimes, for some mods you use, a css fix will be required when using dark styles such as this one. *If you post a link to the page in question or the CSS of said modifications I will do my best to help resolve those styling issues in my spare time or in the least, lead you in the right direction so you can sort it yourself .

////////////\\\\\\\\\\\\

Using [DBTech] vBNavTabs v1 (vB4) for a secondary navbar? Is it not showing correctly? If not do the following:

1) Edit template additional.css and find:

.navbar_wrapper {
        margin-top:-1px;
        border-left: 1px solid #707070;
        border-bottom: 1px solid #707070;
        border-right: 1px solid #707070;
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
}

Replace with:

.navbar_wrapper {
        margin-top:-1px;
        min-height:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_size.height}}px;
        border-left: 1px solid #707070;
        border-bottom: 1px solid #707070;
        border-right: 1px solid #707070;
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
}

2) In the same template i.e. additional.css also find:

.body_wrapper {
        margin-top: -104px;
	padding: {vb:stylevar body_padding};
	background: {vb:stylevar body_background};
        border: 1px solid #707070;
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
}

Replace with:

.body_wrapper {
        margin-top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_size.height} - 104}px;
	padding: {vb:stylevar body_padding};
	background: {vb:stylevar body_background};
        border: 1px solid #707070;
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
	-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
	box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
}

3) Edit template vbulletin-chrome.css and find:

.toplinks {
        min-width:600px;
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
        top: 61px;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

Replace with:

.toplinks {
        min-width:600px;
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
        top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_size.height} + 61}px;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

4) Now edit template navbar and find:

</div>
</div><!-- Closing div for navbar_wrapper -->
</div><!-- Closing div for above_body -->

Add as shown in blue:

</div>
<!-- start navbar2 -->
    <vb:if condition="$vboptions['dbtech_vbnavtabs_navbar2']">
        <div id="navbar2" class="navbar" style="margin-top:0px;z-index:99999 !important;">
            <ul id="navtabs" class="navtabs floatcontainer" style="border-bottom:{vb:stylevar navbar_tab_border};">
                                    {vb:raw template_hook.navtab_two}
            </ul>
        </div>
    </vb:if>
<!-- end navbar2 -->
</div><!-- Closing div for navbar_wrapper -->
</div><!-- Closing div for above_body -->

*Please note I have added the following to the style= code:

z-index:99999 !important;

^ Due to the fact the drop-down/popupmenu items of the top navbar we showing below the secondary.

And now your secondary navbar by DBTech shows .

____________________

Issue with [OzzModz] Style & Language Selector In NavBar?

Originally Posted by mitch84

conflict with this hack(ozzy), if activated menu disappears

Ok so in the mod options ensure you have this set to no:

Auto Deploy
Setting this to "Yes" will make the style & language selectors show in the navbar.

Set this to "No" to be able to use the variable, {vb:raw show.ozzmodz_style_lang_chooser} in your templates, to make it show where you want.

Then edit template ozzmodz_style_lang_chooser and find:

    <div style="margin-bottom:35px;">

Replace with:

    <div class="avbozzystyle">

Now in additional.css add this just below the .abimage css definition:

.avbozzystyle {
        float:right;
        clear:left;
        height:25px !important;
        background:transparent;
        margin-top:-25px !important;
        margin-right:45% !important;
}

Now in template header find:

                    <div class="ablogo">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>

Replace with:

                    <div class="ablogo">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
{vb:raw show.ozzmodz_style_lang_chooser}
</div>

That should sort it .

________________

Enjoy!