Codex tools: Log in
This attempt to document the CSS files in WordPress was outdated before it was even created. See User:Drummonds/style.css_Reference for a newer reference.
This article was started by Scott Drummonds using the documentation found at http://blog.nuclearmoose.com/wp-docs/wp-layout-explained.htm. That document's contents do not accurately describe the contents of WordPress 1.5's wp-layout.css file. So, until this warning is removed, place little faith in this document and correct anything that you know to be in error!
Known issues (please help update/correct!):
This document will describe each item that can be configured in wp-layout.css. This page is not meant to serve as a reference on cascading style sheets. For information on CSS in general, with nothing specific to WordPress, see the CSS Resources section on this Wiki.
Alphabetical list of items in wp-layout.css:
COMMENTFORM is a DIV to hold your comment form. Notice any pattern to how the selectors are named? You will see it used like this: <div id="commentform"> This compound selector is defining the style for both the input and text areas.
CONTENT is the DIV that holds your posts.
CREDIT class is used along the bottom of the INDEX.PHP to style the link to WordPress
HEADER is used to format the h1 tag for the title of your site. In INDEX.PHP you will see it used like this: <div id="header">.
HEADER A styles the linked title text -- In INDEX.PHP you will see it used like this: <h1 id="header">.
HEADER A:HOVER is a pseudo-class that styles the hyperlink on mouse-over.
MENU is the name of the DIV that contains your sidebar stuff. In INDEX.PHP you will see it used like this: <div id="class">.
RAP is the overall DIV used to hold all of the page contents. In INDEX.PHP you will see it used like this: <div id="rap">.
FEEDBACK class styles the "Comments" text at the bottom of your post.
META class is used to style the META section of the MENU and the FILED UNDER text in the posts.
POST class is NOT defined in default WP-LAYOUT.CSS -- In INDEX.PHP you will see it used like this: <div class="post"> -- You could use this to style individual posts within the CONTENT DIV.
STORYCONTENT class styles the DIV that holds your story text -- In INDEX.PHP you will see it used like this: <div class="storycontent">.
STORYTITLE class is used to style the h3 tag -- This is also the style of the Permalink. In INDEX.PHP you will see it used like this: <h3 class="storytitle">.
a, abbr, acronym, blockquote, body, caption, cite, form, h1, h2, h3, img, input, li, p, small, td, th, textarea, ul: Not WordPress-specific. See general CSS documentation.</nowiki>