Code Snippet: CSS for when you like Crisped but don't like ALLCAPS

[rise]

foxfirefey suggested we post this here after we posted to style_system. We'd somehow never realized we could also post code snippets and layout mods. Sorry about that!

Title: CSS for when you like Crisped but don't like ALLCAPS
Credit to: flatlanders
Base style: Crisped
Type: Code Snippet
Tested in: Chrome 14.0.835.186, Fluid 0.9.6, Safari 5.1

We'd been noticing among a few people we know that there are some who really, really like Crisped, but don't want to use it because they can't figure out how to get rid of the forced ALLCAPS that are just about everywhere in it. So, we threw together some Custom CSS to get rid of all the forced uppercase:

/* REMOVING ALL THE UPPERCASE FROM CRISPED */ h1#title, h2.module-header, h3.entry-title, div.ContextualPopup, div.ContextualPopup .Relation, div.tag ul, span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, span.tag-text, table.month th, ul.entry-interaction-links li, .comment .footer, .comment-poster, .datetime, .journal-name, .journal-website-name, .manage-link, .manage-tags-link, .metadata, .module-calendar th, .module-calendar td.empty-day, .module-calendar td.entry-day, .module-navlinks ul.module-list, .month h3, .navigation, .page-icons .icons-container h2, .page-tags .tags-container h2, .tag, #lj_controlstrip td, #lj_controlstrip_input { text-transform: none; }

If you don't like the forced lowercase in the header, you can also use this:

/* removing all the lowercase from crisped */ h2#subtitle, h2#pagetitle { text-transform: none; }

And finally, because the decreased letter-spacing can make the navigation menu and header hard to read for some people, especially after removing the allcaps, here's some css that fixes the letter-spacing, too:

/* l e t t e r - s p a c i n g */ #header, .module-navlinks { letter-spacing: normal; }

Hoping this helps!

Comments

[dragonfly]

Thanks! I liked getting rid of the forced lowercase in the header.

[got_swagger]

Thank you so much for this!