function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

Calling css from vf page to antoher vf page

Hi ,


   I came with one issue . I have a vf with Css and alsi used static resources alo used in  the css. now this  css  is  using in all toher vf pages. i am calling css  in other vf pages with attribute  styleclass="----", but  css is  not  calling, How


 sample Example  is  in the first vf page:  



<apex:page cache="true" showHeader="false" contentType="text/css">


ibtLargeContentContainer h2, .ibtContentSplitPrimary h2, .ibtContentSplitSecondary h2 {
width: 100%;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
margin-bottom: 14px;

/***** home *****/

.ibtHomeContainer .ibtContentSplitPrimary, .ibtHomeContainer .ibtContentSplitSecondary {
margin-bottom: 20px;

.ibtHomeContainer {
font-size: 13px;

.ibtHomeContainer .ibtHomeIdeaList {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left bottom;

.ibtHomeContainer .ibtHomeIdeaList .ibtHomeIdeaListTop {
background: transparent url( {!$Resource.image_sectionMediumPlain} ) no-repeat scroll left top;


Like that i have around 1500 line of css code  is there.



and this  css code in another vf pages with style class directly like

<apex:page controller="IdeaController" showHeader="false">

<apex:composition template="ideaLayoutWrapper">-->
<apex:define name="content">
<apex:outputPanel styleClass="ibtAboutContainer" layout="block">
<apex:image value="{!aboutBannerImageUrl}" rendered="{!!ISNULL(aboutBannerImageUrl)}" styleClass="ibtAboutBanner" />
<apex:outputPanel styleClass="ibtLargeContentContainer" layout="block">
<apex:outputPanel styleClass="ibtLargeContentTop" layout="block" />



when run this  page  css is not calling, , when  when  i place whole  css code in other page it's working  fine,  what is the proble , can any oe help me to solve this  issue