2.0.1 CSS

 

Global CSS 

 

Home 

 

Header 

 

Menu 

 

FOOTER 

 

Photos 

List 

photos_container - container element that contains all of the photos section. 

list view is broken down into two colums each with several sections: 

Left Column  

Top Menu - Quick Links to Most Recent, Random, Most Viewed, Top Rated, etc. Each tab is contained in a cell of a table. 

list_sublinks_menu- The parent element of each link tab ( default: <table> ) 

list_sublinks- Style element for each tab link ( does not include font-styling ) 

Media Slides - Each section which contains images uses a global style for the media slides, refer to the Media Slides section for documentation. 

Right Column 

New Photo - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Tags - The tags also uses a global style for tags on the side bar, refer to Tags section for documentation. 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

Show 

gallery_container- contains all the elements of the show view 

the photo show view is broken down into 3 columns 

Left Column  

gallery_object - parent element for following elements, uses bg image "gallery_bgfade.gif" 

Media View - Shows the selected media 

gallery_picture- container element for displayed picture 

Details - information about this picture 

gallery_bar- Container that holds the title of the picture/tags 

gallery_infotext- Container for description and conrributer 

gallery_infotext_tab- Style for giving description a first line tab 

gallery_infoextra- Container for the rating/ views, comments statistics 

gallery_infoicons- Container for function links, ( flag, favorite, etc) 

galleryinfo_views- Style for each statistic ( does not include font-styling )  

gallery_infotext_label- Style for the label associated with the Embed/Url link forms 

gallery_tags- Style for tags listing 

New Comments - Create a new comment section 

comment_createbox- container for the new comment form 

comment_createbox_head- style for the header of the comment for 

postcomment_textarea- style for the text area input for the new comment form 

Comment List - List of the comments for this photo, uses a global style for comments 

Center Column 

Search Box - Allows you to search for photos 

sidebar_search- The container for the search box 

sidebar_search_text- Style for the text that goes above the search bar 

sidebar_search_input- Style for the input box for the search 

sidebar_search_button- Style for the input button  

Find More Content - Helps users find similar content 

findmore_tabs- container for tabs for the similar content 

sidebar_findmore_tabin- style for the inactive tab 

sidebar_findmore_tab- style for the active tab 

sidebar_findmore- container for the list of similar items 

list_viewtype- style for the number of items, and which you are currently viewing 

findmore_entry- container row for each similar item 

findmore_pic- style for the thumbnail of the similar item 

findmore_name- style for the title of the similar item 

findmore_details- style for the details of the similar item 

Right Column 

Featured Media - Quick links to featured media items 

smside_feature- container for the featured media section 

smside_feature_header- style for the header text in this section 

 

Videos (differences from photos only) 

List 

photosvideos_container - container element that contains all of the photos section. 

Show 

Media View - Shows the selected media 

gallery_video- container element for displayed video 

Songs (differences from photos only) 

Show 

Media View - Shows the selected media 

gallery_song- container element for displayed song 

 

 

Blogs 

Latest Blog Updates (Index)- Shows the most recent blog entries, each entry is on its own "panel" which is defined by blog_panel classes 

Left Column 

blogpanel- Container for the rounded corner boxes 

blogpanel_top- top background image for the box 

blogpanel_center- container for content in the box 

blogpanel_bottom- bottom background image for the box 

blogpanellight_*- Similar to blogpanel and its parts, different background color/images 

Header - Simple header, uses blogpanel 

Blog Entry - Individual recent blog entries, uses blogpanellight 

newblog_thumb- thumb of the blog owner's profile picture 

newblog_text- text right under the thumb 

newblog_title- contains title, date and author of the article 

newblog_summary- the first few sentences of the article 

Paging - page between more recent/less recent blogs, uses blogpanel 

Right Column 

Manage Blog - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Tags - The tags also uses a global style for tags on the side bar, refer to Tags section for documentation. 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

Blog Management (Myblog) 

Left Column 

myblog_title- Title of the article 

indentline_top- style that adds an indent with a color bar to an element 

myblod_details- container for the detail elements (created on, views) 

myblog_summary- element that holds the first few sentences of the article 

Right Column 

New Article - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

New - Page to create new blog articles 

blogform_group- container for the creation form 

blogform_header- style for the header text 

blogform_text- style text used to pad elements underneath the header 

blogform_textarea- style for the text area input element  

 

Forums 

forum_containter- container for the forum pages, house all other elements 

Index - Lists all the forum categories available and forums within them 

forum_group- container for the list of forums 

forum_grouptitle- container for the header elements 

group_title- column header element stating the forum category 

group_topiccount- column header element for the topic count 

group_postcount- column header element for the post count 

group_lastpost- column header element for the last post 

forum_forum- container for the forum list in a specific category 

forum_icon- element for the forum icon (representing new posts) 

forum_title- element for the forum title 

forum_detail- element for the forum details, the description under the title 

forum_topiccount- element for the topic count of the forum 

forum_postcount- element for the post count of the forum 

poster_name- style for the name of the last post 

poster_detail- style for the details of the last post 

Forum Topics - Lists the topics in the selected forum, elements have slightly different purposes in this page than in index 

forum_group- container for the list of topics 

forum_grouptitle- container for the header elements 

group_title- column header element for the title 

group_topiccount- column header element for the topic count 

group_postcount- column header element for the post count 

group_lastpost- column header element for the last post 

forum_forum- container for the list of topics 

forum_icon- element for the topic icon (representing new posts) 

forum_title- element for the topic title 

forum_detail- element for the author, under the title 

forum_topiccount- element for the topic count of the forum 

forum_postcount- element for the post count of the forum 

poster_name- style for the name of the author of the latest reply 

poster_detail- style for the details of the last reply 

Forum Post - Shows the original post and all replies to the post 

forum_post- container for the post thread 

forum_topbuttons- container for the top navigation buttons 

forum_thread- multiple elements, each containing an individual thread post 

post_pic- profile picture of the poster 

post_mini- container for the quick icons next to the picture 

post_miniicon- icon element for the quick link icon 

post_author- element for the author of the post/reply 

post_postcount- element for the author's post count ( used for other information as well, location, date joined ) 

post_content- container containing the body of the post and other information 

post_title- element for the title of the post 

post_details- element used for post/reply details ( date, author ) 

post_options- container for the options that can be applied to this post, delete, edit, etc 

post_body- container for the actual text of the post/reply 

Reply / New Post - Uses the standard global style for forms, refer to the forms section for documentation 

 

Groups 

Show 

Left Column  

Top Menu - Quick Links to Most Recent, Random, Most Viewed, Top Rated, etc. Each tab is contained in a cell of a table. 

groups_links- The parent element of the link tabs ( default: <table> ) 

groups_links_inac- Style element for each tab link ( does not include font-styling ) 

Group Data - General group information section  

groups_title- container for the title and url 

groups_grouppic- element for the group picture 

groups_data- element for the label of the corresponding info field 

groups_data_info- element for the info field for the corresponding label 

groups_buttons- container for the button links on the side 

Group Media Menu - Menu giving links to all of the group media, same style as the top menu 

groups_links- The parent element of the link tabs ( default: <table> ) 

groups_links_inac- Style element for each tab link ( does not include font-styling ) 

Group Media Slides - Each section which contains images uses a global style for the media slides, refer to the Media Slides section for documentation. 

Right Column 

New Group - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

New - Uses the standard global style for forms, refer to the forms section for documentation 

Index 

Left Column  

Top Menu - Quick Links to Most Recent, Random, Most Viewed, Top Rated, etc. Each tab is contained in a cell of a table. 

groups_links- The parent element of the link tabs ( default: <table> ) 

groups_links_inac- Style element for each tab link ( does not include font-styling ) 

Group List - A list of the groups availiable 

group_list- the container for the list of groups 

group_indent- element to indent header text slightly (group counter) 

group_entry- each entry in the list is contained in this element 

group_image- container for the group's image 

group_data- container to hold other group data 

group_name- element for the name of the group 

group_description- element for the group's description 

group_tags- element to hold the tags associated with this group 

group_details- element for the miscellaneous group details 

group_clear- element used to for a break after floating elements 

Right Column 

New Group - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Tags - The tags also uses a global style for tags on the side bar, refer to Tags section for documentation. 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

 

People 

Index 

Left Column  

Top Menu - Quick Links to Most Recent, Random, Most Viewed, Top Rated, etc. Each tab is contained in a cell of a table. 

people_links- The parent element of the link tabs ( default: <table> ) 

people_links_inac- Style element for each tab link ( does not include font-styling ) 

People List -Uses a global style for the media slides, refer to the Media Slides section for documentation. 

 

Right Column 

Sign Up! - this section uses the global style for similar buttons, refer to New Content section for documentation. 

Seearch - Allows you to search throught profiles 

smside_search- container for the search section 

smside_search_input- style for the input object in the serach 

smside_search_button- style for the button object in the search 

Advertisement (160 x 600) - this section uses a global style for advertisements on this type of side bar, refer to Advertisements for documentation. 

 

Answers 

 

Profiles 

 

Feed 

 

Text 

There are several built in style options for formatting text 

smallgraytextfont-size:9ptfont-weight:normalcolor:#777777 

normaltextfont-size:10ptfont-weight:normal 

large16textfont-size:16ptfont-weight:bold 

large20textfont-size:20ptfont-weight:bold 

large30textfont-size:30ptfont-weight:bold 

large14textfont-size:14ptfont-weight:bold 

 

Links 

In addition to the standard link colors there are several classes which have differnt links 

whitelink- Used to make white links on dark backgrounds 

trimlink- Used to color the links on the top trim 

gallery_tags- Used to color tag links 

 

 

Spacers 

Several general horizontal spacers exist as well 

hrline - creates a line with margin: 4px 10px 4px 10px, and a single pixel dashed line 

strline - same as above, only with a solid line 

 

 

Forms  

There is a general form template that is applied to most forms across the site 

form_container- the container element for the entire form 

form_title- the title of this particular form is in this element 

form_subtitle- the sub text right under the title 

form_questionbox- this is the container that holds both form_question and form_answer 

form_question- the element that proposes either the question or the section of the forum, on the left side 

form_subquestion- the subtext underneath the form_question 

form_answer- element that contains the interactive portion of the form, where answers and selections are made 

form_text- element that styles text in the answer portion 

form_textarea- style for the text area inputs 

form_drop- style for the select drop down menus 

form_buttons- container for the buttons, submit, cancel. outside of form_questionbox 

 

 

Media Slides 

The media slides classes are used on several pages, these are the classes and their descriptions 

slide_header - the title for this specific instance 

slide_morelink - the class for for the "view more!" link that appears across from the title 

slide_group- a container element to hold the pictures 

slide_pic- the element for the image 

slide_name- element that goes under the image, can hold any variety of details 

 

 

New Content 

New Content Button - the button that appears on the side bar on many pages, a quick link to creating new content 

smside_new- The container for the button 

smside_new_text- text that will appear on the button 

 

Tags 

Sidebar Tags - these tags appear on most pages with a side bar and media that is taggable 

smside_tags - container for the tags 

nube#- # is a number 1 through 6, each style corresponds to a different size tag. the larger, the more tags of this sort 

 

Advertisement 

Advertisement sections use the appropriate sized ad as defined in the admin panel 

Tower 160 x 600 

smside_advert- the class generally used for a 160 x 600 Tower Advertisement 

 

Comments 

 

Buttons 

Many common buttons use a variety of classes to give it a certain icon/color, the following is a list of available classes for buttons. 

button_cancelbutton_edit 

button_previewbutton_report 

button_submitbutton_answer 

button_prevbutton_prev_gray 

button_nextbutton_next_gray 

button_new 

 

The following are button classes used in groups 

button_bulletinbutton_photo 

button_topicbutton_film 

button_invitebutton_leave 

 

Ajax