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

Posting/Commenting

Other

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