CSS: List of Elements

CSS

Basics - Backgrounds - Text - Box Model - Selectors and Combinators - Pseudo-class and Pseudo-element - Gradients - Animations and Transitions - CSS in AoPS - List of Elements

This is a list of CSS elements that is used for the blogs in AoPS.

NOTE: Text in gray are comments designed for clarity and should not be included in your CSS.

Main Elements

• body
• div#wrapper
• div#content

Main Content

• div#main

Entries/Comments

• div.entry Includes the blog entry and its title
• div.entrywrap Includes the blog entry minus its title
• div.comment
• div.commentwrap
• div.message The area containing actual text of the message or comment

• .entry h2 > img Selects the image to the left of the h2.
• div.efooter
• div.cfooter
• div.actions
• div.modactions

Polls

• div.cmty-poll-display
• div.cmty-poll-result-bar

Misc.

• p#post-new-entry-p
• img#post-new-entry-img
• a#post-new-entry
• div.total-posts

Side

• div#side This is the sidebar.
• div#user-menu-widget This is the blog description.
• div#archives-widget Use this for the archives widget.
• div#shouts-widget
• div#contrib-widget
• div#tags-widget
• div#categories-widget
• div#about-owner-widget
• div#stats-widget
• div.widget:not([id]) This is the search widget, which does not have a specific ID.
• div#feed-widget Appears only on the front page of a blog.

Shouts

• li.row1, li.row2 Use these to select the individual shouts.

Header

• div#header
• div#header h1

Navigation Box

• div#navigation_box
• div#left_navigation_box
• div#right_navigation_box

Other

• h1
• h2
• a
• span.hidden-text
• input
• select
• textarea
• inputbox