Suite Style - vBulletin Modern Theme - By Technidev

Mark as installed = get support.

Information
This theme is based on the mock-ups made by a former IB/vBulletin employee. I don't have any names unfortunately.
This style has been tested on Microsoft Edge, Firefox 43, Chrome 48.
This style supports vBulletin's suite. (CMS/blog/articles)
This style should work fine on resolutions with a width of at least 900 pixels.
This style works best with postbit_legacy (vertical postbit).
This style has been confirmed working on the following versions but should work on most vBulletin 4 versions: 4.2.1, 4.2.2, 4.2.3, 4.2.4, 4.2.5.

Please post any bugs, mistakes or improvements in this thread.
I also added an additional feature to it which is the quote expander, it will do that to any quote of which the height is more than 250 pixels.

Screenshots






Installation

1. Download attached .zip file and unzip somewhere.
2. Upload contents of the UPLOAD folder to the "images" folder of vBulletin.
3. Import the .xml file in the IMPORT folder at AdminCP > Styles & Templates > Download / Upload Styles > Import Style XML File. Make sure to check "Ignore Style Version".

Change Log
v1.0.3: Fixed width of forum title being too big.

How to modify the footer?
Open the footer template and scroll down. You will see the divs that contain the hyperlinks, description and social media hyperlinks.

How to modify the logo?
Modify the "titleimage" style variable.
AdminCP > Styles & Templates > Style Manager > vBulletin Modern > Style Variable Editor > titleimage.

How to remove the quote expand functionality?
Modify the "showthread" template and scroll all the way down until you see the script that does this and remove it.

How to change the height of the quote expand functionality?
Modify the "showthread" template and scroll all the way down until you see the script that does this and modify all "250" to your desired height.

==
Like this theme and want to support me for more themes in the future? Donations of any amount are welcome.
Are you using this theme as a default theme on your forum? Post your forum link here, I'd love to check out your forum.

.

[Max Taxable]

Originally Posted by Dave

Fixed, uploaded new zip file. Thanks for the heads up.

That was the ticket - although I fixed this myself by creating the "modern" folder on the server the script was calling for, and uploaded the images there.

One little gripe and might be just me - but we cannot see the navbar options until we hover over them. Navbar is just white with white type for the options, until we hover, and only the ones that have a hover are ever visible..

[Dave]

That's weird, it doesn't show like that to me on a default vBulletin installation with the theme installed.
Do you know what class is making it turn white?

[MarkFL]

Originally Posted by Max Taxable

That was the ticket - although I fixed this myself by creating the "modern" folder on the server the script was calling for, and uploaded the images there.

One little gripe and might be just me - but we cannot see the navbar options until we hover over them. Navbar is just white with white type for the options, until we hover, and only the ones that have a hover are ever visible..

I'm not experiencing that issue, the navbar displays correctly.

[Max Taxable]

Originally Posted by Dave

That's weird, it doesn't show like that to me on a default vBulletin installation with the theme installed.
Do you know what class is making it turn white?

I think because my default theme is dark, and you're calling the same stylevar there? Pretty sure this is just me and I just need to dig around and see what I can work out.

[Max Taxable]

I changed stylevar 'navbar_link_color' to #2b5071 and that got me my options visible, but now when we hover we lose the link color in the BG.

[Elixar]

<a href="https://vborg.vbsupport.ru/showthread.php?t=95910" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=95910</a>

As soon as I restricted this style to a usergroup, the theme ended up breaking pretty much and has all the links, but reverted to the default style.

[MarkFL]

Hey Dave,

I noticed that when clicking the "Top" link at the bottom of the page, you are not quite taken to the top of the page. The "margin-top: 10px;" attribute applied to the anchor tag containing the logo image is the culprit. If that CSS is applied to the image within the anchor tag instead, then it works correctly and looks the same. This involves locating the selector in the "additional.css" template:

.logo-image{
   margin-top: 10px;
   margin-left: 15px;
}

and changing it to:

.logo-image img{
   margin-top: 10px;
   margin-left: 15px;
}

[MarkFL]

Here are a couple of other changes I recommend:

ON user profile pages, the text within <dd></dd> elements is too light. I changed (in "additional.css") the following selector:

dl.stats dd{
   color: {vb:stylevar shadow_color};
}

to

dl.stats dd{
   color: {vb:stylevar secondarycontent_color};
}

Next, I notice the page control above the visitor messages has an unneeded top margin:



The fix for that is to add to "additional.css":

#view-visitor_messaging #above_postlist {
	margin-top: 0;
}

I didn't want to edit the selector already being applied since it could break something elsewhere.

[Paulski01]

This really is beautiful! Many thanks!

[Dave]

Thanks for the comments.
@MarkFL, thanks! I will apply it soon to the attachment.