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) |
(→Polls) |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 13: | Line 13: | ||
===Entries/Comments=== | ===Entries/Comments=== | ||
| − | *div.entry | + | *div.entry <span style="color: #888;">Includes the blog entry and its title</span> |
| − | *div.entrywrap | + | *div.entrywrap <span style="color: #888;">Includes the blog entry minus its title</span> |
*div.comment | *div.comment | ||
| − | *div.commentwrap | + | *div.commentwrap |
| − | + | *div.message <span style="color: #888;">The area containing actual text of the message or comment</span> | |
| − | *div.message | ||
| Line 26: | Line 25: | ||
*div.actions | *div.actions | ||
*div.modactions | *div.modactions | ||
| + | |||
| + | ===Polls=== | ||
| + | *div.cmty-poll-display | ||
| + | *div.cmty-poll-result-bar | ||
===Misc.=== | ===Misc.=== | ||
| Line 34: | Line 37: | ||
==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 50: | ||
===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== | ||
Latest revision as of 14:15, 15 August 2015
| 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 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
- div#navigation_box
- div#left_navigation_box
- div#right_navigation_box
Posting/Commenting
Other
- h1
- h2
- a
- span.hidden-text
- input
- select
- textarea
- inputbox
