Sitewide vs homepage CSS code

TallPhotoGuy

All my CSS code is site wide in My Theme. Part of the code contains code for transparency when the mouse hovers over the photo. My Homepage contains photos with no action on the mouse click. Since the transparency effect is miss-leading on the homepage I added a CSS content block to the homepage and added the transparency code but changed the opacity to 1.0. It seems to work. Is this the proper and best way to do this.

/* Make the folder images slightly transparent when the mouse hovers over it */
.sm-user-ui .sm-tiles .sm-tile-content:hover {
opacity: 1.0;
/* Have the transparency fade in */
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
transition: all 0.15 ease-in;
}

Hikin' Mike

If it works, then I wouldn't worry about it. I can't check if it works on my computer because you didn't list your site. If you still want to put all of your CSS into your theme's CSS, then you can add the '.sm-page-home':

/* Make the folder images slightly transparent when the mouse hovers over it */
.sm-user-ui [B].sm-page-home[/B] .sm-tiles .sm-tile-content:hover {
    opacity: 1.0;
/* Have the transparency fade in */
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
} 

I noticed you missed the 's' here in red:

/* Make the folder images slightly transparent when the mouse hovers over it */
.sm-user-ui .sm-tiles .sm-tile-content:hover {
    opacity: 1.0;
/* Have the transparency fade in */
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15[COLOR=Red]s[/COLOR] ease-in;
    } 

TallPhotoGuy

Are you suggesting that it is better to have all of your CSS code as a content block(s) vs having it in one's theme and maybe some in a content block or it depends?

Hikin' Mike

Not at all, although I put all of my CSS in my custom theme's CSS. Just thought if you wanted to go that route, that's one way.