Difference between revisions of "CSS: List of Elements"
(Structural changes and addition of some new elements. However, I propose the redoing of this page - see Talk:CSS: List of Elements) |
(→Side) |
||
| Line 34: | Line 34: | ||
==Side== | ==Side== | ||
| − | *div#side | + | *div#side <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">This is the sidebar.</span> |
| − | *div#user-menu-widget | + | *div#user-menu-widget <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">This is the blog description.</span> |
| − | *div#archives-widget | + | *div#archives-widget <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">Use this for the archives widget.</span> |
*div#shouts-widget | *div#shouts-widget | ||
*div#contrib-widget | *div#contrib-widget | ||
| Line 47: | Line 47: | ||
===Shouts=== | ===Shouts=== | ||
| − | *li.row1, li.row2 | + | *li.row1, li.row2 <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">Use these to select the individual shouts.</span> |
==Header== | ==Header== | ||
Revision as of 08:15, 30 November 2013
| 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.
Contents
Main Elements
- body
- div#wrapper
- div#content
Main Content
- div#main
Entries/Comments
- div.entry
- div.entrywrap
- div.comment
- div.commentwrap.row1
- div.commentwrap.row2
- div.message
- .entry h2 > img Selects the image to the left of the h2.
- div.efooter
- div.cfooter
- div.actions
- div.modactions
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
- div#navigation_box
- div#left_navigation_box
- div#right_navigation_box
Posting/Commenting
Other
- h1
- h2
- a
- span.hidden-text
- input
- select
- textarea
- inputbox
