Where is CSS

[malizubair786]

Hello I want to know that where is CSS in vbulletin script to edit.

[HMBeaty]

CSS for what?

[malizubair786]

Like <template>bbcode.css</template>
<template>editor.css</template>
<template>popupmenu.css</template>
<template>reset-fonts.css</template>
<template>vbulletin.css</template>
<template>vbulletin-chrome.css</template>
<template>vbulletin-formcontrols.css</template>
</rollup>
- <rollup name="album-rollup.css">
<template>album.css</template>
<template>picture.css</template>
<template>postbit-lite.css</template>
</rollup>
- <rollup name="forumdisplay-rollup.css">
<template>toolsmenu.css</template>
<template>forumbits.css</template>
<template>forumdisplay.css</template>
<template>threadlist.css</template>
<template>options.css</template>
</rollup>
- <rollup name="forumhome-rollup.css">
<template>forumbits.css</template>
<template>forumhome.css</template>
<template>widgets.css</template>
<template>sidebar.css</template>
<template>options.css</template>
<template>tagcloud.css</template>
</rollup>
- <rollup name="memberinfo-rollup.css">
<template>sidebar.css</template>
<template>forumbits.css</template>
<template>postbit.css</template>
<template>postbit-lite.css</template>
<template>member.css</template>
<template>showthread.css</template>
</rollup>
- <rollup name="postbit-rollup.css">
<template>postbit.css</template>
<template>postbit-lite.css</template>
<template>postlist.css</template>
</rollup>
- <rollup name="showthread-rollup.css">
<template>toolsmenu.css</template>
<template>attachment.css</template>
<template>lightbox.css</template>
<template>poll.css</template>
<template>postbit.css</template>
<template>postlist.css</template>
<template>options.css</template>
<template>showthread.css</template>
</rollup>
- <rollup name="search-rollup.css">
<template>forumbits.css</template>
<template>postbit.css</template>
<template>postbit-lite.css</template>
<template>threadlist.css</template>
<template>search.css</template>
</rollup>
- <rollup name="socialgroups-rollup.css">
<template>album.css</template>
<template>friends.css</template>
<template>member.css</template>
<template>picture.css</template>
<template>socialgroups.css</template>
<template>threadlist.css</template>
<template>toolsmenu.css</template>
<template>sidebar.css</template>
</rollup>
- <rollup name="usercp-rollup.css">
<template>attachments.css</template>
<template>forumbits.css</template>
<template>forumdisplay.css</template>
<template>postlist.css</template>
<template>projecttools.css</template>
<template>threadlist.css</template>
<template>usercp.css</template>
</rollup>

[brandondrury]

They expect you to use the Style Variable Editor....which is bad if you know what you are doing with CSS and is bad if you don't know what you are doing with CSS.

You an overwrite the settings in the Style Variable Editor with additional.css (must edit the template). I have no idea why additional.css is it's own template because it simply renders down to an additional .css file when it seems to me it could just as easily be rendered in with the main rollup or whatever. It would be nice to have one less http request. I hear the vBulletin team is starting to get concerned about performance again, which is shocking and encouraging.

Brandon

[squidsk]

Originally Posted by malizubair786

Like <snip>

The css is located in the style manager under edit templates and look in the CSS Templates group. Do be sure to follow the advice of the other poster as some things, at least for consistency, should be edited in the style vars, also in the style manager.

Originally Posted by brandondrury

I have no idea why additional.css is it's own template because it simply renders down to an additional .css file when it seems to me it could just as easily be rendered in with the main rollup or whatever. It would be nice to have one less http request.

The reason that additional.css can't be added to main-rollup is that any css that came after main-rollup would overwrite the css in additional.css, so additional.css must be separate so that it can be included as the last css file to ensure none of the css within is overwritten.