Hi,

I have a colour theme which changes each month.  Instead of having 12 different 
stylesheets to cover for the year i wanted to have some CF code at top of my 
CSS page, something like:

<cfswitch expression="#thisMonth#">
<cfcase value="january">
<cfset myColour = "#08BF83">
</cfcase>
<cfcase value="february">
<cfset myColour = "#085F83">
</cfcase>
<cfcase value="march">
<cfset myColour = "#08B383">
</cfcase>
</cfswitch>

So when I get down to the part in the stylesheet which says:

a.preferences:hover {
        color: #FFFFFF;
        background-color: #8DC63F;
        padding-top: 0px;
        padding-right: 6px;
        padding-bottom: 0px;
        padding-left: 6px;
        border: 1px solid <cfoutput>#myColour#</cfoutput>;
        margin: 5px 4px;
        text-decoration: none;
        font-size: 10px;
}

I've never tried this, do CF tags work in CSS?

Thanks for you time,

Saturday

ps: for those North Americans... <cfset myColour = "myColor"> ;)
(it's actually looks weird seeing it written as 'colour' nowadays). 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Special thanks to the CF Community Suite Gold Sponsor - CFHosting.net
http://www.cfhosting.net

Message: http://www.houseoffusion.com/lists.cfm/link=i:4:188645
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to