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) |
|||
| Line 1: | Line 1: | ||
{{CSS}} | {{CSS}} | ||
This is a list of CSS elements that is used for the blogs in AoPS. | This is a list of CSS elements that is used for the blogs in AoPS. | ||
| + | |||
| + | NOTE: Text in <span style="color: #888;">gray</span> are comments designed for clarity and should not be included in your CSS. | ||
==Main Elements== | ==Main Elements== | ||
*body | *body | ||
| − | |||
*div#wrapper | *div#wrapper | ||
*div#content | *div#content | ||
| + | |||
| + | ==Main Content== | ||
*div#main | *div#main | ||
| − | == | + | ===Entries/Comments=== |
*div.entry | *div.entry | ||
*div.entrywrap | *div.entrywrap | ||
| − | *div. | + | *div.comment |
*div.commentwrap.row1 | *div.commentwrap.row1 | ||
*div.commentwrap.row2 | *div.commentwrap.row2 | ||
| + | *div.message | ||
| + | |||
| + | |||
| + | *.entry h2 > img <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">Selects the image to the left of the h2.</span> | ||
| + | *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== | ==Side== | ||
*div#side | *div#side | ||
| + | *div#user-menu-widget | ||
| + | *div#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]) <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 search widget, which does not have a specific ID.</span> | ||
| + | *div#feed-widget <span style="color: #888; margin-left: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">Appears only on the front page of a blog.</span> | ||
| + | |||
| + | ===Shouts=== | ||
*li.row1, li.row2 | *li.row1, li.row2 | ||
| Line 28: | Line 57: | ||
*div#left_navigation_box | *div#left_navigation_box | ||
*div#right_navigation_box | *div#right_navigation_box | ||
| + | |||
| + | ==Posting/Commenting== | ||
| + | <!-- Can't figure out what to put here --> | ||
==Other== | ==Other== | ||
Revision as of 07:16, 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
- div#user-menu-widget
- div#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
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
