Board Optimization - Digital Point Better CSS

About
This is something we use on digitalpoint.com to make the CSS better and more efficient.

Installation

• Upload the contents of the upload folder to your installation
• Install the product-digitalpoint_css.xml product under AdminCP -> Plugins & Products -> Manage Products -> Add/Import Product

You can see a live version in action here (on any page really): http://forums.digitalpoint.com/

Details
Rounded Corners
vBulletin 4 only supports rounded corners for Firefox, Chrome and Safari. This plug-in makes rounded corners also work in Opera and Internet Explorer.

Gradients
It appends some CSS markup to your primary CSS file that makes use of CSS3 gradients (gradients defined right in the CSS file itself). vBulletin uses 5-7 gradient images per page view normally, and this eliminates the need for the browser to download those images. CSS3 gradients are supported in Safari, Firefox, Opera and Chrome. For browsers that don't support CSS3 gradients, they will simply fall back to the normal image-based CSS gradients that vBulletin uses by default.

Notes
This plug-in is useful for sites that use vBulletin 4 default styles, or at least styles that utilize the same classes and methods for doing things within the CSS files.

This plug-in does NOT add any extra CSS files, nor does it edit your existing ones. Instead it appends some new info to the end of your main CSS file that comes from it's own template. It also adds an attribution link.

You can find more info here: http://products.digitalpoint.com/vbulletin-css.php

Changes
1.0.2

• CSS3 Gradient support for IE10 (early, I know... but it's there)
• Handles gradients in vB Suite Blog and CMS
• Works properly for CSS stored as files

Uninstallation: Automatic uninstallation is a bit of a catch 22... you need to compile templates to uninstall it, but vBulletin has no function built in to compile a group of templates. So uninstalling it removes the code needed to uninstall before the uninstall code is executed. So in order to uninstall this, disable just the one plug-in that is part of this product at the template_compile location, and then run Compile CSS Templates option under AdminCP -> Maintenance -> Update Counters. Once you do that, you can uninstall the whole product without any problems.

[digitalpoint]

No, I don't thInk it could have anything to do with it. It does nothing related to private messages. All it really does us alter CSS files from the admin control panel, and there is no CSS markup in the world that could inject extra data into your database (extra PMs).

[sivaganeshk]

I had blue color background in Entertainment http://i.imgur.com/IlIL5.jpg
After adding this plugin, it changed to grey.
how to change it in stylevar?

[digitalpoint]

You can't... This plug-in is only for stock(ish) styles (see first post).

[sivaganeshk]

Originally Posted by digitalpoint

You can't... This plug-in is only for stock(ish) styles (see first post).

Oh.. I uninstalled the product as instructed.
Still I cant see the old sategory head background.
http://i.imgur.com/9oXNk.jpg
Pls let me know which one should be changed in StyleVar ?

[RS_Jelle]

In vBulletin 4.1.3 border-radius was added (http://tracker.vbulletin.com/browse/VBIV-4888), so you don't need to replace it any more. If you run this mod on 4.1.3, you will get two border-radius instances.
+ It only seems to replace the webkit part and it's not removing the mozilla part like it should.

So you get:

.bbcode_quote div.quote_container {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
}

[digitalpoint]

Leaving -moz-border-radius was intentional since it was only recently supported with Firefox 4.

[RS_Jelle]

Originally Posted by digitalpoint

Leaving -moz-border-radius was intentional since it was only recently supported with Firefox 4.

Ah, I thought your intention was to strip all old browser stuff

[The Vegan Forum]

Also posted at digitalpoint.com:

DPs CSS plugin gives Sidebar background wrong color


After having installed Digital Point's CSS plugin for vBulletin 4, I've lost control over the color of the forum sidebar. I'm have both tried the old forum_sidebar_background Stylevar, and the new (functioning) Stylevar called sidebar_background, but the background color of the forum sidebar doesn't obey. This is when using the default vB4 skin*. I'm using version 4.1.4.

Any suggestions?

* and other skins.

[The Vegan Forum]

I need to deinstall this product ASAP, since it has messed up some Stylevar-functionality. But I have no idea what "disable just the one plug-in that is part of this product at the template_compile location" means. Can anyone please explain? Thanks.

[sivaganeshk]

@Vegan: I think , it is AdminCP ---> Plugin and Products ---> Plugin Manager . Under the Product : Digitalpoint CSS, you will see template_compile location ---> Uncheck the Active and save. Follow the remaining steps.