Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/html/community/application/libraries/Scaffold/modules/NestedSelectors/NestedSelectors.php on line 300
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/html/community/application/libraries/Scaffold/modules/NestedSelectors/NestedSelectors.php on line 303
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/html/community/application/libraries/Scaffold/modules/Formatter/Formatter.php on line 310
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/html/community/application/libraries/Scaffold/modules/Formatter/Formatter.php on line 339
/* Modified */
/*
DEFAULT STYLES FOR THIS THEME
*/
/* Global member photos and icons */
img.main
{
max-width: 720px;
max-height: 720px;
}
img.thumb_normal
{
max-width: 140px;
max-height: 160px;
}
img.thumb_profile
{
max-width: 200px;
max-height: 400px;
}
img.thumb_icon
{
width: 48px;
height: 48px;
}
img.main,
img.thumb_normal,
img.thumb_profile,
img.thumb_icon
{
border: 1px solid #ddd;
}
/*
GLOBAL MIXINS
These groups of styles called "mixins" are included in other
classes throughout the stylesheet.
*/
/* Gives an element a background and/or border */
/* Gives an element a drop shadow */
/* Gives an element rounded corners. */
/* Prevents users from selecting contents */
/* */
/*
ACTIVITY FEED COMPOSER FORM
These styles are used for the small form that sits
above the activity feed,
allowing members to post.
*/
.activity-post-container
{
margin-bottom: 10px;
background: none;
border: none;
margin: 0px 0px 10px 0px;
padding-right: 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.activity-post-container .buttonlink
{
display: none;
}
form.activity
{
padding: 7px;
overflow: hidden;
}
form.activity > div > input[type=text],
form.activity > div > textarea
{
width: 99%;
}
#activity_body
{
width: 75%;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
font-size: 1.2em;
}
#compose-submit
{
width: 50px;
}
.compose-menu
{
margin-top: 0px;
display: inline-block;
vertical-align: middle;
}
/*
ACTIVITY FEEDS
These styles are used for the recent activity
feed shown on the main portal page,
as well as
any other activity feeds shown elsewhere.
*/
ul.feed
{
clear: both;
}
ul.feed > li
{
padding: 0px 0px 10px 0px;
overflow: hidden;
}
ul.feed > li + li
{
padding-top: 10px;
border-top-width: 1px;
}
ul.feed .feed_item_generated
{
color: #999;
}
ul.feed .feed_item_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
line-height: 0px;
font-size: 0px;
}
ul.feed .feed_item_photo > a
{
text-decoration: none;
}
ul.feed .feed_item_photo > a > img
{
display: block;
}
ul.feed .feed_item_body
{
overflow: hidden;
}
ul.feed .feed_item_username
{
font-weight: bold;
}
ul.feed .feed_item_date
{
font-size: .8em;
color: #999;
padding-top: 1px;
}
ul.feed .feed_item_date > ul
{
line-height: 1em;
}
ul.feed .feed_item_date > ul > li
{
display: inline-block;
vertical-align: middle;
}
ul.feed .feed_item_icon
{
margin-top: 3px;
padding: 1px 0px 3px 0px;
padding-left: 20px;
background-repeat: no-repeat;
}
ul.feed .feed_item_bodytext
{
display: inline;
word-wrap: break-word;
}
ul.feed .feed_item_attachments
{
overflow: hidden;
padding: 10px 10px 3px 10px;
}
ul.feed .feed_attachment_core_link
{
overflow: hidden;
}
ul.feed .feed_attachment_core_link > div
{
overflow: hidden;
width: auto;
}
ul.feed .feed_attachment_core_link > div > a
{
display: block;
float: left;
}
ul.feed .feed_attachment_core_link > div > a > img
{
display: block;
max-width: 100px;
}
ul.feed .feed_attachment_core_link > div > a + div
{
overflow: hidden;
padding-left: 8px;
}
ul.feed .feed_attachment_core_link > div > a + div > a
{
font-weight: bold;
}
ul.feed .feed_attachment_photo
{
display: inline-block;
overflow: hidden;
margin: 0px 0px 5px 0px;
vertical-align: top;
}
ul.feed .feed_attachment_photo a
{
display: block;
float: left;
}
ul.feed .feed_attachment_photo a > img
{
display: inline-block;
max-width: 90px;
max-height: 90px;
vertical-align: top;
}
ul.feed .feed_item_link_title
{
font-size: .8em;
font-weight: bold;
margin-bottom: 2px;
}
ul.feed .feed_item_link_desc
{
font-size: 0.8em;
}
ul.feed .comments
{
width: 360px;
}
ul.feed .comments textarea
{
font-size: 8pt;
}
ul.feed .comments textarea + button
{
display: none;
font-size: .8em;
}
ul.feed .comments textarea:focus + button
{
display: block;
}
ul.feed .comments > ul > li > div > a > img
{
width: 32px;
height: 32px;
}
ul.feed .comments ul.comments_date > li
{
display: inline-block;
vertical-align: middle;
}
ul.feed span.view_more .view_more_link
{
display: inline-block;
background-image: url(/community/application/modules/Activity/externals/images/more.png?c=156);
background-repeat: no-repeat;
padding-left: 10px;
}
ul.feed span.view_more .view_less_link
{
display: inline-block;
background-image: url(/community/application/modules/Activity/externals/images/less.png?c=156);
background-repeat: no-repeat;
padding-left: 10px;
margin-left: 7px;
}
ul.feed .feed_item_posted .view_more_link,
ul.feed .feed_item_posted .view_less_link
{
font-size: .8em;
}
div.feed_viewmore
{
border-top-width: 1px;
padding-top: 5px;
}
/* activity feed items and comments */
ul.feed .feed_item_date > ul > li.feed_item_option_delete,
ul.feed .feed_item_date > ul > li.feed_item_option_share,
ul.feed .comments ul.comments_date .comments_delete
{
display: none;
}
ul.feed > li
{
border-top-width: 1px;
padding-top: 10px;
}
ul.feed .comments
{
width: 100%;
}
ul.feed .comments li
{
border: none;
}
ul.feed .activity-comment-form > textarea
{
font-size: 1.1em;
width: 99%;
}
ul.feed .activity-comment-form > button
{
margin-top: 3px;
}
.comments
{
width: auto;
}
.comments .comments_options
{
text-align: center;
}
.comments > ul > li
{
border: none;
}
.comments > form textarea
{
width: 99%;
font-size: 11pt;
}
.comments > form button
{
font-size: 11pt;
}
/* */
/*
ANNOUNCEMENTS WIDGET
Used to display announcements.
*/
#announcements
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 7px;
border-top-width: 1px;
margin-bottom: 15px;
}
/* ITEM TYPE ICONS */
.item_icon_announcement
{
background-image: url(/community/application/modules/Announcement/externals/images/types/announcement.png?c=156);
}
/* */
/*
COMPOSE BLOG ENTRY
Styles the compose blog entry form.
*/
#blogs_create div.form-label
{
float: none;
text-align: left;
margin: 0px;
padding: 0px 0px 5px 0px;
}
#blogs_create div.form-element
{
float: none;
}
/*
BROWSE BLOGS
Styles the browse blogs page and the
manage blog entries page.
*/
#show-wrapper
{
display: none;
}
ul.blogs_browse
{
clear: both;
}
ul.blogs_browse > li
{
clear: both;
padding: 0px 0px 15px 0px;
}
ul.blogs_browse > li + li
{
border-top-width: 1px;
padding-top: 15px;
}
ul.blogs_browse > li .blogs_browse_photo
{
float: left;
overflow: hidden;
margin-right: 8px;
}
ul.blogs_browse > li .blogs_browse_options
{
display: none;
}
ul.blogs_browse > li .blogs_browse_options > a
{
clear: both;
display: block;
margin: 5px;
font-size: .8em;
padding-top: 2px;
padding-bottom: 2px;
}
ul.blogs_browse > li .blogs_browse_info
{
overflow: hidden;
}
ul.blogs_browse > li .blogs_browse_info_title
{
font-weight: bold;
font-size: 13pt;
letter-spacing: -1px;
}
ul.blogs_browse > li .blogs_browse_info_title > h3
{
font-size: 1em;
}
ul.blogs_browse > li .blogs_browse_info_date
{
font-size: .8em;
color: #999;
}
ul.blogs_browse > li .blogs_browse_info_blurb
{
margin-top: 5px;
}
/*
VIEW BLOG
Styles both the 'view blog' and the 'view blog entry'
pages,
including the right-side gutter column by default.
*/
ul.blogs_entrylist > li
{
padding-bottom: 10px;
border-bottom-width: 1px;
margin-bottom: 10px;
}
ul.blogs_entrylist h3
{
margin-bottom: 1px;
}
ul.blogs_entrylist .blog_entrylist_entry_date
{
font-size: 9pt;
margin-bottom: 5px;
color: #999;
text-align: center;
}
ul.blogs_entrylist .blog_entrylist_entry_body
{
line-height: 1.5em;
padding: 5px 5px 5px 0px;
margin: 0px;
}
ul.blogs_entrylist .blog_entrylist_entry_body img
{
max-width: 100%;
}
ul.blogs_entrylist .blog_entrylist_entry_body + .buttonlink
{
margin-top: 5px;
}
ul.blogs_entrylist + .comments
{
padding-top: 10px;
}
#global_page_blog-index-view .layout_left
{
display: none;
}
#global_page_blog-index-view h2
{
margin-bottom: 5px;
text-align: center;
font-size: 1.3em;
}
#global_page_blog-index-view .comments
{
width: auto;
}
/* ACTION TYPE ICONS */
.activity_icon_comment_blog
{
background-image: url(/community/application/modules/Core/externals/images/types/post.png?c=156);
}
/* ITEM TYPE ICONS */
.item_icon_blog,
.item_icon_blog_entry
{
background-image: url(/community/application/modules/Blog/externals/images/types/blog.png?c=156);
}
/* ICONS */
.icon_blog_new
{
background-image: url(/community/application/modules/Blog/externals/images/new.png?c=156);
}
.icon_blog_edit
{
background-image: url(/community/application/modules/Blog/externals/images/edit.png?c=156);
}
.icon_blog_delete
{
background-image: url(/community/application/modules/Blog/externals/images/delete.png?c=156);
}
.icon_blog_style
{
background-image: url(/community/application/modules/Blog/externals/images/blog_style.png?c=156);
}
.icon_blog_viewall
{
background-image: url(/community/application/modules/Blog/externals/images/allentries.png?c=156);
}
/*
FEED ITEMS
Styles items with classified attachments in the feed.
*/
ul.feed .feed_attachment_blog
{
display: block;
overflow: hidden;
margin: 0px 5px 5px 0px;
vertical-align: top;
}
ul.feed .feed_attachment_blog > div > a
{
display: block;
float: left;
margin-right: 7px;
}
ul.feed .feed_attachment_blog > div > a > img
{
display: inline-block;
max-width: 90px;
max-height: 90px;
vertical-align: top;
}
ul.feed .feed_attachment_blog > div > div
{
overflow: hidden;
}
/* hide menu items */
.headline .tabs .navigation li > a.blog_main_create
{
display: none;
}
/* */
/* */
.affiliate_banner,
.affiliate_banner > a,
.affiliate_banner > a:link, .affiliate_banner > a:hover, .affiliate_banner > a:visited
{
color: #fff;
margin-top: 5px;
text-align: center;
}
.affiliate_banner > a,
.affiliate_banner > a:link, .affiliate_banner > a:hover, .affiliate_banner > a:visited
{
text-decoration: underline;
}
/*
MAIN LOGIN FORM
Gives special positioning to the elements in the main
login form.
*/
#user_form_login #fieldset-buttons
{
overflow: hidden;
}
#user_form_login #submit-wrapper
{
float: left;
clear: none;
}
#user_form_login #submit-element
{
min-width: 0px;
}
#user_form_login #remember-wrapper
{
float: left;
clear: none;
padding-top: 6px;
padding-left: 15px;
}
#user_form_login.global_form_box #remember-wrapper
{
float: left;
clear: none;
padding-top: 0px;
padding-left: 5px;
}
#user_form_login.global_form_box #remember-wrapper label
{
margin-top: 5px;
}
#user_form_login #remember-label
{
display: none;
}
#user_form_login #forgot-element
{
margin-top: 5px;
}
/*
NETWORK STATISTICS WIDGET
Shows some basic stats about the network,
e.g. total members,
total friendships,
total
posts,
etc.
*/
.layout_core_statistics
{
clear: both;
overflow: auto;
width: 100%;
margin-bottom: 15px;
}
.layout_core_statistics ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
.layout_core_statistics ul > li
{
padding: 5px;
overflow: hidden;
clear: both;
}
.layout_core_statistics ul > li span
{
font-size: 1.4em;
display: block;
float: left;
margin-right: 6px;
}
.layout_core_statistics ul > li div
{
display: block;
float: left;
line-height: 1.7em;
}
/*
ANNOUNCEMENTS WIDGET
*/
.layout_announcement_list_announcements
{
overflow: hidden;
margin-bottom: 15px;
}
.layout_announcement_list_announcements ul
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
overflow: hidden;
padding: 10px;
}
.layout_announcement_list_announcements li + li
{
margin-top: 10px;
border-top: 1px solid #d7e8f1;
padding-top: 10px;
}
.layout_announcement_list_announcements .announcements_title
{
font-weight: bold;
}
.layout_announcement_list_announcements .announcements_info
{
margin-bottom: 10px;
}
.layout_announcement_list_announcements .announcements_author
{
font-size: .8em;
}
.layout_announcement_list_announcements .announcements_date
{
font-size: .8em;
}
/*
RATING ICONS
Used wherever icons are shown for rating things.
*/
.rating
{
clear: both;
overflow: hidden;
}
/* small icons */
.rating_star_generic
{
display: inline-block;
width: 8px;
height: 8px;
background-repeat: no-repeat;
font-size: 1px;
cursor: default;
}
.rating_star,
.rating_star_half
{
background-image: url(/community/application/modules/Core/externals/images/star.png?c=156);
}
.rating_star_disabled
{
background-image: url(/community/application/modules/Core/externals/images/star_disabled.png?c=156);
}
.rating_star_half
{
background-image: url(/community/application/modules/Core/externals/images/star_half.png?c=156);
width: 4px;
}
/* big icons */
.rating_star_big_generic
{
float: left;
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
font-size: 1px;
cursor: pointer;
}
.rating_star_big
{
background-image: url(/community/application/modules/Core/externals/images/star_big.png?c=156);
}
.rating_star_big_half
{
background-image: url(/community/application/modules/Core/externals/images/star_big_half.png?c=156);
}
.rating_star_big_disabled
{
background-image: url(/community/application/modules/Core/externals/images/star_big_disabled.png?c=156);
}
/* text */
.rating_text
{
float: left;
display: inline-block;
height: 16px;
color: #999;
font-size: .8em;
line-height: .8em;
cursor: pointer;
margin-left: 5px;
padding-top: .4em;
cursor: default;
}
/*
TAG AUTOSUGGEST
Used to style the autosuggest pulldown
shown when you are entering a tag
on the edit/new blog page.
*/
ul.tag-autosuggest
{
position: absolute;
padding: 0px;
width: 300px;
list-style: none;
z-index: 50;
border: 1px solid #eaeaea;
margin: 0px;
list-style: none;
cursor: pointer;
white-space: nowrap;
background: #fff;
}
ul.tag-autosuggest > li
{
padding: 3px;
overflow: hidden;
}
ul.tag-autosuggest > li + li
{
border-top: 1px solid #eaeaea;
}
ul.tag-autosuggest > li img
{
max-width: 25px;
max-height: 25px;
display: block;
float: left;
margin-right: 5px;
}
ul.tag-autosuggest > li.autocompleter-selected
{
background: #eee;
color: #555;
}
ul.tag-autosuggest > li.autocompleter-choices
{
font-size: .8em;
}
ul.tag-autosuggest > li.autocompleter-choices .autocompleter-choice
{
line-height: 25px;
}
ul.tag-autosuggest > li:hover
{
background: #eee;
color: #555;
}
ul.tag-autosuggest > li span.autocompleter-queried
{
font-weight: bold;
}
ul.tag-autosuggest .search-working
{
background-image: none;
}
.autocompleter-choice
{
cursor: pointer;
}
.autocompleter-choice:hover
{
color: #5ba1cd;
}
/*
GLOBAL BROWSE PAGE STYLES
Used to style the browse pages throughout the site.
*/
.browse-range-wrapper input[type=text]
{
width: 50px;
}
.browse-separator-wrapper
{
border-bottom: 1px solid #ddd;
height: 1px;
margin: 6px 0 0;
}
.field_search_criteria .form-options-wrapper > li
{
padding-top: 3px;
}
/*
GLOBAL PAGINATION
Used to show page numbers and previous & next links throughout the site.
*/
.pages
{
overflow: hidden;
clear: both;
text-align: center;
}
.paginationControl
{
display: inline-block;
overflow: hidden;
clear: both;
}
.paginationControl > li
{
display: inline-block;
vertical-align: middle;
overflow: hidden;
margin: 1px;
}
.paginationControl > li > a
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: .4em .7em;
font-weight: bold;
font-size: 11pt;
background-color: #f5f5f5;
}
.paginationControl > li > a:hover
{
text-decoration: none;
}
.paginationControl > li.disabled > a
{
color: #999;
}
.paginationControl > li.selected
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f5f5f5;
}
.paginationControl > li.selected > a
{
color: #555;
}
.paginator_previous
{
float: left;
display: inline;
}
.paginator_next
{
float: right;
display: inline;
}
/*
PHOTO THUMBS LIST
Used throughout the core and various plugins to show a grid
of photo thumbnails.
*/
ul.thumbs
{
overflow: hidden;
}
ul.thumbs > li
{
text-align: center;
}
ul.thumbs > li + li
{
margin-top: 15px;
}
ul.thumbs > li > p
{
text-align: center;
}
ul.thumbs .thumbs_photo
{
display: inline-block;
border: 1px solid #ddd;
padding: 4px;
vertical-align: bottom;
}
ul.thumbs .thumbs_photo:hover
{
border: 1px solid #aaa;
cursor: pointer;
}
ul.thumbs .thumbs_photo > span
{
display: block;
width: 142px;
height: 106px;
background-position: center 50%;
background-repeat: no-repeat;
}
ul.thumbs .thumbs_info
{
padding-top: 4px;
display: block;
font-size: .8em;
color: #999;
overflow: hidden;
}
ul.thumbs .thumbs_title
{
display: block;
font-weight: bold;
word-wrap: break-word;
max-height: 2.6em;
overflow: hidden;
text-align: center;
font-size: 11pt;
margin-bottom: 2px;
}
ul.thumbs.thumbs_nocaptions > li
{
height: auto;
margin-bottom: 10px;
}
ul.thumbs.thumbs_nocaptions > li.sortable,
ul.thumbs.thumbs_nocaptions > li.sortable a
{
cursor: move;
}
/*
PHOTO TAGGING
Styles the popup used to show the tagging form for photos.
*/
div.media_photo_div
{
position: relative;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.media_tag_listcontainer > a
{
font-weight: bold;
}
#tagger_input
{
margin-bottom: 8px;
}
li.autocompleter-choices
{
padding: 0px 5px 5px 5px;
}
li.autocompleter-choices img
{
height: 16px;
width: 16px;
float: left;
margin-right: 5px;
}
li.autocompleter-choices .autocompleter-queried
{
font-weight: bold;
}
.tag_comma
{
margin-right: 6px;
}
.tag_div,
.tag_label
{
z-index: 100000;
}
.tag_label
{
border: 1px solid #000;
background-color: #fff;
padding: 3px;
}
.tag_hidden,
.tag_label_hidden
{
visibility: hidden;
}
.albums_viewmedia_info_tags
{
margin-top: 6px;
}
.tagger_form
{
background-color: #fff;
border: 1px solid #000;
}
.tagger_input
{
width: 99%;
height: 18px;
border-bottom: 1px solid #ccc;
font-size: 13px;
}
span.tag_info a.tag_destroyer
{
font-size: 8pt;
font-weight: normal;
}
/*
GENERIC LIST WIDGET
These icons are used for list widgets.
*/
.layout_generic_list_widget
{
clear: both;
overflow: auto;
width: 100%;
}
ul.generic_list_widget
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin-bottom: 15px;
}
ul.generic_list_widget > li
{
clear: both;
overflow: hidden;
padding: 3px 5px 3px 5px;
}
ul.generic_list_widget_large_photo > li + li
{
margin-top: 10px;
}
ul.generic_list_widget .photo
{
float: left;
display: block;
}
ul.generic_list_widget_large_photo .photo
{
float: none;
clear: both;
display: block;
margin-bottom: 5px;
}
ul.generic_list_widget a.thumb > img
{
display: block;
}
ul.generic_list_widget .info
{
padding: 0px 0px 0px 6px;
overflow: hidden;
}
ul.generic_list_widget_large_photo .info
{
padding: 0px 0px 0px 2px;
}
ul.generic_list_widget .title
{
font-weight: bold;
}
ul.generic_list_widget .stats
{
font-size: .8em;
}
ul.generic_list_widget .owner
{
margin-top: 2px;
font-size: 0.8em;
}
ul.generic_list_widget .description
{
clear: both;
margin-top: 10px;
padding: 1px 0px 4px 0px;
font-size: .8em;
}
ul.generic_list_widget_large_photo .info + .description
{
padding-left: 2px;
margin-top: 4px;
}
/* ACTION TYPE ICONS */
.activity_icon_status
{
background-image: url(/community/application/modules/Core/externals/images/types/post.png?c=156);
}
/* ITEM TYPE ICONS */
.item_icon_core_link
{
background-image: url(/community/application/modules/Core/externals/images/types/core_link.png?c=156);
}
/*
GLOBAL ICONS
These icons are used with "buttonlink" links in various modules throughout
the site.
*/
.icon_back
{
background-image: url(/community/application/modules/Core/externals/images/back.png?c=156);
}
.icon_previous
{
background-image: url(/community/application/modules/Core/externals/images/previous.png?c=156);
}
.icon_next
{
background-image: url(/community/application/modules/Core/externals/images/next.png?c=156);
}
.icon_comments
{
background-image: url(/community/application/modules/Core/externals/images/comments.png?c=156);
}
.icon_viewmore
{
background-image: url(/community/application/modules/Core/externals/images/viewmore.png?c=156);
}
.icon_clearlist
{
background-image: url(/community/application/modules/Core/externals/images/clear.png?c=156);
}
.icon_friend_add
{
background-image: url(/community/application/modules/User/externals/images/friends/add.png?c=156);
}
.icon_friend_remove
{
background-image: url(/community/application/modules/User/externals/images/friends/remove.png?c=156);
}
.icon_friend_cancel
{
background-image: url(/community/application/modules/User/externals/images/friends/remove.png?c=156);
}
.icon_friend_accept
{
background-image: url(/community/application/modules/User/externals/images/friends/add.png?c=156);
}
.icon_activity_post
{
background-image: url(/community/application/modules/Activity/externals/images/post.png?c=156);
}
.icon_report
{
background-image: url(/community/application/modules/Core/externals/images/report.png?c=156);
}
.icon_loading
{
background-image: url(/community/application/modules/Core/externals/images/loading.gif?c=156);
}
/*
SMOOTHBOX
Used for the modal popup smoothbox.
*/
.modal
{
display: none;
}
.modal_row
{
margin: 5px 5px 10px 10px;
}
.modal_textoption
{
margin-top: 3px;
font-size: 8pt;
}
.modal_textoption input.text
{
width: 200px;
}
#global_content_simple
{
display: inline-block;
}
#TB_window a:link
{
color: #666666;
}
#TB_window a:visited
{
color: #666666;
}
#TB_window a:hover
{
color: #000;
}
#TB_window a:active
{
color: #666666;
}
#TB_window a:focus
{
color: #666666;
}
#TB_overlay
{
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
background-color: #000;
}
#TB_window
{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
position: absolute;
z-index: 102;
text-align: left;
background: #eee;
color: #000;
border: 8px solid #444;
}
#TB_caption
{
height: 25px;
padding: 7px 30px 10px 25px;
float: left;
}
#TB_closeWindow
{
height: 25px;
padding: 11px 25px 10px 0;
float: right;
}
#TB_closeAjaxWindow
{
padding: 5px 10px 7px 0;
margin-bottom: 1px;
text-align: right;
float: right;
}
#TB_ajaxWindowTitle
{
float: left;
padding: 7px 0 5px 10px;
margin-bottom: 1px;
}
#TB_title
{
background-color: #e9f4fa;
height: 33px;
border-bottom: 1px solid #d7e8f1;
}
/* hide the title bar by default */
#TB_title
{
display: none;
}
#TB_title *
{
font-weight: bold;
font-size: 13pt;
letter-spacing: -1px;
}
#TB_ajaxContent
{
clear: both;
padding: 12px 15px 38px 10px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent p
{
padding: 5px 0px 5px 0px;
}
#TB_load
{
position: absolute;
display: none;
height: 100px;
width: 100px;
z-index: 101;
}
#TB_HideSelect
{
z-index: 99;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border: none;
}
#TB_iframeContent
{
clear: both;
border: none;
margin-bottom: -1px;
margin-top: 1px;
}
/* IE6 */
* html #TB_iframeContent
{
margin-bottom: 1px;
}
/*
INLINE NOTIFICATIONS
*/
ul.notifications
{
overflow: hidden;
}
ul.notifications_menu > li,
ul.notifications_menu > div
{
padding: .5em;
min-width: 160px;
}
ul.notifications_menu > li
{
padding-top: 7px;
padding-bottom: 7px;
}
ul.notifications_menu > li + li
{
border-top-width: 1px;
}
ul.notifications_menu > li.notifications_unread > span
{
font-weight: bold;
}
ul.notifications_menu > li > span
{
min-height: 16px;
display: block;
padding-left: 22px;
background-repeat: no-repeat;
float: none;
}
ul.notifications_menu > li > span > a
{
display: inline;
float: none;
}
.notifications_options
{
overflow: hidden;
border-top-width: 1px;
padding-top: 7px;
}
.notifications_options > div
{
display: inline-block;
vertical-align: middle;
}
.notifications_options > div + div
{
margin-left: 15px;
}
.notifications_markread_link
{
background-image: url(/community/application/modules/Core/externals/images/markread.png?c=156);
}
/* errors */
ul.form-errors > li
{
font-weight: bold;
border: 1px solid #ddd;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
ul.form-errors > li > ul
{
font-weight: normal;
}
/* */
/*
FEED ITEMS
Styles event attachments in the feed.
*/
.feed_attachment_event > div
{
overflow: hidden;
}
.feed_attachment_event > div > a
{
display: inline-block;
float: left;
margin-right: 7px;
}
.feed_attachment_event > div > a > img
{
display: block;
max-width: 90px;
max-height: 90px;
}
.feed_attachment_event > div > div
{
overflow: hidden;
}
/*
BROWSE EVENTS
These styles are used on the browse events page
*/
ul.events_browse
{
margin-top: 15px;
}
ul.events_browse > li
{
clear: both;
overflow: hidden;
padding-bottom: 15px;
}
ul.events_browse > li + li
{
padding-top: 15px;
border-top-width: 1px;
}
ul.events_browse .events_photo
{
float: left;
overflow: hidden;
}
ul.events_browse .events_photo img
{
width: 100px;
display: block;
}
ul.events_browse .events_info
{
padding-left: 10px;
overflow: hidden;
}
ul.events_browse .events_title h3
{
margin: 0px;
}
ul.events_browse .events_members
{
font-size: .8em;
color: #999;
}
ul.events_browse .events_desc
{
margin-top: 5px;
clear: both;
}
ul.events_browse .events_options
{
display: none;
}
/*
VIEW EVENT
These styles are used on the view event page,
i.e.
the event's profile page
*/
.layout_event_profile_info
{
margin-top: 10px;
overflow: hidden;
}
.layout_event_profile_options
{
display: none;
}
#event_photo
{
margin-right: 7px;
text-align: center;
}
.layout_event_profile_info h3
{
display: none;
}
.layout_event_profile_status > div
{
text-align: center;
}
div.event_info > h4
{
margin-bottom: 1.1em;
}
div.event_info > ul
{
margin-bottom: 10px;
overflow: hidden;
}
#event_stats
{
margin-top: 10px;
overflow: hidden;
}
#event_stats > ul > li
{
font-size: 11pt;
overflow: hidden;
text-align: center;
}
#event_stats .event_date
{
margin-bottom: 10px;
}
#event_stats .event_date br
{
display: none;
}
#event_stats .event_date > div
{
font-size: 11pt;
text-align: center;
display: block;
}
#event_stats > ul > li + li
{
margin-top: 7px;
}
#event_stats .event_stats_title
{
font-weight: bold;
}
#event_stats .label
{
text-align: center;
color: #999;
font-size: 10pt;
margin-bottom: 3px;
}
#event_stats .event_stats_content
{
text-align: center;
font-size: 12pt;
}
#event_stats .event_stats_title a
{
display: block;
font-weight: normal;
}
#event_stats .event_stats_staff
{
margin-top: 8px;
}
#event_stats .event_stats_info span
{
font-weight: normal;
}
.events_rsvp > div
{
clear: both;
text-align: center;
border: 1px solid #d7e8f1;
background-color: #f5f5f5;
padding: 3px 0px;
font-size: 12pt;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.events_rsvp > div input
{
float: none;
display: inline;
}
.events_rsvp > div + div
{
margin-top: 5px;
clear: both;
}
.events_rsvp .event_radio_loading
{
background-image: url(/community/application/modules/Core/externals/images/loading.gif?c=156);
background-repeat: no-repeat;
background-position: 5px center;
overflow: hidden;
}
.events_rsvp .event_radio_loading input
{
visibility: hidden;
}
.layout_event_profile_rsvp h3
{
text-align: center;
margin-top: 15px;
margin-bottom: 4px;
font-weight: normal;
color: #999;
font-size: 10pt;
letter-spacing: 0px;
}
.layout_page_mobi_event_profile .layout_activity_feed
{
margin-top: 15px;
}
.layout_page_mobi_event_profile .layout_activity_feed > h3
{
display: none;
}
/* event members tab */
.event_members_info
{
clear: both;
padding-bottom: 5px;
overflow: hidden;
}
.event_members_info .event_members_total
{
text-align: center;
margin-bottom: 5px;
}
.event_members_info .event_members_search
{
display: none;
}
ul.event_members
{
border-top-width: 1px;
margin-bottom: 8px;
}
ul.event_members > li
{
overflow: hidden;
padding: 10px 0px 10px 0px;
border-bottom-width: 1px;
}
ul.event_members .event_members_icon
{
float: left;
display: block;
}
ul.event_members .event_members_icon > img
{
display: block;
}
ul.event_members .event_members_body
{
overflow: hidden;
padding-left: 7px;
}
ul.event_members .event_members_status
{
font-weight: bold;
}
ul.event_members .event_members_options
{
float: right;
min-width: 180px;
overflow: hidden;
padding-left: 15px;
}
ul.event_members .event_members_options a
{
display: block;
clear: both;
margin: 1px;
}
ul.event_members .event_members_options a.buttonlink
{
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: .8em;
}
ul.event_members .event_members_options div
{
text-align: right;
}
ul.event_members .event_members_rsvp
{
margin-top: 3px;
font-size: .8em;
color: #999;
}
/* photos tab */
div.event_photos > ul
{
clear: both;
overflow: hidden;
margin: 20px 0px 20px 0px;
}
div.event_photos > ul > li
{
float: left;
display: table-cell;
vertical-align: middle;
overflow: hidden;
margin-right: 20px;
height: 170px;
}
div.event_photos > ul > li > div
{
float: left;
overflow: hidden;
padding: 3px;
border: 1px solid #ddd;
}
div.event_photos > ul > li > div:hover
{
border: 1px solid #aaa;
}
div.event_photos > ul > li > div img
{
display: block;
}
/* discussions tab and view page */
.event_discussions_options
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px 0px 10px 0px;
padding: 10px;
margin-bottom: 5px;
}
.event_discussion_options a
{
margin-right: 15px;
}
ul.event_discussions > li
{
padding: 10px 10px 10px 0px;
overflow: hidden;
}
ul.event_discussions > li + li
{
border-top-width: 1px;
}
ul.event_discussions .event_discussions_replies
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: left;
overflow: hidden;
text-align: center;
margin-right: 10px;
width: 40px;
padding: 7px 10px 7px 10px;
color: #999;
font-size: .8em;
}
ul.event_discussions .event_discussions_replies span
{
font-size: 2em;
display: block;
}
ul.event_discussions .event_discussions_info
{
overflow: hidden;
}
ul.event_discussions h3
{
margin-bottom: 0px;
}
ul.event_discussions .event_discussions_sticky a
{
background-image: url(/community/application/modules/Event/externals/images/post/stick.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px .2em;
}
ul.event_discussions .event_discussions_lastreply
{
float: right;
overflow: hidden;
width: 250px;
margin-left: 10px;
}
ul.event_discussions .event_discussions_lastreply > a
{
float: left;
display: block;
}
ul.event_discussions .event_discussions_lastreply > a > img
{
display: block;
}
ul.event_discussions .event_discussions_lastreply_info
{
overflow: hidden;
padding-left: 5px;
}
ul.event_discussions .event_discussions_lastreply_info_date
{
font-size: .8em;
color: #999;
}
/* some overrides on the tab page for spacing purposes */
div.event_discussions_list
{
margin-top: 10px;
border-top-width: 1px;
}
div.event_discussions_list h3
{
font-size: 1em;
letter-spacing: 0px;
}
div.event_discussions_list .event_discussions_sticky a
{
background-position: 0px 0px;
}
/* view event discussion thread */
div.event_discussions_thread_options .buttonlink
{
padding-top: 1px;
font-size: .8em;
height: 16px;
margin-right: 15px;
}
div.event_discussions_thread_options_closed
{
background-image: url(/community/application/modules/Event/externals/images/post/close.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
color: #999;
display: inline-block;
margin-left: 20px;
}
ul.event_discussions_thread
{
margin: 10px 0px 10px 0px;
overflow: hidden;
}
ul.event_discussions_thread > li
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
overflow: hidden;
border-top: 1px solid #ddd;
}
ul.event_discussions_thread > li + li
{
margin-top: 5px;
}
ul.event_discussions_thread .event_discussions_thread_author
{
float: left;
overflow: hidden;
width: 120px;
font-weight: bold;
padding: 5px 10px 7px 10px;
}
ul.event_discussions_thread .event_discussions_thread_author_name
{
margin-bottom: 5px;
}
ul.event_discussions_thread .event_discussions_thread_photo
{
display: block;
margin-bottom: 3px;
clear: both;
}
ul.event_discussions_thread .event_discussions_thread_info
{
padding: 0px 10px 5px 5px;
overflow: hidden;
}
ul.event_discussions_thread .event_discussions_thread_details
{
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #ddd;
}
ul.event_discussions_thread .event_discussions_thread_details_date
{
font-size: .8em;
overflow: hidden;
color: #999;
}
ul.event_discussions_thread .event_discussions_thread_details_options
{
margin-top: -2px;
float: right;
overflow: hidden;
text-align: right;
}
ul.event_discussions_thread .event_discussions_thread_details_options .buttonlink
{
font-size: .8em;
height: 16px;
}
ul.event_discussions_thread .event_discussions_thread_body
{
padding: 5px 0px 5px 0px;
}
ul.event_discussions_thread .event_discussions_thread_body blockquote
{
border: 1px solid #eaeaea;
background: #fff;
padding: 10px;
}
/*
EVENT PHOTOS UPLOAD FORM
Some minor changes to the global form.
*/
.event_form_upload #file-label,
.event_form_upload #submit-label
{
display: none;
}
/*
EVENT CREATE FORM
Some minor changes to the create new event form.
*/
#event_create_form .calendar_output_span
{
display: inline-block;
margin-right: 15px;
min-width: 90px;
}
#event_create_form #starttime-wrapper select + select,
#event_create_form #endtime-wrapper select + select
{
margin-left: 5px;
}
/* ITEM TYPE ICONS */
.item_icon_event
{
background-image: url(/community/application/modules/Event/externals/images/types/event.png?c=156);
}
.item_icon_event_topic,
.item_icon_event_post
{
background-image: url(/community/application/modules/Event/externals/images/types/post.png?c=156);
}
.item_icon_event_album,
.item_icon_event_photo
{
background-image: url(/community/application/modules/Event/externals/images/types/album.png?c=156);
}
/* NOTIFICATION TYPE ICONS */
.notification_type_event_discussion_response,
.notification_type_event_discussion_reply
{
background-image: url(/community/application/modules/Event/externals/images/types/post.png?c=156);
}
.notification_type_event_invite,
.notification_type_event_accepted
{
background-image: url(/community/application/modules/Event/externals/images/types/event.png?c=156);
}
/*
VIEW EVENT ALBUM
Styles for the list event photo page.
*/
.event_album_options
{
display: none;
}
/*
VIEW EVENT PHOTO
These styles are used on the view photo page within
an album.
*/
#global_page_event-photo-list #global_content > h2
{
text-align: center;
}
#global_page_event-photo-view #global_content > h2
{
display: none;
}
div.event_photo_view #media_photo
{
border: 1px solid #ddd;
text-align: center;
max-width: 95%;
}
div.event_photo_view .event_photo_nav
{
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
div.event_photo_view .event_photo_nav > div
{
float: none;
text-align: center;
}
div.event_photo_view .event_photo_nav > div + div
{
margin-top: 10px;
font-weight: bold;
}
div.event_photo_view .event_photo_nav > div + div > a
{
display: inline-block;
padding: 4px 7px;
background-color: #d4e5ee;
font-size: 11pt;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div.event_photo_info
{
text-align: center;
}
div.event_photo_info p
{
text-align: left;
}
div.event_photo_container
{
text-align: center;
}
div.event_photo_container a:link
{
text-decoration: none;
}
div.event_photo_view > span + div > a
{
display: block;
margin-bottom: 5px;
text-align: center;
}
div.event_photo_view > span + div > a:link
{
display: block;
margin-bottom: 5px;
text-align: center;
}
div.event_photo_info .event_photo_title
{
margin-top: 5px;
font-weight: bold;
}
div.event_photo_info .event_photo_description
{
font-size: .8em;
margin-top: 3px;
}
div.event_photo_info .event_photo_owner
{
text-align: center;
}
div.event_photo_info .event_photo_title + .event_photo_tags,
div.event_photo_info .event_photo_description + .event_photo_tags
{
margin-top: 15px;
}
div.event_photo_info .event_photo_tags
{
font-size: .8em;
margin-top: 5px;
}
div.event_photo_info .event_photo_date
{
text-align: center;
margin-top: 5px;
display: none;
}
div.event_photo_view > div.comments
{
margin-top: 15px;
width: auto;
text-align: center;
}
.event_photos_list_options
{
display: none;
}
/*
EVENTS USER PROFILE TAB
Styles the list of events on a user's Events profile tab.
*/
ul.events_profile_tab > li
{
overflow: hidden;
}
ul.events_profile_tab > li + li
{
margin-top: 10px;
border-top-width: 1px;
padding-top: 10px;
}
ul.events_profile_tab .events_profile_tab_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
}
ul.events_profile_tab .events_profile_tab_photo img
{
max-width: 90px;
}
ul.events_profile_tab .events_profile_tab_info
{
overflow: hidden;
}
ul.events_profile_tab .events_profile_tab_title > a
{
font-weight: bold;
}
ul.events_profile_tab .events_profile_tab_members
{
font-size: .8em;
color: #999;
}
ul.events_profile_tab .events_profile_tab_desc
{
margin-top: 7px;
}
/*
POST EVENT TOPIC FORM
*/
#event_topic_create .form-elements
{
margin-top: 10px;
}
#event_topic_create .form-label
{
clear: both;
float: none;
text-align: left;
margin-bottom: 3px;
}
#event_topic_create #watch-label
{
display: none;
}
/*
REPLY TO EVENT TOPIC FORM
*/
#event_topic_reply h3,
#event_topic_reply #body-label,
#event_topic_reply #submit-label
{
display: none;
}
#event_topic_reply .form-elements
{
margin-top: 0px;
}
#event_topic_reply #watch-label
{
display: none;
}
/*
INVITE FORM
*/
#event_form_invite #users-label
{
display: none;
}
#event_form_invite #users-element
{
border: 1px solid #bbb;
padding: 7px 10px 7px 10px;
max-height: 200px;
overflow-y: auto;
margin: 10px 0px 10px 0px;
}
/*
TAG FOR SENDING MESSAGES
*/
.tag.tag_event
{
background-image: url(/community/application/modules/Event/externals/images/types/event.png?c=156);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 4px center;
}
/* ICONS */
.icon_event_new,
.icon_event_create
{
background-image: url(/community/application/modules/Event/externals/images/create.png?c=156);
}
.icon_event_edit
{
background-image: url(/community/application/modules/Event/externals/images/edit.png?c=156);
}
.icon_event_join
{
background-image: url(/community/application/modules/Event/externals/images/member/join.png?c=156);
}
.icon_event_delete
{
background-image: url(/community/application/modules/Event/externals/images/delete.png?c=156);
}
.icon_event_leave
{
background-image: url(/community/application/modules/Event/externals/images/member/leave.png?c=156);
}
.icon_event_accept
{
background-image: url(/community/application/modules/Event/externals/images/member/accept.png?c=156);
}
.icon_event_reject
{
background-image: url(/community/application/modules/Event/externals/images/member/reject.png?c=156);
}
.icon_event_cancel
{
background-image: url(/community/application/modules/Event/externals/images/member/cancel.png?c=156);
}
.icon_event_photo_new
{
background-image: url(/community/application/modules/Event/externals/images/photo/upload.png?c=156);
}
.icon_event_photo_view
{
background-image: url(/community/application/modules/Event/externals/images/photo/view.png?c=156);
}
.icon_event_post_new
{
background-image: url(/community/application/modules/Event/externals/images/post/create.png?c=156);
}
.icon_event_post_edit
{
background-image: url(/community/application/modules/Event/externals/images/post/edit.png?c=156);
}
.icon_event_post_reply
{
background-image: url(/community/application/modules/Event/externals/images/post/reply.png?c=156);
}
.icon_event_post_stick
{
background-image: url(/community/application/modules/Event/externals/images/post/stick.png?c=156);
}
.icon_event_post_unstick
{
background-image: url(/community/application/modules/Event/externals/images/post/unstick.png?c=156);
}
.icon_event_post_close
{
background-image: url(/community/application/modules/Event/externals/images/post/close.png?c=156);
}
.icon_event_post_open
{
background-image: url(/community/application/modules/Event/externals/images/post/unclose.png?c=156);
}
.icon_event_post_rename
{
background-image: url(/community/application/modules/Event/externals/images/post/rename.png?c=156);
}
.icon_event_post_delete
{
background-image: url(/community/application/modules/Event/externals/images/post/delete.png?c=156);
}
.icon_event_post_quote
{
background-image: url(/community/application/modules/Event/externals/images/post/quote.png?c=156);
}
.icon_event_topic_watch
{
background-image: url(/community/application/modules/Event/externals/images/watch.png?c=156);
}
.icon_event_topic_unwatch
{
background-image: url(/community/application/modules/Event/externals/images/unwatch.png?c=156);
}
.activity_icon_event_join
{
background-image: url(/community/application/modules/Event/externals/images/member/join.png?c=156);
}
/* hide menu items */
.headline .tabs .navigation li > a.menu_event_main.event_main_create,
.tabs_alt > ul > li.tab_layout_event_profile_discussions
{
display: none;
}
/* tip */
#global_page_event-index-browse .tip
{
margin-top: 10px;
}
/* */
/*
FORUM INDEX
Styles the main forum index page,
where forum categories
and forums are listed.
*/
#global_page_forum-index-index #global_content > h2
{
text-align: center;
}
ul.forum_categories > li
{
overflow: hidden;
}
ul.forum_categories > li + li
{
margin-top: 15px;
}
ul.forum_categories > li > div
{
padding: .5em;
background-color: #f5f5f5;
}
ul.forum_categories > li > div > h3
{
margin: 0px;
}
ul.forum_categories ul
{
border-bottom: 1px solid #ddd;
}
ul.forum_categories ul > li
{
border-top: 1px solid #ddd;
overflow: hidden;
}
ul.forum_categories .forum_title
{
overflow: hidden;
}
ul.forum_categories .forum_title a
{
display: block;
overflow: hidden;
padding: 10px;
}
ul.forum_categories .forum_title h3
{
margin-bottom: 0px;
}
ul.forum_categories .forum_posts
{
float: left;
overflow: hidden;
text-align: center;
background-color: rgba(0, 0, 0, .05);
min-width: 40px;
padding: 5px;
}
ul.forum_categories .forum_posts span
{
display: block;
font-size: 1.3em;
color: #999;
font-weight: bold;
}
ul.forum_categories .forum_posts span + span
{
display: block;
font-size: .7em;
font-weight: normal;
text-transform: lowercase;
color: #999;
}
ul.forum_categories .forum_posts > span
{
color: #999;
}
ul.forum_categories .forum_topics,
ul.forum_categories .forum_icon,
ul.forum_categories .forum_title > span,
ul.forum_categories .forum_lastpost,
ul.forum_categories .forum_icon
{
display: none;
}
/*
VIEW FORUM
Styles the list of topics within a forum.
*/
#global_page_forum-forum-view #global_content > h2
{
text-align: center;
}
div.forum_header
{
overflow: hidden;
}
div.forum_header_pages
{
float: right;
overflow: hidden;
text-align: right;
}
ul.forum_topics
{
border-bottom: 1px solid #eaeaea;
}
ul.forum_topics > li
{
overflow: hidden;
padding: .6em .6em .6em 0;
border-top: 1px solid #eaeaea;
}
ul.forum_topics .forum_topics_icon
{
display: none;
}
ul.forum_topics .forum_topics_icon a
{
text-decoration: none;
}
ul.forum_topics .forum_topics_icon img
{
display: block;
}
ul.forum_topics .forum_topics_title
{
overflow: hidden;
}
ul.forum_topics .forum_topics_title h3
{
margin: 0px;
font-size: 11pt;
letter-spacing: 0px;
}
ul.forum_topics .forum_topics_title h3.closed,
ul.forum_topics .forum_topics_title h3.sticky
{
padding-left: 22px;
background-repeat: no-repeat;
background-position: 3px 3px;
}
ul.forum_topics .forum_topics_title h3.closed
{
background-image: url(/community/application/modules/Forum/externals/images/post/close.png?c=156);
}
ul.forum_topics .forum_topics_title h3.sticky
{
background-image: url(/community/application/modules/Forum/externals/images/post/stick.png?c=156);
}
ul.forum_topics .forum_topics_replies
{
float: left;
overflow: hidden;
text-align: center;
margin-right: 8px;
background-color: rgba(0, 0, 0, .03);
padding: 2px 4px;
min-width: 40px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
ul.forum_topics .forum_topics_replies span
{
display: block;
font-size: 1.3em;
color: #999;
font-weight: bold;
}
ul.forum_topics .forum_topics_replies span + span
{
display: block;
font-size: .7em;
font-weight: normal;
text-transform: lowercase;
color: #999;
}
ul.forum_topics .forum_pagelinks
{
display: block;
font-size: .8em;
color: #999;
}
.forum_pages
{
margin-top: 10px;
}
.forum_header_options
{
margin-top: 5px;
margin-bottom: 15px;
text-align: center;
}
ul.forum_topics .forum_topics_lastpost,
ul.forum_topics .forum_topics_views,
div.forum_header_moderators
{
display: none;
}
/*
VIEW TOPIC
Styles the list of posts within a topic.
*/
#global_page_forum-topic-view #global_content > h2
{
text-align: center;
}
div.forum_topic_title_wrapper
{
overflow: hidden;
}
div.forum_topic_title
{
overflow: hidden;
}
div.forum_topic_title h3
{
margin: 0px;
text-align: center;
}
div.forum_topic_options,
div.forum_topic_title_options,
.forum_topic_posts_info_top_options
{
display: none;
}
div.forum_topic_options a
{
padding-top: 1px;
font-size: .8em;
height: 16px;
margin-right: 15px;
}
div.forum_discussions_thread_options_closed
{
background-image: url(/community/application/modules/Forum/externals/images/post/close.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
color: #999;
display: inline-block;
}
div.forum_topic_title .forum_topic_title_text
{
float: left;
overflow: hidden;
padding: 5px 0px 5px 8px;
}
ul.forum_topic_posts > li
{
overflow: hidden;
background: none;
}
ul.forum_topic_posts > li + li
{
margin-top: 10px;
}
ul.forum_topic_posts .forum_topic_posts_author
{
overflow: hidden;
background-color: #f5f5f5;
padding: 7px 7px 1px 7px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-radius-bottomleft: 0px;
}
ul.forum_topic_posts .forum_topic_posts_author_name
{
display: inline-block;
vertical-align: middle;
font-weight: bold;
font-size: 11pt;
}
ul.forum_topic_posts .forum_topic_posts_author_photo
{
display: none;
}
ul.forum_topic_posts .forum_topic_posts_author_photo img
{
max-width: 55px;
max-height: 55px;
}
ul.forum_topic_posts .forum_topic_posts_author_info
{
display: inline-block;
vertical-align: middle;
}
ul.forum_topic_posts .forum_topic_posts_author_info > li
{
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin: 0px 3px;
}
ul.forum_topic_posts .forum_topic_posts_author_info_title
{
font-weight: bold;
}
ul.forum_topic_posts .forum_topic_posts_info
{
overflow: hidden;
}
ul.forum_topic_posts .forum_topic_posts_info_top
{
overflow: hidden;
background-color: #eee;
padding: 0px 5px 5px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-radius-topright: 0px;
}
div.forum_topic_posts_info_body
{
padding: 7px 10px;
}
div.forum_topic_posts_info_body blockquote
{
border: 1px dashed #ddd;
background: #fff;
padding: 10px;
}
div.forum_topic_posts_info_body ol
{
list-style-type: decimal;
padding-left: 1.5em;
}
ul.forum_topic_posts .forum_topic_posts_info_top_date
{
background-image: url(/community/application/modules/Forum/externals/images/post.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
color: #999;
font-size: .8em;
}
ul.forum_topic_posts .forum_topic_posts_info_top_parents
{
float: left;
overflow: hidden;
color: #999;
font-size: .8em;
margin-bottom: 8px;
padding-left: 5px;
}
ul.forum_topic_posts .forum_topic_posts_info_photo img
{
margin: 15px 5px 5px 0px;
border: 1px solid #ddd;
}
.forum_topic_pages
{
margin: 10px 0px 10px 0px;
}
/*
POST TOPIC AND REPLY TO TOPIC FORMS
*/
#global_page_forum-forum-topic-create #global_content > h2
{
text-align: center;
}
#forum_post_create div.form-label
{
float: none;
text-align: left;
margin: 0px;
padding: 0px 0px 5px 0px;
}
#forum_post_create div.form-element
{
float: none;
}
#forum_post_create #toValues-element span > a
{
margin-left: 3px;
}
#forum_post_create #buttons-element
{
margin: 0px;
}
#forum_post_create #buttons-label,
#forum_post_create #photo-wrapper
{
display: none;
}
#forum_post_create #watch-element label
{
float: none;
}
/*
QUICK REPLY FORM
Styles the small reply-to-topic form visible on the
view topic page.
*/
#forum_post_quick
{
margin-top: 10px;
}
#forum_post_quick div.form-elements
{
margin-top: 5px;
}
#forum_post_quick textarea
{
min-height: 0px;
max-height: 4em;
}
#forum_post_quick #watch-wrapper,
#forum_post_quick #photo-wrapper,
#forum_post_quick div.form-label
{
display: none;
}
/*
EDIT POST FORM
*/
#forum_post_edit .form-label
{
display: none;
}
#forum_post_edit #photo_delete-element
{
margin: 15px 0px 15px 0px;
}
#forum_post_edit #photo-label
{
width: auto;
display: block;
font-weight: normal;
float: none;
clear: both;
text-align: left;
margin-bottom: 2px;
}
#forum_post_edit #photo-element
{
margin-bottom: 15px;
}
/*
RECENT TOPICS WIDGET
Lists the most recently created topics,
typically placed
on the main home page.
*/
.layout_forum_list_recent_topics
{
clear: both;
overflow: auto;
width: 100%;
margin-bottom: 15px;
}
.layout_forum_list_recent_topics > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
.layout_forum_list_recent_topics > ul > li
{
clear: both;
overflow: hidden;
padding: 3px 5px 3px 5px;
}
.layout_forum_list_recent_topics a.thumb
{
float: left;
display: block;
width: 48px;
}
.layout_forum_list_recent_topics a.thumb > img
{
display: block;
}
.layout_forum_list_recent_topics .info
{
padding: 0px 0px 0px 6px;
overflow: hidden;
}
.layout_forum_list_recent_topics .name
{
font-weight: bold;
}
.layout_forum_list_recent_topics .author
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_topics .parent
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_topics .date
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_topics .description
{
padding: 1px 0px 4px 0px;
font-size: .8em;
}
/*
RECENT POSTS WIDGET
Lists the most recent posts,
typically placed
on the main home page.
*/
.layout_forum_list_recent_posts
{
clear: both;
overflow: auto;
width: 100%;
margin-bottom: 15px;
}
.layout_forum_list_recent_posts > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
.layout_forum_list_recent_posts > ul > li
{
clear: both;
overflow: hidden;
padding: 3px 5px 3px 5px;
}
.layout_forum_list_recent_posts a.thumb
{
float: left;
display: block;
width: 48px;
}
.layout_forum_list_recent_posts a.thumb > img
{
display: block;
}
.layout_forum_list_recent_posts .info
{
padding: 0px 0px 0px 6px;
overflow: hidden;
}
.layout_forum_list_recent_posts .author
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_posts .parent
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_posts .name
{
font-weight: bold;
}
.layout_forum_list_recent_posts .date
{
font-size: .8em;
color: #999;
}
.layout_forum_list_recent_posts .description
{
padding: 1px 0px 4px 0px;
font-size: .8em;
}
/* ACTION TYPE ICONS */
.feed .activity_icon_forum_topic_create,
.feed .activity_icon_forum_topic_reply,
.feed .activity_icon_forum_promote
{
background-image: url(/community/application/modules/Forum/externals/images/post.png?c=156);
}
/* NOTIFICATION TYPE ICONS */
.notification_type_forum_topic_response,
.notification_type_forum_topic_reply
{
background-image: url(/community/application/modules/Forum/externals/images/post.png?c=156);
}
.notification_type_forum_promote
{
background-image: url(/community/application/modules/Forum/externals/images/promote.png?c=156);
}
/* ITEM TYPE ICONS */
.item_icon_forum_category,
.item_icon_forum,
.item_icon_forum_topic,
.item_icon_forum_post
{
background-image: url(/community/application/modules/Forum/externals/images/types/forum.png?c=156);
}
/* ICONS */
.icon_forum_post_new
{
background-image: url(/community/application/modules/Forum/externals/images/create.png?c=156);
}
.icon_forum_post_reply
{
background-image: url(/community/application/modules/Forum/externals/images/reply.png?c=156);
}
.icon_forum_post_edit
{
background-image: url(/community/application/modules/Forum/externals/images/edit.png?c=156);
}
.icon_forum_post_delete
{
background-image: url(/community/application/modules/Forum/externals/images/delete.png?c=156);
}
.icon_forum_post_quote
{
background-image: url(/community/application/modules/Forum/externals/images/quote.png?c=156);
}
.icon_forum_post_stick
{
background-image: url(/community/application/modules/Forum/externals/images/post/stick.png?c=156);
}
.icon_forum_post_unstick
{
background-image: url(/community/application/modules/Forum/externals/images/post/unstick.png?c=156);
}
.icon_forum_post_close
{
background-image: url(/community/application/modules/Forum/externals/images/post/close.png?c=156);
}
.icon_forum_post_unclose
{
background-image: url(/community/application/modules/Forum/externals/images/post/unclose.png?c=156);
}
.icon_forum_post_rename
{
background-image: url(/community/application/modules/Forum/externals/images/post/rename.png?c=156);
}
.icon_forum_post_move
{
background-image: url(/community/application/modules/Forum/externals/images/post/move.png?c=156);
}
.icon_forum_post_delete
{
background-image: url(/community/application/modules/Forum/externals/images/post/delete.png?c=156);
}
.icon_forum_topic_watch
{
background-image: url(/community/application/modules/Forum/externals/images/watch.png?c=156);
}
.icon_forum_topic_unwatch
{
background-image: url(/community/application/modules/Forum/externals/images/unwatch.png?c=156);
}
code
{
white-space: nowrap;
font-family: "Courier New" , Courier , monospace;
border: 1px solid #ddd;
background: #fff;
line-height: 20px;
/*--Height of each line of code--*/
width: 85%;
overflow-Y: hidden;
/*--Hides vertical scroll created by IE--*/
overflow-x: auto;
/*--If the Code exceeds the width,
a scrolling is available--*/
margin: 0 0 0 40px;
padding: 3px;
display: block;
}
/* */
/*
FEED ITEMS
Styles items with group attachments in the feed.
*/
ul.feed .feed_attachment_group
{
display: block;
overflow: hidden;
margin: 0px 5px 5px 0px;
vertical-align: top;
}
ul.feed .feed_attachment_group > div > a
{
display: block;
float: left;
margin-right: 7px;
}
ul.feed .feed_attachment_group > div > a > img
{
display: inline-block;
max-width: 90px;
max-height: 90px;
vertical-align: top;
}
ul.feed .feed_attachment_group > div > div
{
overflow: hidden;
}
/*
BROWSE GROUPS
These styles are used on the browse groups page
*/
#global_page_group-index-browse .tip
{
margin-top: 10px;
}
ul.groups_browse
{
margin-top: 10px;
}
ul.groups_browse > li
{
clear: both;
overflow: hidden;
padding-bottom: 15px;
}
ul.groups_browse > li + li
{
padding-top: 15px;
border-top-width: 1px;
}
ul.groups_browse .groups_photo
{
float: left;
overflow: hidden;
}
ul.groups_browse .groups_photo img
{
width: 100px;
display: block;
}
ul.groups_browse .groups_info
{
padding-left: 10px;
overflow: hidden;
}
ul.groups_browse .groups_title h3
{
margin: 0px;
}
ul.groups_browse .groups_members
{
font-size: .8em;
color: #999;
}
ul.groups_browse .groups_desc
{
margin-top: 5px;
clear: both;
}
ul.groups_browse .groups_options
{
display: none;
}
ul.groups_browse .groups_options a
{
clear: both;
margin: 3px 0px 0px 0px;
font-size: .8em;
padding-top: 1px;
height: 16px;
}
/*
VIEW GROUP
These styles are used on the view group page,
i.e.
the group's profile page
*/
.layout_group_profile_options
{
text-align: center;
}
.layout_group_profile_options #profile_options
{
text-align: center;
margin-top: 5px;
}
.layout_group_profile_options #profile_options li a
{
display: none;
}
.layout_group_profile_options #profile_options li a.group_profile_member
{
display: inline-block;
}
#group_photo
{
text-align: center;
}
#group_photo > img
{
width: 100%;
}
div.group_info > h4
{
margin-bottom: 1.1em;
}
div.group_info > ul
{
margin-bottom: 10px;
overflow: hidden;
}
div.group_info > ul > li
{
overflow: hidden;
clear: both;
margin-bottom: 5px;
}
div.group_info > ul > li > div
{
float: left;
clear: left;
width: 120px;
}
div.group_info > ul > li > div + div
{
float: none;
clear: none;
overflow: hidden;
width: auto;
}
.layout_group_profile_info
{
margin-top: 10px;
overflow: hidden;
text-align: center;
}
.layout_group_profile_info > h3
{
display: none;
}
.layout_group_profile_info > ul > li
{
overflow: hidden;
text-align: center;
font-size: 11pt;
}
.layout_group_profile_info > ul > li + li
{
margin-top: 5px;
}
.layout_group_profile_info .group_stats_title > span
{
font-weight: bold;
font-size: 13pt;
display: block;
}
.layout_group_profile_info .group_stats_title > a
{
font-weight: normal;
}
.layout_group_profile_info .group_stats_staff
{
margin-top: 8px;
}
.layout_group_profile_info .group_stats_info
{
margin-top: 8px;
}
.layout_group_profile_info .group_stats_info ul
{
color: #999;
}
.layout_group_profile_status #profile_status > h2
{
display: block;
text-align: center;
}
.layout_group_profile_info .group_stats_title span
{
display: none;
}
#global_page_mobi-group-profile .layout_activity_feed
{
margin-top: 15px;
}
#global_page_mobi-group-profile .layout_activity_feed h3
{
display: none;
}
/* group members tab */
.group_members_info
{
clear: both;
padding-bottom: 5px;
overflow: hidden;
display: none;
}
.group_members_info .group_members_total
{
margin-top: 5px;
padding-bottom: 2px;
overflow: hidden;
text-align: center;
}
.group_members_info .group_members_search
{
float: right;
overflow: hidden;
text-align: right;
padding-bottom: 2px;
}
ul.group_members
{
border-top-width: 1px;
margin-bottom: 8px;
}
ul.group_members > li
{
overflow: hidden;
padding: 10px 0px 10px 0px;
border-bottom-width: 1px;
}
ul.group_members .group_members_icon
{
float: left;
display: block;
}
ul.group_members .group_members_icon > img
{
display: block;
}
ul.group_members .group_members_body
{
overflow: hidden;
padding-left: 7px;
}
ul.group_members .group_members_status
{
font-weight: bold;
color: #999;
}
ul.group_members .group_members_status .smoothbox
{
display: inline-block;
width: 16px;
background-image: url(/community/application/modules/Group/externals/images/edit.png?c=156);
background-repeat: no-repeat;
}
ul.group_members .group_members_options
{
float: right;
min-width: 180px;
overflow: hidden;
padding-left: 15px;
}
ul.group_members .group_members_options a
{
display: block;
clear: both;
margin: 1px;
}
ul.group_members .group_members_options a.buttonlink
{
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: .8em;
}
ul.group_members .group_members_options div
{
text-align: right;
}
/* photos tab */
div.group_photos > ul
{
clear: both;
overflow: hidden;
margin: 20px 0px 20px 0px;
}
div.group_photos > ul > li
{
float: left;
display: table-cell;
vertical-align: middle;
overflow: hidden;
margin-right: 20px;
height: 170px;
}
div.group_photos > ul > li > div
{
float: left;
overflow: hidden;
padding: 3px;
border: 1px solid #ddd;
}
div.group_photos > ul > li > div:hover
{
border: 1px solid #bbb;
}
div.group_photos > ul > li > div img
{
display: block;
}
/* discussions tab and view page */
.group_discussions_options
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
margin-bottom: 5px;
}
.group_discussions_options a
{
margin-right: 15px;
}
ul.group_discussions > li
{
padding: 10px 10px 10px 0px;
overflow: hidden;
}
ul.group_discussions > li + li
{
border-top-width: 1px;
}
ul.group_discussions .group_discussions_replies
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: left;
overflow: hidden;
text-align: center;
margin-right: 10px;
width: 40px;
padding: 7px 10px 7px 10px;
color: #999;
font-size: .8em;
}
ul.group_discussions .group_discussions_replies span
{
font-size: 2em;
display: block;
}
ul.group_discussions .group_discussions_info
{
overflow: hidden;
}
ul.group_discussions h3
{
margin-bottom: 0px;
}
ul.group_discussions .group_discussions_sticky a
{
background-image: url(/community/application/modules/Group/externals/images/post/stick.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px .2em;
}
ul.group_discussions .group_discussions_lastreply
{
float: right;
overflow: hidden;
width: 250px;
margin-left: 10px;
}
html[dir="rtl"] ul.group_discussions .group_discussions_lastreply
{
float: left;
margin-left: 0px;
margin-right: 10px;
}
ul.group_discussions .group_discussions_lastreply > a
{
float: left;
display: block;
}
ul.group_discussions .group_discussions_lastreply > a > img
{
display: block;
}
ul.group_discussions .group_discussions_lastreply_info
{
overflow: hidden;
padding-left: 5px;
}
ul.group_discussions .group_discussions_lastreply_info_date
{
font-size: .8em;
color: #999;
}
/* some overrides on the tab page for spacing purposes */
div.group_discussions_list
{
margin-top: 10px;
border-top-width: 1px;
}
div.group_discussions_list h3
{
font-size: 1em;
letter-spacing: 0px;
}
div.group_discussions_list .group_discussions_sticky a
{
background-position: 0px 0px;
}
/* view group discussion thread */
div.group_discussions_thread_options .buttonlink
{
padding-top: 1px;
font-size: .8em;
height: 16px;
margin-right: 15px;
}
div.group_discussions_thread_options_closed
{
background-image: url(/community/application/modules/Group/externals/images/post/close.png?c=156);
background-repeat: no-repeat;
padding-left: 20px;
color: #999;
display: inline-block;
margin-left: 20px;
}
ul.group_discussions_thread
{
margin: 10px 0px 10px 0px;
overflow: hidden;
}
ul.group_discussions_thread > li
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
overflow: hidden;
border-top: 1px solid #d7d7d7;
}
ul.group_discussions_thread > li + li
{
margin-top: 5px;
}
ul.group_discussions_thread .group_discussions_thread_author
{
float: left;
overflow: hidden;
width: 120px;
font-weight: bold;
padding: 5px 10px 7px 10px;
}
ul.group_discussions_thread .group_discussions_thread_author_name
{
margin-bottom: 5px;
}
ul.group_discussions_thread .group_discussions_thread_photo
{
display: block;
margin-bottom: 3px;
clear: both;
}
ul.group_discussions_thread .group_discussions_thread_info
{
padding: 0px 10px 5px 5px;
overflow: hidden;
}
ul.group_discussions_thread .group_discussions_thread_details
{
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #d7d7d7;
}
ul.group_discussions_thread .group_discussions_thread_details_date
{
font-size: .8em;
overflow: hidden;
color: #999;
}
ul.group_discussions_thread .group_discussions_thread_details_options
{
margin-top: -2px;
float: right;
overflow: hidden;
text-align: right;
}
ul.group_discussions_thread .group_discussions_thread_details_options .buttonlink
{
font-size: .8em;
height: 16px;
margin-left: 10px;
}
ul.group_discussions_thread .group_discussions_thread_body
{
padding: 5px 0px 5px 0px;
}
ul.group_discussions_thread .group_discussions_thread_body blockquote
{
border: 1px dashed #ddd;
background: #fff;
padding: 10px;
}
/*
GROUP PHOTOS UPLOAD FORM
Some minor changes to the global form.
*/
.group_form_upload #file-label,
.group_form_upload #submit-label
{
display: none;
}
/*
VIEW GROUP ALBUM
Styles for the list group photo page.
*/
.group_album_options > a
{
margin-right: 15px;
}
/*
VIEW GROUP PHOTO
These styles are used on the view photo page within
an album.
*/
div.group_photo_view
{
margin: 25px auto 0px auto;
max-width: 750px;
min-width: 400px;
overflow: visible;
}
div.group_photo_view #media_photo
{
border: 1px solid #ddd;
margin: auto;
display: block;
max-width: 720px;
}
div.group_photo_view .group_photo_nav
{
clear: both;
overflow: hidden;
margin-bottom: 4px;
}
div.group_photo_view .group_photo_nav > div
{
float: left;
overflow: visible;
}
div.group_photo_view .group_photo_nav > div + div
{
float: none;
text-align: right;
}
div.group_photo_view .group_photo_nav > div + div > a + a
{
margin-left: 20px;
}
div.group_photo_info
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
padding: 10px;
border: 5px solid #d7d7d7;
}
div.group_photo_info p
{
text-align: left;
}
div.group_photo_container
{
position: relative;
display: inline-block;
}
div.group_photo_container a:link
{
text-decoration: none;
}
div.group_photo_view > span + div > a
{
display: block;
margin-bottom: 5px;
text-align: center;
}
div.group_photo_view > span + div > a:link
{
display: block;
margin-bottom: 5px;
text-align: center;
}
div.group_photo_info .group_photo_title
{
margin-top: 5px;
font-weight: bold;
}
div.group_photo_info .group_photo_description
{
margin-top: 3px;
font-size: .8em;
}
div.group_photo_info .group_photo_owner
{
margin-top: 3px;
font-size: .8em;
}
div.group_photo_info .group_photo_title + .group_photo_tags,
div.group_photo_info .group_photo_description + .group_photo_tags
{
margin-top: 15px;
}
div.group_photo_info .group_photo_tags
{
font-size: .8em;
margin-top: 5px;
}
div.group_photo_info .group_photo_date
{
font-size: .8em;
margin-top: 5px;
}
div.group_photo_view > div.comments
{
margin-top: 15px;
}
/*
GROUPS USER PROFILE TAB
Styles the list of groups on a user's Groups profile tab.
*/
.layout_group_profile_groups ul > li,
.layout_group_profile_events ul > li
{
overflow: hidden;
}
.layout_group_profile_groups ul > li + li,
.layout_group_profile_events ul > li + li
{
margin-top: 10px;
border-top-width: 1px;
padding-top: 10px;
}
.layout_group_profile_groups ul .groups_profile_tab_photo,
.layout_group_profile_events ul .groups_profile_tab_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
}
.layout_group_profile_groups ul .groups_profile_tab_photo img,
.layout_group_profile_events ul .groups_profile_tab_photo img
{
max-width: 90px;
}
.layout_group_profile_groups ul .groups_profile_tab_info,
.layout_group_profile_events ul .groups_profile_tab_info
{
overflow: hidden;
}
.layout_group_profile_groups ul .groups_profile_tab_title > a,
.layout_group_profile_events ul .groups_profile_tab_title > a
{
font-weight: bold;
}
.layout_group_profile_groups ul .groups_profile_tab_members,
.layout_group_profile_events ul .groups_profile_tab_members
{
font-size: .8em;
color: #999;
}
.layout_group_profile_groups ul .groups_profile_tab_desc,
.layout_group_profile_events ul .groups_profile_tab_desc
{
margin-top: 7px;
}
/*
POST GROUP TOPIC FORM
*/
#group_topic_create .form-elements
{
margin-top: 10px;
}
#group_topic_create .form-label
{
clear: both;
float: none;
text-align: left;
margin-bottom: 3px;
}
#group_topic_create #watch-label
{
display: none;
}
/*
REPLY TO GROUP TOPIC FORM
*/
#group_topic_reply h3,
#group_topic_reply #body-label,
#group_topic_reply #submit-label
{
display: none;
}
#group_topic_reply .form-elements
{
margin-top: 0px;
}
#group_topic_reply #watch-label
{
display: none;
}
/*
INVITE FORM
*/
#group_form_invite #users-label
{
display: none;
}
#group_form_invite #users-element
{
border: 1px solid #bbb;
padding: 7px 10px 7px 10px;
max-height: 200px;
overflow-y: auto;
margin: 10px 0px 10px 0px;
}
/*
EDIT MEMBER TITLE FORM
*/
#group_form_title #title-label
{
display: none;
}
#group_form_title #fieldset-buttons
{
margin-top: 10px;
}
#group_form_title .form-elements
{
margin-top: 10px;
}
/*
TAGS FOR MESSEAGE RECIPIENTS
*/
.tag.tag_group
{
background-image: url(/community/application/modules/Group/externals/images/types/group.png?c=156);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 4px center;
}
/* ITEM TYPE ICONS */
.item_icon_group
{
background-image: url(/community/application/modules/Group/externals/images/types/group.png?c=156);
}
.item_icon_group_topic,
.item_icon_group_post
{
background-image: url(/community/application/modules/Group/externals/images/types/post.png?c=156);
}
.item_icon_group_album,
.item_icon_group_photo
{
background-image: url(/community/application/modules/Group/externals/images/types/album.png?c=156);
}
/* NOTIFICATION TYPE ICONS */
.notification_type_group_discussion_response,
.notification_type_group_discussion_reply
{
background-image: url(/community/application/modules/Group/externals/images/types/post.png?c=156);
}
.notification_type_group_invite
{
background-image: url(/community/application/modules/Group/externals/images/member/invite.png?c=156);
}
.notification_type_group_approve
{
background-image: url(/community/application/modules/Group/externals/images/types/group_request.png?c=156);
}
.notification_type_group_accepted
{
background-image: url(/community/application/modules/Group/externals/images/types/group.png?c=156);
}
.notification_type_group_promote
{
background-image: url(/community/application/modules/Group/externals/images/member/promote.png?c=156);
}
/* ICONS */
.icon_group_photo_new
{
background-image: url(/community/application/modules/Group/externals/images/photo/upload.png?c=156);
}
.icon_group_new
{
background-image: url(/community/application/modules/Group/externals/images/create.png?c=156);
}
.icon_group_edit
{
background-image: url(/community/application/modules/Group/externals/images/edit.png?c=156);
}
.icon_group_delete
{
background-image: url(/community/application/modules/Group/externals/images/delete.png?c=156);
}
.icon_group_join
{
background-image: url(/community/application/modules/Group/externals/images/member/join.png?c=156);
}
.icon_group_leave
{
background-image: url(/community/application/modules/Group/externals/images/member/leave.png?c=156);
}
.icon_group_photo_view
{
background-image: url(/community/application/modules/Group/externals/images/photo/view.png?c=156);
}
.icon_group_photo_new
{
background-image: url(/community/application/modules/Group/externals/images/photo/upload.png?c=156);
}
.icon_group_post_new
{
background-image: url(/community/application/modules/Group/externals/images/post/create.png?c=156);
}
.icon_group_post_edit
{
background-image: url(/community/application/modules/Group/externals/images/post/edit.png?c=156);
}
.icon_group_post_reply
{
background-image: url(/community/application/modules/Group/externals/images/post/reply.png?c=156);
}
.icon_group_post_stick
{
background-image: url(/community/application/modules/Group/externals/images/post/stick.png?c=156);
}
.icon_group_post_unstick
{
background-image: url(/community/application/modules/Group/externals/images/post/unstick.png?c=156);
}
.icon_group_post_close
{
background-image: url(/community/application/modules/Group/externals/images/post/close.png?c=156);
}
.icon_group_post_open
{
background-image: url(/community/application/modules/Group/externals/images/post/unclose.png?c=156);
}
.icon_group_post_rename
{
background-image: url(/community/application/modules/Group/externals/images/post/rename.png?c=156);
}
.icon_group_post_delete
{
background-image: url(/community/application/modules/Group/externals/images/post/delete.png?c=156);
}
.icon_group_post_quote
{
background-image: url(/community/application/modules/Group/externals/images/post/quote.png?c=156);
}
.icon_group_accept
{
background-image: url(/community/application/modules/Group/externals/images/member/accept.png?c=156);
}
.icon_group_reject
{
background-image: url(/community/application/modules/Group/externals/images/member/reject.png?c=156);
}
.icon_group_cancel
{
background-image: url(/community/application/modules/Group/externals/images/member/cancel.png?c=156);
}
.icon_group_demote
{
background-image: url(/community/application/modules/Group/externals/images/member/demote.png?c=156);
}
.icon_group_promote
{
background-image: url(/community/application/modules/Group/externals/images/member/promote.png?c=156);
}
.icon_group_topic_watch
{
background-image: url(/community/application/modules/Group/externals/images/watch.png?c=156);
}
.icon_group_topic_unwatch
{
background-image: url(/community/application/modules/Group/externals/images/unwatch.png?c=156);
}
.activity_icon_group_join
{
background-image: url(/community/application/modules/Group/externals/images/member/join.png?c=156);
}
.activity_icon_group_promote
{
background-image: url(/community/application/modules/Group/externals/images/member/promote.png?c=156);
}
/* hide menu items */
.headline .tabs .navigation li > a.group_main_create
{
display: none;
}
/* */
/*
VIEW MESSAGES
Used to list members' messages in their inbox
and outbox.
*/
.messages_list > ul > li
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
clear: both;
overflow: hidden;
padding: 10px;
}
.messages_list > ul > li + li
{
margin-top: 1px;
}
.messages_list > ul > li.messages_list_new *
{
font-weight: bold;
}
.messages_list .messages_list_checkbox
{
float: left;
overflow: hidden;
}
.messages_list .messages_list_photo
{
float: left;
overflow: hidden;
padding-left: 5px;
}
.messages_list .messages_list_photo img
{
display: block;
}
.messages_list .messages_list_from
{
float: left;
overflow: hidden;
padding-left: 10px;
width: 170px;
}
.messages_list .messages_list_from > .messages_list_from_date
{
font-size: .8em;
color: #999;
text-transform: lowercase;
margin-top: 5px;
}
.messages_list .messages_list_info
{
overflow: hidden;
}
.messages_list .messages_list_info > .messages_list_info_body
{
font-size: .8em;
margin-top: 5px;
padding-left: 1px;
}
/*
VIEW MESSAGE
Styles the view message thread page.
*/
#global_page_messages-messages-view #global_content > h3,
.message_view_between
{
text-align: center;
}
.message_view_between
{
margin-top: 4px;
margin-bottom: 10px;
}
ul.message_view > li
{
clear: both;
overflow: hidden;
border-top-width: 1px;
padding: 10px 0px 10px 0px;
}
ul.message_view .message_view_leftwrapper
{
float: left;
}
ul.message_view .message_view_photo
{
float: left;
overflow: hidden;
width: 70px;
}
ul.message_view .message_view_photo img
{
display: block;
}
ul.message_view .message_view_from
{
width: 150px;
float: left;
overflow: hidden;
text-align: right;
padding-right: 15px;
font-weight: bold;
}
.message_view_actions
{
display: none;
}
ul.message_view .message_view_from .small
{
font-weight: normal;
}
ul.message_view .message_view_info
{
overflow: hidden;
}
ul.message_view .message_view_reply
{
clear: both;
overflow: hidden;
padding-top: 5px;
}
ul.message_view .message_view_info .buttons
{
margin-top: 10px;
}
ul.message_view .message_view_info textarea
{
width: 400px;
height: 100px;
}
ul.message_view .message_view_date
{
font-size: .8em;
color: #999;
font-weight: normal;
}
ul.message_view .message_attachment
{
overflow: hidden;
margin: 10px;
padding-left: 22px;
background-image: url(/community/application/modules/Messages/externals/images/attachment.png?c=156);
background-repeat: no-repeat;
}
ul.message_view .message_attachment_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
}
ul.message_view .message_attachment_info
{
overflow: hidden;
}
ul.message_view .message_attachment_title
{
font-size: .8em;
font-weight: bold;
margin-bottom: 2px;
}
ul.message_view .message_attachment_desc
{
font-size: .8em;
}
/*
REPLY FORM
Shown on view mesage page.
*/
#messages_form_reply > div
{
width: 400px;
}
#messages_form_reply .form-label
{
display: none;
}
#messages_form_reply #submit-element
{
overflow: visible;
margin: 0px;
}
#messages_form_reply #body-element
{
width: 100%;
}
#messages_form_reply .compose-container,
#messages_form_reply .compose-content
{
width: 98%;
}
#messages_form_reply #compose-menu
{
margin-top: 10px;
}
#messages_form_reply #compose-menu a
{
font-size: .8em;
padding-top: 1px;
padding-bottom: 2px;
margin-right: 10px;
}
#messages_form_reply .compose-menu
{
margin-top: 0px;
}
#messages_form_reply .compose-menu > span
{
background-repeat: no-repeat;
padding-left: 20px;
display: block;
}
#messages_form_reply .compose-body
{
overflow: visible;
}
#messages_form_reply #submit-element
{
float: none;
overflow: hidden;
}
/*
COMPOSE MESSAGE FORM
*/
#messages_compose #submit-element
{
float: none;
overflow: hidden;
}
#messages_compose .compose-content
{
width: 400px;
min-height: 4em;
}
#messages_compose #compose-menu
{
margin-top: 10px;
}
#messages_compose .compose-menu > span
{
background-repeat: no-repeat;
padding-left: 20px;
display: block;
}
#messages_compose #compose-menu a
{
font-size: .8em;
padding-top: 1px;
padding-bottom: 2px;
}
#messages_compose .compose-menu
{
margin-top: 0px;
}
#messages_compose #compose-menu .buttonlink
{
margin-right: 15px;
}
/*
MESSAGES AUTOSUGGEST
Used to style the autosuggest pulldown
shown when you are entering a recipient
on the compose message page.
*/
ul.message-autosuggest
{
position: absolute;
padding: 0px;
width: 300px;
list-style: none;
z-index: 50;
border: 1px solid #bbb;
margin: 0px;
list-style: none;
cursor: pointer;
white-space: nowrap;
background: #fff;
}
ul.message-autosuggest > li
{
padding: 3px;
overflow: hidden;
}
ul.message-autosuggest > li + li
{
border-top-width: 1px;
}
ul.message-autosuggest > li img
{
width: 25px;
height: 25px;
display: block;
float: left;
margin-right: 5px;
}
ul.message-autosuggest > li.autocompleter-selected
{
background-color: #fff;
}
ul.message-autosuggest > li.autocompleter-choices
{
font-size: .8em;
}
ul.message-autosuggest > li.autocompleter-choices .autocompleter-choice
{
line-height: 25px;
}
ul.message-autosuggest > li:hover
{
background-color: #eee;
}
ul.message-autosuggest > li span.autocompleter-queried
{
font-weight: bold;
}
ul.message-autosuggest .search-working
{
background-image: none;
}
ul.message-autosuggest .friendlist
{
background-image: url(/community/application/modules/User/externals/images/friends/list.png?c=156);
background-repeat: no-repeat;
padding-left: 28px;
background-position: 5px center;
}
#messages_compose #toValues-wrapper
{
height: 0px;
}
#messages_compose #toValues-element
{
width: 400px;
max-height: 300px;
overflow-y: auto;
}
/*
MESSAGES HOME WIDGET
Shows recent messages on the member home page.
*/
.layout_messages_home_messages
{
clear: both;
overflow: auto;
width: 100%;
}
.layout_messages_home_messages > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin-bottom: 15px;
}
.layout_messages_home_messages > ul > li
{
clear: both;
overflow: hidden;
padding: 3px 0px 3px 0px;
margin: 0px 5px 0px 5px;
border-top-width: 1px;
}
.layout_messages_home_messages > ul > li:first-child
{
border-top-width: 0px;
}
.layout_messages_home_messages > li.new .title
{
font-weight: bold;
}
.layout_messages_home_messages .from
{
font-size: .8em;
color: #999;
margin-bottom: 4px;
}
.layout_messages_home_messages .title
{
font-size: .8em;
margin-bottom: 3px;
}
.layout_messages_home_messages .body
{
font-size: .8em;
margin-bottom: 5px;
}
/*
TAGS FOR MESSAGE RECIPIENTS
*/
.tag.tag_friend
{
background-image: url(/community/application/modules/User/externals/images/friends/list.png?c=156);
padding-left: 25px;
background-repeat: no-repeat;
background-position: 4px center;
}
/* NOTIFICATION TYPE ICONS */
.notification_type_message_new
{
background-image: url(/community/application/modules/Messages/externals/images/send.png?c=156);
}
/* message list */
#global_page_messages-messages-inbox #global_content .headline + div,
#global_page_messages-messages-outbox #global_content .headline + p
{
text-align: center;
}
.messages_list > ul > li
{
border: none;
background: none;
padding: 0px;
border-top: 1px solid #eaeaea;
padding-top: 10px;
padding-bottom: 10px;
}
.messages_list > ul > li.messages_list_new *
{
font-weight: normal;
}
.messages_list > ul > li.messages_list_new
{
background-color: #f5f5f5;
}
.messages_list .messages_list_checkbox,
#global_page_messages-messages-inbox #global_content #delete,
#global_page_messages-messages-outbox #global_content #delete,
#global_page_messages-messages-inbox #global_content .tip,
#global_page_messages-messages-outbox #global_content .tip
{
display: none;
}
.messages_list .messages_list_photo
{
margin-right: 7px;
}
.messages_list .messages_list_from
{
float: none;
width: auto;
padding: 0px;
}
.messages_list .messages_list_from > .messages_list_from_name
{
font-size: .9em;
display: inline-block;
vertical-align: middle;
}
.messages_list .messages_list_from > .messages_list_from_date
{
display: inline-block;
vertical-align: middle;
margin: 1px 0px 0px 1px;
}
.messages_list .messages_list_info > .messages_list_info_title
{
margin-top: 2px;
}
.messages_list .messages_list_info > .messages_list_info_title > a
{
font-weight: bold;
font-size: 1.1em;
}
.messages_list .messages_list_info > .messages_list_info_body
{
margin-top: 0px;
display: none;
}
/* view message */
#global_page_messages-messages-view h3
{
font-size: 1.4em;
border-top: 1px solid #eaeaea;
padding-top: 10px;
}
.message_view_between
{
margin: 0px;
}
ul.message_view > li
{
border: none;
margin-top: 0px;
}
ul.message_view .message_view_leftwrapper
{
float: none;
overflow: hidden;
background-color: #f5f5f5;
padding: 5px;
}
ul.message_view .message_view_photo
{
width: auto;
margin-right: 7px;
}
ul.message_view .message_view_from
{
width: auto;
text-align: left;
font-size: 1.2em;
}
ul.message_view .message_view_info
{
clear: both;
padding-top: 10px;
font-size: 1.1em;
}
ul.message_view .message_quick_entry > .message_view_leftwrapper
{
display: none;
}
#messages_form_reply > div
{
width: auto;
float: none;
background-color: #f5f5f5;
margin: 0px 0px 10px 0px;
border: 1px solid #d7e8f1;
padding: 5px;
}
#messages_form_reply > div > div
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: none;
border: none;
padding: 0px;
}
#messages_form_reply textarea
{
width: 99%;
height: 70px;
max-width: none;
min-height: 0px;
font-size: 1.2em;
}
#messages_form_reply #compose-menu
{
display: none;
}
.message_view_info .global_form div.form-element
{
margin-bottom: 3px;
}
/* compose message */
#messages_compose h3,
#messages_compose .form-description,
#messages_compose #compose-menu,
#messages_compose #toValues-label,
#messages_compose #submit-label
{
display: none;
}
#messages_compose #to-element
{
margin-bottom: 5px;
}
#messages_compose .tag
{
font-size: 11pt;
}
#messages_compose .overTxtLabel
{
padding: 10px 0px 0px 5px;
color: #999;
}
/* */
/*
NETWORK SETTINGS
Used to style the networks page in the member's
settings area.
*/
.networks_left
{
float: left;
width: 380px;
padding-right: 30px;
}
.networks_right
{
float: left;
width: 380px;
}
ul.networks
{
width: 350px;
margin: 15px 0px 15px 0px;
}
ul.networks > li
{
overflow: hidden;
border: 1px solid #ddd;
padding: 10px;
}
ul.networks > li + li
{
border-top: none;
}
ul.networks > li > div
{
float: left;
overflow: hidden;
font-weight: bold;
}
html[dir="rtl"] ul.networks > li > div
{
float: right;
}
ul.networks > li > div > span
{
font-weight: normal;
font-size: .8em;
}
ul.networks > li > a
{
display: block;
overflow: hidden;
float: right;
}
html[dir="rtl"] ul.networks > li > a
{
text-align: left;
}
/* USER NETWORK SETTINGS */
form#network-form input.network_join_selected
{
background-color: #eee;
}
/* ITEM TYPE ICONS */
.item_icon_network
{
background-image: url(/community/application/modules/Network/externals/images/types/network.png?c=156);
}
/* ACTION TYPE ICONS */
.activity_icon_network_join
{
background-image: url(/community/application/modules/Network/externals/images/types/network.png?c=156);
}
/* */
.payment_form_settings .package-container
{
display: block;
padding-left: 20px;
}
.payment_form_settings .package-label
{
font-weight: bold;
}
.payment_form_settings .package-description
{
padding-top: 2px;
clear: both;
}
/* */
/*
BROWSE POLLS
These styles are used on the browse polls page
and inside the polls profile tab.
*/
ul.polls_browse > li
{
clear: both;
overflow: hidden;
padding: 0px 0px 15px 0px;
}
ul.polls_browse > li + li
{
border-top-width: 1px;
padding-top: 15px;
}
ul.polls_browse > li > a
{
display: block;
float: left;
overflow: hidden;
margin-right: 8px;
font-weight: bold;
}
ul.polls_browse .polls_browse_options
{
float: right;
width: 120px;
padding-left: 15px;
}
ul.polls_browse .polls_browse_options a
{
clear: both;
margin: 3px 0px 0px 0px;
font-size: .8em;
padding-top: 1px;
height: 16px;
}
ul.polls_browse .polls_browse_info
{
overflow: hidden;
}
ul.polls_browse .polls_browse_info_date
{
font-size: .8em;
color: #999;
}
ul.polls_browse .polls_browse_info_desc
{
margin-top: 5px;
}
ul.polls_browse .polls_browse_photo > img
{
display: block;
}
/*
COMMON VIEW POLL
*/
.poll_view_single ul.poll_options
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.poll_view_single ul.poll_options > li
{
clear: both;
overflow: hidden;
}
.poll_view_single ul.poll_options > li + li
{
margin-top: 10px;
}
.poll_view_single .poll_radio
{
float: left;
width: 20px;
height: 18px;
overflow: hidden;
}
.poll_view_single .poll_radio > input
{
display: block;
float: left;
margin-left: 1px;
}
.poll_view_single .poll_radio_loading
{
float: left;
width: 20px;
height: 18px;
background-image: url(/community/application/modules/Poll/externals/images/loading.gif?c=156);
background-repeat: no-repeat;
overflow: hidden;
}
.poll_view_single .poll_radio_loading input
{
display: none;
}
.poll_view_single .poll_option
{
margin-bottom: 3px;
}
.poll_view_single .poll_answer
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 10px;
height: 15px;
font-size: 1px;
margin-right: 5px;
float: left;
overflow: hidden;
}
.poll_view_single .poll_answer_total
{
display: block;
height: 15px;
font-size: .7em;
width: 70px;
float: left;
padding: 2px 0px 0px 0px;
}
.poll_view_single div.poll-answer-1
{
background-color: #aaea4f;
}
.poll_view_single div.poll-answer-2
{
background-color: #ea4f4f;
}
.poll_view_single div.poll-answer-3
{
background-color: #4faaea;
}
.poll_view_single div.poll-answer-4
{
background-color: #eaaa4f;
}
.poll_view_single div.poll-answer-5
{
background-color: #4f5eea;
}
.poll_view_single div.poll-answer-6
{
background-color: #4feabc;
}
.poll_view_single div.poll-answer-7
{
background-color: #e54fea;
}
.poll_view_single div.poll-answer-8
{
background-color: #eae84f;
}
.poll_view_single .poll_stats
{
margin-top: 15px;
}
.poll_view_single .poll_stats > a
{
font-weight: bold;
}
/*
VIEW POLL
These styles are used for viewing a single poll.
*/
#global_page_poll-index-view #global_content > h2
{
text-align: center;
}
div.polls_view
{
text-align: center;
}
div.polls_view .poll_desc
{
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 0px 5%;
}
div.polls_view .poll_options
{
margin: 0px 5%;
padding: 10px;
background-color: #f5f5f5;
max-width: none;
}
div.polls_view .poll_stats
{
display: none;
}
div.polls_view .comments
{
margin-top: 10px;
width: auto;
}
/*
POLL RICH CONTENT
*/
.feed_poll_rich_content .poll_option
{
font-size: 0.8em;
}
.feed_poll_rich_content .poll_answer
{
margin-top: 1px;
height: 10px;
}
.feed_poll_rich_content .poll_answer_total
{
padding-top: 0;
}
.feed_poll_rich_content ul.poll_options
{
padding: 10px;
background-color: #f5f5f5;
margin: 7px 0px;
}
.feed_poll_rich_content ul.poll_options > li
{
clear: both;
overflow: hidden;
}
.feed_poll_rich_content ul.poll_options > li + li
{
clear: both;
margin-top: 5px;
overflow: hidden;
}
.feed_poll_rich_content .poll_stats
{
display: none;
margin-top: 5px;
font-size: 0.9em;
}
.feed_poll_rich_content .poll_stats > a
{
font-weight: normal;
}
/* HOME POLL WIDGET */
.layout_poll_home_poll
{
margin-bottom: 15px;
}
.layout_poll_home_poll .poll_option
{
font-size: 0.8em;
}
.layout_poll_home_poll .poll_answer_total
{
padding-left: 0px;
padding-top: 3px;
}
.layout_poll_home_poll .poll_answer
{
display: block;
clear: both;
float: none;
}
.layout_poll_home_poll .poll_answer
{
margin-top: 1px;
height: 10px;
}
/* ACTION TYPE ICONS */
.activity_icon_comment_poll
{
background-image: url(/community/application/modules/Core/externals/images/types/post.png?c=156);
}
/* ITEM TYPE ICONS */
.item_icon_poll
{
background-image: url(/community/application/modules/Poll/externals/images/types/poll.png?c=156);
}
/* ICONS */
.icon_poll_new
{
background-image: url(/community/application/modules/Poll/externals/images/new.png?c=156);
}
.icon_poll_delete
{
background-image: url(/community/application/modules/Poll/externals/images/delete.png?c=156);
}
.icon_poll_edit
{
background-image: url(/community/application/modules/Poll/externals/images/edit.png?c=156);
}
/* hide menu items */
.headline .tabs .navigation li > a.poll_main_create
{
display: none;
}
/* */
/*
SIGN IN OR JOIN WIDGET
Used to style the mini login form,
usually
diplayed on the main portal page.
*/
.layout_user_login_or_signup
{
margin-bottom: 15px;
}
.layout_user_login_or_signup div.form-element input[type=text],
.layout_user_login_or_signup div.form-element input[type=email],
.layout_user_login_or_signup div.form-element input[type=password]
{
width: 95%;
}
.layout_user_login_or_signup #fieldset-buttons
{
margin-top: 8px;
overflow: hidden;
}
.layout_user_login_or_signup #submit-wrapper
{
float: left;
overflow: hidden;
}
.layout_user_login_or_signup #remember-wrapper
{
float: left;
overflow: hidden;
}
.layout_user_login_or_signup #remember-wrapper input
{
display: block;
float: left;
margin-top: 4px;
margin-left: 3px;
}
.layout_user_login_or_signup #remember-wrapper label
{
display: block;
float: left;
}
.layout_user_login_or_signup #submit-label,
.layout_user_login_or_signup #remember,
.layout_user_login_or_signup #facebook-label
{
display: none;
}
.layout_user_login_or_signup .form-description
{
display: none;
}
.forgot-element,
#forgot-label
{
margin-bottom: 0px;
}
.layout_user_login_or_signup #facebook-wrapper
{
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #d7e8f1;
}
.global_form #facebook-element
{
width: 200px;
}
/*
QUICK LINKS WIDGET
Small widget,
used to show convenient,
static links
to a signed-in member such as 'view my profile',
'edit my profile',
'search for people',
etc. Often
visible on plugin browse pages to prompt members
to create new content.
*/
.layout_user_home_links
{
margin-bottom: 15px;
overflow: hidden;
}
.quicklinks
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.quicklinks li
{
padding: 6px;
}
.quicklinks li + li
{
border-color: #d7d7d7;
border-top-width: 1px;
padding-top: 6px;
}
form + .quicklinks
{
margin-top: 15px;
}
/*
WELCOME WIDGET
Small widget,
only available when member is
signed-in,
that shows their profile photo,
a short welcome message and a sign out link.
*/
.layout_user_home_photo
{
overflow: hidden;
margin-bottom: 15px;
}
.layout_user_home_photo > div
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 7px;
overflow: hidden;
}
.layout_user_home_photo > div *
{
text-align: center;
}
.layout_user_home_photo > div > a
{
display: block;
text-decoration: none;
}
.layout_user_home_photo > div > a > img
{
width: 99%;
display: block;
margin: 0px auto 0px auto;
}
.layout_user_home_photo > div > p
{
font-weight: normal;
margin-top: 7px;
}
/*
WHOS ONLINE WIDGET
Small widget that lists members that are
currently online,
usually displayed on the
main portal or member home pages.
*/
.layout_user_list_online
{
margin-bottom: 15px;
overflow: hidden;
clear: both;
}
.layout_user_list_online > div
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 7px;
overflow: hidden;
}
.layout_user_list_online .whosonline_thumb
{
float: left;
line-height: 0px;
font-size: 0px;
margin: 4px;
}
.layout_user_list_online .whosonline_thumb img
{
display: block;
}
.layout_user_list_online .online_guests
{
clear: both;
padding: 4px 0px 3px 4px;
}
/*
POPULAR MEMBERS WIDGET
Lists the most popular members,
typically placed
on the main home page.
*/
.layout_user_list_popular
{
clear: both;
overflow: auto;
width: 100%;
margin-bottom: 15px;
}
.layout_user_list_popular > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
.layout_user_list_popular > ul > li
{
clear: both;
overflow: hidden;
padding: 3px 5px 3px 5px;
}
.layout_user_list_popular a.popularmembers_thumb
{
float: left;
display: block;
width: 48px;
height: 48px;
}
.layout_user_list_popular a.popularmembers_thumb > span
{
display: block;
}
.layout_user_list_popular .popularmembers_info
{
padding: 0px 0px 0px 6px;
overflow: hidden;
}
.layout_user_list_popular .popularmembers_name
{
font-weight: bold;
}
.layout_user_list_popular .popularmembers_friends
{
font-size: .8em;
color: #999;
}
/*
NEWEST MEMBERS WIDGET
Lists the most recent signups,
typically placed
on the main home page.
*/
.layout_user_list_signups
{
clear: both;
overflow: auto;
width: 100%;
margin-bottom: 15px;
}
.layout_user_list_signups > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}
.layout_user_list_signups > ul > li
{
clear: both;
overflow: hidden;
padding: 3px 5px 3px 5px;
}
.layout_user_list_signups a.newestmembers_thumb
{
float: left;
display: block;
width: 48px;
}
.layout_user_list_signups a.newestmembers_thumb > img
{
display: block;
}
.layout_user_list_signups .newestmembers_info
{
padding: 0px 0px 0px 6px;
overflow: hidden;
}
.layout_user_list_signups .newestmembers_name
{
font-weight: bold;
}
.layout_user_list_signups .newestmembers_date
{
font-size: .8em;
color: #999;
}
/*
MUTUAL FRIENDS WIDGET
Lists the friends common to the subject and viewer.
*/
.layout_user_profile_friends_common
{
margin-top: 20px;
}
.layout_user_profile_friends_common > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 7px 7px 9px 7px;
overflow: hidden;
}
.layout_user_profile_friends_common > ul > li
{
float: left;
overflow: hidden;
margin: 4px 4px 0px 4px;
}
.layout_user_profile_friends_common h3
{
font-size: .8em;
letter-spacing: 0px;
}
/* VIEW PROFILE */
#profile_post
{
width: 500px;
padding: 10px;
margin-bottom: 10px;
}
#profile_status
{
clear: both;
overflow: hidden;
margin-bottom: 7px;
}
#profile_status > h2
{
display: inline;
margin: 0px;
}
#profile_status > span
{
display: inline;
padding: 0px;
}
.profile_status_field
{
padding: 5px;
font-size: 12pt;
width: 96%;
height: 17px;
}
.profile_status_text
{
display: inline-block;
margin-top: -0.5em;
}
.profile_status_clear
{
display: inline-block;
margin-top: -1px;
font-size: .8em;
}
#profile_options ul
{
padding: 0px;
margin: 0px;
white-space: nowrap;
}
#profile_options li
{
font-weight: bold;
padding: 6px 0px 6px 0px;
}
#profile_options li + li
{
border-top-width: 1px;
}
#profile_options .mobi_profile_block
{
display: none;
}
.profile_fields
{
margin-top: 10px;
overflow: hidden;
}
.profile_fields > ul
{
padding: 10px;
}
.profile_fields > ul > li
{
overflow: hidden;
}
.profile_fields > ul > li + li
{
margin-top: 8px;
}
.profile_fields > ul > li > span
{
display: block;
float: left;
overflow: hidden;
width: 175px;
margin-right: 15px;
}
.profile_fields > ul > li > span + span
{
min-width: 0px;
display: block;
float: none;
overflow: hidden;
width: 400px;
}
.profile_fields li > .tip > span
{
margin-top: 5px;
margin-bottom: 5px;
}
.profile_info_category
{
margin-bottom: 3px;
}
.profile_info_row
{
clear: both;
overflow: hidden;
margin: 4px 0px 6px 0px;
}
.profile_info_left
{
width: 100px;
float: left;
vertical-align: top;
}
.profile_info_right
{
vertical-align: top;
overflow: hidden;
}
#profile_photo img
{
width: 100%;
}
/* PROFILE STATS WIDGET */
.layout_user_profile_info
{
margin-top: 20px;
overflow: hidden;
}
.layout_user_profile_info > ul
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
}
.layout_user_profile_info > ul > li
{
font-size: .8em;
}
.layout_user_profile_info > ul > li + li
{
margin-top: 5px;
}
.layout_user_profile_info > h3
{
font-size: 0.8em;
font-weight: bold;
letter-spacing: normal;
}
/*
LINKS TAB
*/
ul.profile_links > li
{
overflow: hidden;
}
ul.profile_links > li + li
{
margin-top: 10px;
border-top-width: 1px;
padding-top: 10px;
}
ul.profile_links .profile_links_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
}
ul.profile_links .profile_links_photo img
{
display: block;
border: 1px solid #ddd;
width: 90px;
}
ul.profile_links .profile_links_info
{
overflow: hidden;
}
ul.profile_links .profile_links_title
{
font-weight: bold;
margin-bottom: 2px;
}
ul.profile_links .profile_links_description
{
font-size: .8em;
}
ul.profile_links .profile_links_author
{
margin-top: 2px;
font-size: .8em;
color: #999;
}
/*
PROFILE (FRIENDS TAB)
Used for listing a member's friends within
the friends profile tab
*/
ul.profile_friends
{
margin-bottom: 8px;
}
ul.profile_friends > li
{
overflow: hidden;
}
ul.profile_friends > li + li
{
margin: 10px 0px 10px 0px;
padding-top: 10px;
border-top-width: 1px;
}
ul.profile_friends .profile_friends_icon
{
float: left;
display: block;
}
ul.profile_friends .profile_friends_icon > img
{
display: block;
}
ul.profile_friends .profile_friends_body
{
overflow: hidden;
padding-left: 7px;
}
ul.profile_friends .profile_friends_lists
{
margin-top: 3px;
overflow: hidden;
}
ul.profile_friends .profile_friends_status
{
font-size: 10pt;
}
ul.profile_friends .profile_friends_status > span
{
font-size: 11pt;
font-weight: bold;
}
ul.profile_friends .profile_friends_options
{
float: right;
width: 200px;
overflow: hidden;
padding-left: 15px;
text-align: right;
}
ul.profile_friends .profile_friends_options a.buttonlink
{
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: .8em;
}
ul.profile_friends .profile_friends_options div
{
text-align: right;
}
.profile_friends_lists .pulldown label
{
font-size: 1.2em;
}
.profile_friends_lists li
{
overflow: hidden;
padding: 0px;
}
.profile_friends_lists li > span
{
display: block;
float: right;
overflow: hidden;
font-weight: bold;
text-transform: uppercase;
}
.profile_friends_lists li > span > a
{
display: block;
padding: 0px 5px 0px 5px;
}
.profile_friends_lists li > div
{
overflow: hidden;
font-size: 1em;
}
.profile_friends_lists li.friend_list_joined,
.profile_friends_lists li.friend_list_unjoined
{
background-color: #fff;
background-repeat: no-repeat;
background-position: 2px 4px;
padding-left: 20px;
}
.profile_friends_lists li.friend_list_joined:hover, .profile_friends_lists li.friend_list_unjoined:hover
{
background-color: #eee;
cursor: pointer;
}
.profile_friends_lists li.friend_list_joined
{
background-image: url(/community/application/modules/User/externals/images/friends/list_joined.png?c=156);
}
.profile_friends_lists li.friend_list_unjoined
{
background-image: url(/community/application/modules/User/externals/images/friends/list_unjoined.png?c=156);
}
.profile_friends_lists .overTxtLabel
{
font-size: 1.2em;
}
/*
BROWSE MEMBERS
Used to style the browse members page,
including the search from and results.
*/
.browsemembers_criteria
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 7px;
}
.browsemembers_criteria > ul > li
{
font-size: .8em;
overflow: hidden;
clear: both;
}
.browsemembers_criteria > ul > li + li
{
margin-top: 7px;
}
.browsemembers_criteria > ul > li > span
{
display: block;
margin-bottom: 3px;
}
.browsemembers_criteria ul li input[type=checkbox]
{
display: block;
float: left;
margin: 0px 4px 0px 0px;
clear: left;
}
.browsemembers_criteria > ul > li > label
{
display: block;
float: left;
overflow: hidden;
}
.browsemembers_criteria button
{
margin-top: 10px;
}
.browsemembers_results > ul > li
{
overflow: hidden;
border-top-width: 1px;
margin-top: 10px;
padding-top: 10px;
}
.browsemembers_results > ul > li > a
{
display: block;
float: left;
}
.browsemembers_results > ul > li > a > img
{
border: 1px solid #ddd;
}
.browsemembers_results div.browsemembers_results_info
{
padding-left: 5px;
overflow: hidden;
}
.browsemembers_results div.browsemembers_results_info > a
{
font-weight: bold;
}
.browsemembers_results div.browsemembers_results_info > div
{
font-size: .8em;
color: #999;
margin-top: 2px;
}
.browsemembers_results div.browsemembers_results_links
{
float: right;
overflow: hidden;
width: 175px;
text-align: right;
}
.browsemembers_results_links a.buttonlink
{
font-size: .8em;
padding-top: 2px;
padding-bottom: 3px;
}
.browsemembers_results div.browsemembers_viewmore,
.browsemembers_results div.browsemembers_loading
{
margin-top: 10px;
border-top-width: 1px;
padding-top: 10px;
}
/* ACTION TYPE ICONS */
.activity_icon_status,
.activity_icon_post,
.activity_icon_post_self
{
background-image: url(/community/application/modules/Core/externals/images/types/post.png?c=156);
}
.activity_icon_profile_photo_update
{
background-image: url(/community/application/modules/User/externals/images/types/photo.png?c=156);
}
.activity_icon_friends
{
background-image: url(/community/application/modules/User/externals/images/types/friend.png?c=156);
}
.activity_icon_login,
.activity_icon_logout,
.activity_icon_signup
{
background-image: url(/community/application/modules/User/externals/images/types/user.png?c=156);
}
body .activity_icon_tagged
{
background-image: url(/community/application/modules/User/externals/images/types/tag.png?c=156);
}
/* ITEM TYPE ICONS */
.item_icon_user
{
background-image: url(/community/application/modules/User/externals/images/types/user.png?c=156);
}
/* NOTIFICATION TYPE ICONS */
.notification_type_post_user
{
background-image: url(/community/application/modules/Core/externals/images/types/post.png?c=156);
}
.notification_type_friend_accepted
{
background-image: url(/community/application/modules/User/externals/images/friends/accepted.png?c=156);
}
.notification_type_friend_request
{
background-image: url(/community/application/modules/User/externals/images/friends/request.png?c=156);
}
.notification_type_friend_follow
{
background-image: url(/community/application/modules/User/externals/images/friends/accepted.png?c=156);
}
.notification_type_friend_follow_request
{
background-image: url(/community/application/modules/User/externals/images/friends/request.png?c=156);
}
.notification_type_friend_follow_accepted
{
background-image: url(/community/application/modules/User/externals/images/friends/accepted.png?c=156);
}
.notification_type_tagged
{
background-image: url(/community/application/modules/User/externals/images/types/tag.png?c=156);
}
/* browse members */
#global_page_user-index-browse h2
{
display: none;
}
#global_page_user-index-browse .layout_left
{
float: none;
margin: 0px;
padding: 0px;
width: auto;
}
.browsemembers_criteria
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: none;
background-color: #f5f5f5;
margin: 0px 0px 10px 0px;
border: 1px solid #ccc;
padding: 10px;
}
.browsemembers_criteria .browse-separator-wrapper
{
display: none;
}
.browsemembers_criteria ul li span,
.browsemembers_criteria ul li label
{
font-size: 11pt;
}
.browsemembers_criteria ul li label
{
float: none;
display: inline-block;
vertical-align: middle;
}
.browsemembers_criteria ul li input[type=checkbox]
{
float: none;
display: inline-block;
vertical-align: middle;
margin: 0px 3px 0px 0px;
}
.browsemembers_criteria ul li select
{
font-size: 12pt;
}
.browsemembers_criteria button
{
font-size: 12pt;
}
.browsemembers_results h3
{
text-align: center;
}
.browsemembers_results .browsemembers_results_info > a
{
display: block;
font-size: 12pt;
margin-bottom: 2px;
}
.browsemembers_results div.browsemembers_results_links
{
display: none;
}
/* signup */
#global_page_user-signup-index h3
{
margin-bottom: 15px;
font-size: 16pt;
}
#global_page_user-signup-index ul.form-errors
{
margin-top: 5px;
}
#global_page_user-signup-index #submit-label,
#global_page_user-signup-index #terms-label
{
display: none;
}
#global_page_user-signup-index .form-label
{
font-size: 11pt;
}
#global_page_user-signup-index .description
{
color: #999;
}
#global_page_user-signup-index #terms-wrapper input[type=checkbox]
{
float: none;
display: inline-block;
vertical-align: middle;
margin: 0px 4px 0px 0px;
}
#global_page_user-signup-index #terms-wrapper label
{
float: none;
display: inline-block;
vertical-align: middle;
font-size: .9em;
margin: 0px;
}
#global_page_user-signup-index button
{
font-size: 13pt;
}
/* login */
.layout_user_login_or_signup h3
{
font-size: 15pt;
text-align: center;
}
#user_form_login h3,
#user_form_login .form-description,
#user_form_login #submit-label,
#user_form_login #forgot-label
{
display: none;
}
#user_form_login #forgot-element
{
margin-bottom: 0px;
font-weight: bold;
}
#user_form_login .form-errors
{
margin-top: 0px;
margin-bottom: 10px;
}
#user_form_login .form-label
{
font-size: 13pt;
}
#user_form_login button
{
font-size: 12pt;
}
#user_form_login label
{
float: none;
font-size: 11pt;
display: inline-block;
vertical-align: middle;
}
#user_form_login #remember-element
{
padding-left: 10px;
}
#user_form_login #remember-wrapper input[type=checkbox]
{
float: none;
display: inline-block;
vertical-align: middle;
margin: 0px 4px 0px 0px;
}
#user_form_login.global_form_box #remember-wrapper label
{
float: none;
display: inline-block;
vertical-align: middle;
margin: 0px;
}
/* lost password */
#user_form_auth_forgot .form-description
{
margin-bottom: 10px;
}
#user_form_auth_forgot label
{
font-size: 11pt;
}
#user_form_auth_forgot #buttons-label
{
display: none;
}
#user_form_auth_forgot #buttons-element
{
margin-bottom: 0px;
}
#user_form_auth_forgot button
{
font-size: 12pt;
}
/* view profile */
.layout_user_profile_photo
{
float: left;
overflow: hidden;
margin-right: 7px;
}
.layout_user_profile_photo #profile_photo
{
display: inline-block;
}
.layout_user_profile_photo #profile_photo > img
{
width: 100px;
}
.layout_user_profile_status
{
overflow: hidden;
}
.layout_user_profile_status #profile_status > h2
{
display: block;
font-size: 1.5em;
margin-bottom: 3px;
}
.layout_user_profile_status #profile_status > span > a
{
display: block;
margin-top: 2px;
}
#profile_options
{
overflow: hidden;
}
#profile_options li
{
width: auto;
padding: 0px 0px;
margin-right: 5px;
}
#profile_options li + li
{
border: none;
margin-top: 2px;
}
#profile_options li > a
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 3px 7px;
background-color: #f5f5f5;
}
.layout_core_container_tabs
{
display: block;
clear: both;
overflow: hidden;
margin-top: 10px;
}
.layout_user_profile_fields h4
{
font-size: 1.3em;
letter-spacing: -1px;
}
.profile_fields > ul > li > span
{
font-size: 10pt;
float: none;
display: block;
color: #999;
width: auto;
}
.profile_fields > ul > li > span + span
{
font-size: 12pt;
color: #555;
width: auto;
}
/* view profile (friends) */
.profile_friends_options,
.profile_friends_lists
{
display: none;
}
.profile_friends_status
{
font-size: 12pt;
}
/* */
.browse_menu
{
margin-top: 10px;
}
.browse_menu > ul
{
border-top: 1px solid #ddd;
}
.browse_menu > ul > li
{
display: block;
border-bottom: 1px solid #ddd;
}
.browse_menu > ul > li > a
{
display: block;
font-size: 14pt;
padding: .5em;
background-image: url(/community/application/modules/Mobi/externals/images/mobile_arrow.png?c=156);
background-repeat: no-repeat;
background-position: center right;
}
/*
GLOBAL STYLES,
FONTS & RESETS
*/
*
{
padding: 0;
margin: 0;
border: none;
border-style: solid;
border-width: 0px;
border-color: #eaeaea;
-webkit-text-size-adjust: none;
}
body
{
background-color: #014c89;
}
table
{
border-collapse: collapse;
}
br
{
clear: both;
}
ul
{
list-style-type: none;
}
a:link, a:visited
{
color: #5f93b4;
text-decoration: none;
}
a:hover
{
color: #4e81a1;
text-decoration: underline;
}
*
{
font-family: tahoma, arial, verdana, sans-serif;
}
div,
td
{
font-size: 10pt;
color: #555;
text-align: left;
}
h2,
h3,
h4
{
color: #717171;
}
h2
{
font-size: 1.5em;
letter-spacing: -1px;
margin-bottom: 10px;
}
h3
{
font-size: 1.3em;
letter-spacing: -1px;
}
h4
{
font-weight: bold;
border-bottom: 1px solid #eaeaea;
padding: .5em 0px .5em 0px;
margin-bottom: 10px;
}
h4 > span
{
display: inline-block;
position: absolute;
background-color: #fff;
padding-right: 6px;
margin-top: -1px;
}
h3.sep
{
display: block;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
margin-bottom: 1em;
height: 1em;
}
h3.sep > span
{
display: block;
overflow: hidden;
position: absolute;
background: #fff;
padding: 5px 10px 5px 0px;
font-weight: bold;
}
.layout_right
{
float: none;
margin: 0px;
padding: 0px;
width: auto;
}
/*
GLOBAL NOTICES (OUTSIDE FORMS)
Used to show a message or notice with an icon on a page,
usually above content,
not within a form.
*/
.tip
{
overflow: hidden;
clear: both;
}
.tip > span
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
background-repeat: no-repeat;
background-position: 6px 6px;
padding: 6px 6px 6px 27px;
background-color: #faf6e4;
float: left;
margin-bottom: 15px;
background-image: url(/community/application/modules/Core/externals/images/tip.png?c=156);
}
/*
GLOBAL FORM RESPONSES
Used to show feedback from form submissions,
i.e.
error/result messages.
*/
ul.form-errors,
ul.form-notices
{
margin: 0px 0px 20px 0px;
overflow: hidden;
}
* + ul.form-errors,
* + ul.form-notices
{
margin-top: 20px;
}
ul.form-errors > li,
ul.form-notices > li
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 7px 5px 7px 5px;
padding: 5px 15px 5px 32px;
background-repeat: no-repeat;
background-position: 8px 5px;
float: left;
clear: left;
overflow: hidden;
}
ul.form-errors > li > b,
ul.form-notices > li > b
{
text-transform: uppercase;
font-size: .8em;
}
ul.form-errors > li > ul > li,
ul.form-notices > li > ul > li
{
font-size: .9em;
}
ul.form-errors > li
{
background-image: url(/community/application/modules/Core/externals/images/error.png?c=156);
background-color: #faf7e9;
}
ul.form-notices > li
{
background-image: url(/community/application/modules/Core/externals/images/notice.png?c=156);
background-color: #e9faeb;
}
/*
GLOBAL FORM ELEMENTS
Used for most forms throughout the site.
*/
button
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
font-weight: bold;
border: none;
background-color: #619dbe;
border: 1px solid #50809b;
color: #fff;
background-image: url(/application/modules/Mobi/externals/images/mobile_buttonbg.png?c=156);
background-repeat: repeat-x;
background-position: top left;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
button:hover
{
background-color: #7eb6d5;
cursor: pointer;
}
input[type=text],
input[type=email],
input[type=password],
input.text,
textarea
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
color: #555;
border-width: 1px;
border-color: #999 #ccc #ccc #999;
padding: 2px;
font-size: 10pt;
resize: none;
}
input[type=checkbox],
input[type=radio]
{
border: none;
padding: 0px;
margin: 2px 5px 0px 0px;
width: auto;
display: block;
float: left;
width: 20px;
height: 20px;
}
input[type=checkbox] + label,
input[type=radio] + label
{
display: block;
cursor: pointer;
}
textarea
{
width: 300px;
resize: none;
}
textarea.codebox
{
width: 95%;
min-height: 200px;
font-family: courier new, courier, serif;
}
select
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
color: #555;
border-width: 1px;
border-color: #999 #ccc #ccc #999;
padding: 1px 0px 1px 1px;
font-size: 10pt;
max-width: 250px;
}
select option
{
padding: 0px 10px 0px 3px;
}
a.buttonlink
{
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 21px;
font-weight: bold;
display: inline-block;
}
a.buttonlink_right
{
background-repeat: no-repeat;
background-position: top right;
padding-right: 19px;
font-weight: bold;
display: inline-block;
}
br.multi-text-separator
{
margin-bottom: 8px;
}
/*
LARGE BOX FORM
These styles are for large forms that are given an exclusive page.
They are not intended for smaller forms that are embedded elsewhere.
Examples: Signup form, member settings form, etc.
*/
/* form container */
.global_form
{
clear: both;
overflow: hidden;
}
/* external form border */
.global_form > div
{
width: 100%;
float: left;
overflow: hidden;
margin: 0px auto 0px auto;
}
/* internal form border */
.global_form > div > div
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* form headline */
.global_form div.form-wrapper-heading
{
font-weight: bold;
margin-bottom: 10px;
}
.global_form div.form-wrapper-heading > span
{
display: block;
position: absolute;
overflow: hidden;
padding: 4px 6px 4px 0px;
background: #f4f9fb;
}
.global_form div.form-wrapper + div.form-wrapper-heading
{
margin-top: 10px;
}
/* form instructions (after title) */
.global_form > div > div > h3 + p
{
padding: 2px;
margin-top: 2px;
max-width: 550px;
}
/* add some space above form elements if title/instructions precede */
.global_form > div > div > h3 + div,
.global_form > div > div > h3 + p + div
{
margin-top: 20px;
}
/* container for form label/element rows */
.global_form > div > div
{
overflow: hidden;
}
/* container row for a label (left) and element (right) */
.global_form div.form-wrapper
{
clear: both;
overflow: hidden;
}
/* left-side element label container */
.global_form div.form-label
{
padding: 4px 15px 0px 2px;
margin-bottom: 10px;
overflow: hidden;
font-weight: bold;
color: #777;
margin-bottom: 5px;
width: 100%;
max-width: 100%;
font-size: 10pt;
}
/* right-side form element container */
.global_form div.form-element
{
min-width: 150px;
overflow: hidden;
width: 100%;
margin-bottom: 15px;
}
/* all paragraphs of text in the form */
.global_form div > p
{
max-width: 450px;
padding-bottom: 10px;
}
/* paragraphs of text that come after an input element */
.global_form div > input + p
{
margin-top: 3px;
font-size: 7pt;
}
/* all text inputs in form */
.global_form input[type=text],
.global_form input[type=email],
.global_form input[type=password]
{
padding: 2px;
font-size: 10pt;
width: 200px;
}
/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form input[type=text] + input[type=text]
{
display: block;
margin-top: 5px;
}
/* all checkboxes and radios in form */
.global_form input[type=checkbox],
.global_form input[type=radio]
{
clear: left;
}
/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form input + label
{
float: left;
display: block;
margin-top: 0px;
margin-left: 2px;
}
/* all select boxes in form */
.global_form select
{
padding: 1px 0px 1px 1px;
font-size: 10pt;
max-width: 250px;
}
/* all textareas in form */
.global_form textarea
{
padding: 4px;
font-size: 10pt;
max-width: 300px;
min-height: 100px;
}
.global_form p.description
{
margin: 3px 0px 10px 0px;
padding: 0px;
}
.global_form #submit-element
{
margin-bottom: 0px;
}
.global_form button[type=submit]
{
margin-right: 3px;
}
.global_form .form-elements
{
margin-top: 0px;
}
.global_form div > input + p
{
font-size: 10pt;
}
.global_form p.description
{
margin-bottom: 0px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input.text,
.global_form input[type="text"],
.global_form input[type="password"],
.global_form input[type="email"],
.global_form input.text
{
font-size: 18px;
margin-bottom: 5px;
padding: 8px 5px;
width: 95%;
}
.global_form select
{
font-size: 18px;
}
.global_form textarea
{
max-width: 100%;
width: 95%;
}
.global_form button[type="submit"]
{
font-size: 14px;
}
.global_form div.form-wrapper-heading > span
{
display: none;
position: static;
font-size: 13pt;
text-align: center;
letter-spacing: -1px;
background: none;
padding: 0px;
}
/*
SMALL BOX FORM
These styles are for small box forms,
such
as the login box found by default on the main
index page. Form names and inputs are stacked
vertically (not floated) to fit into small-width
content areas.
*/
.global_form_box
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 10px;
width: auto;
}
.global_form_box .form-wrapper + .form-wrapper
{
margin-top: 5px;
}
.global_form_box .form-label
{
padding: 0px;
width: auto;
float: none;
clear: both;
margin: 0px;
}
.global_form_box label
{
text-align: left;
display: block;
font-size: .8em;
margin-bottom: 2px;
}
.global_form_box li > span.description
{
font-size: 11pt;
margin-bottom: 2px;
}
.global_form_box .form-element
{
overflow: hidden;
}
/*
POPUP FORM
These are used to style popup (i.e. smoothbox) forms.
Also used to style popup response messages,
etc.
*/
.global_form_popup
{
padding: 10px 10px 10px 13px;
overflow: hidden;
}
.global_form_popup #submit-wrapper,
.global_form_popup #cancel-wrapper
{
float: left;
overflow: hidden;
}
.global_form_popup #buttons-wrapper
{
margin-top: 10px;
}
.global_form_popup #buttons-wrapper button
{
margin-right: 4px;
}
.global_form_popup_message
{
display: block;
padding: 1em;
text-align: center;
font-weight: bold;
}
/*
COMMENTS
These styles are used everywhere comments appear.
*/
.feed_item_date + .comments
{
margin-top: 5px;
}
.comments
{
width: 450px;
}
.comments > ul
{
overflow: hidden;
}
.comments > ul > li
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
background-image: none;
border: none;
padding: 5px;
border-top: 1px solid #d7d7d7;
overflow: hidden;
margin-bottom: 1px;
}
.comments .comments_author a
{
font-weight: bold;
margin-right: 2px;
}
.comments .comments_author_photo
{
float: left;
overflow: hidden;
line-height: 0px;
font-size: 0px;
}
.comments .comments_author_photo img
{
display: block;
}
.comments .comments_options
{
font-weight: bold;
font-size: 1em;
color: #999;
margin-bottom: 6px;
}
.comments .comments_comment_options > a
{
font-size: .8em;
font-weight: bold;
margin-top: 5px;
overflow: hidden;
}
.comments .comments_info
{
font-size: .8em;
padding-top: 2px;
padding-left: 5px;
overflow: hidden;
}
.comments .comments_date
{
font-size: .9em;
margin-top: 4px;
color: #999;
overflow: hidden;
}
.comments .comments_likes,
.comments .comments_viewall
{
font-size: .8em;
}
.comments .comments_likes a,
.comments .comments_viewall a
{
font-weight: bold;
}
.comments > form
{
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
background-image: none;
border: none;
padding: 5px 10px 5px 5px;
border-top: 1px solid #d7d7d7;
}
.comments > form > textarea
{
width: 100%;
}
.comments > form > button
{
display: block;
margin-top: 7px;
}
div.comments_comment_likes_tips
{
border: 1px solid #d7d7d7;
padding: 4px 7px;
background-color: #f5f5f5;
color: #999;
font-size: 0.9em;
}
/*
HEADLINE
Used at the top of most browse pages. Often contains button-style tabs.
*/
.headline
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 7px;
overflow: hidden;
margin-bottom: 15px;
}
.headline h2
{
float: left;
overflow: hidden;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 3px;
}
/* TABS (BUTTON STYLE,
DEFAULT) */
.tabs
{
text-align: center;
}
.tabs > ul li
{
display: inline-block;
margin: 3px;
}
.tabs > ul li > a
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: .4em .6em;
font-weight: bold;
text-decoration: none;
color: #777;
background-color: #d4e5ee;
font-size: .9em;
}
.tabs > ul li > a:hover
{
background-color: #c9dde7;
text-decoration: none;
color: #555;
}
.tabs > ul li.active > a
{
background-color: #55677a;
color: #fff;
}
.tabs > ul li.active > a:hover
{
text-decoration: none;
}
/* tabbed sub-menus (below main menu) */
.headline
{
background: none;
border: none;
padding: 0px;
margin: 0px 0px 10px 0px;
}
.headline > h2
{
display: none;
}
/*
TABS (TAB STYLE,
NON-DEFAULT)
*/
.tabs_alt
{
padding-top: 2px;
margin: 10px 0px 15px 0px;
border-top-width: 1px;
padding-top: 20px;
-moz-user-select: none;
-webkit-user-select: none;
}
.tabs_alt > ul
{
text-align: left;
font-weight: bold;
padding: 0px;
display: block;
margin: 0px auto 10px auto;
text-align: center;
}
.tabs_alt > ul > li
{
display: inline-block;
padding: 0px;
margin: 3px;
}
.tabs_alt > ul > li.tab_active > a,
.tabs_alt > ul > li.active > a
{
background-color: #55677a;
color: #fff;
}
.tabs_alt > ul > li > a
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: .4em .6em;
font-weight: bold;
text-decoration: none;
color: #777;
background-color: #d4e5ee;
font-size: .9em;
}
.tabs_alt a span
{
margin-left: 4px;
font-weight: normal;
}
/*
TAGS
Styles lists of tags that are used for message recipients,
lists of friend
lists,
etc. Each tag has its own remove link.
*/
.tag
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
background-color: #d3e6ef;
font-weight: bold;
display: inline-block;
float: left;
padding: .4em .6em;
margin: 0px 10px 5px 0px;
font-size: .8em;
}
.tag > a
{
text-decoration: none;
padding-left: 6px;
text-transform: uppercase;
}
/* login page */
.layout_user_login_or_signup h3
{
margin-bottom: 10px;
}
/* header bar (logo and main menu) */
.layout_page_header_mobi
{
background-color: #014c89;
}
.layout_core_menu_logo
{
width: 100%;
text-align: center;
padding: 8px 0px 2px 0px;
margin: 0px auto;
font-size: 18pt;
letter-spacing: -0.05em;
font-weight: bold;
}
.layout_core_menu_logo > a
{
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
/* content area */
#global_wrapper
{
background-color: #fff;
padding: 10px 3px 30px 3px;
overflow: hidden;
}
#global_content
{
min-height: 200px;
width: auto;
padding: 0px 5px;
}
/* footer */
#global_footer
{
padding: 0px;
min-height: 50px;
padding-bottom: 10px;
background-color: #014c89;
border-top: 1px solid rgba(0, 0, 0, .2);
}
.layout_mobi_mobi_footer
{
padding-top: 8px;
text-align: center;
color: #fff;
font-size: 1em;
text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
}
.layout_mobi_mobi_footer select
{
display: block;
margin: 5px auto 0px auto;
}
.layout_mobi_mobi_footer > a
{
color: #fff;
text-decoration: underline;
font-weight: bold;
}
/* main menu */
.layout_mobi_mobi_menu_main
{
width: 100%;
margin: 0px auto;
text-align: center;
overflow: hidden;
border-left: 0px;
border-right: 0px;
padding-top: 4px;
}
.layout_mobi_mobi_menu_main ul
{
margin: 0px auto;
padding: 0px;
white-space: nowrap;
}
.layout_mobi_mobi_menu_main li
{
float: left;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.layout_mobi_mobi_menu_main ul a
{
-moz-user-select: none;
-webkit-user-select: none;
outline: none;
display: block;
padding: .5em 0em;
background-color: #014c89;
border-bottom: 1px solid rgba(0, 0, 0, .2);
text-shadow: 1px 1px 0px rgba(0, 0, 0, .2);
}
.layout_mobi_mobi_menu_main ul a:link, .layout_mobi_mobi_menu_main ul a:visited
{
color: #fff;
text-decoration: none;
}
.layout_mobi_mobi_menu_main ul a:hover
{
text-decoration: underline;
}
.layout_mobi_mobi_menu_main li.active a
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-radius-bottomleft: 0px;
background-color: #fff;
color: #555;
border: 1px solid transparent;
border-bottom: none;
text-shadow: none;
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .4);
}
.layout_mobi_mobi_menu_main li.active:first-child a
{
border-left: none;
}
.layout_mobi_mobi_menu_main li.active:last-child a
{
border-right: none;
}
.layout_mobi_mobi_menu_main li.active a.inactive
{
display: block;
background-color: rgba(150, 150, 150, .1);
color: #555;
}
/* browse pages */
#filter_form
{
margin-bottom: 15px;
}
#filter_form label
{
font-size: 11pt;
}
#filter_form select
{
font-size: 11pt;
}
#filter_form #search-element > input
{
margin-bottom: 0px;
}
#filter_form .form-wrapper + .form-wrapper
{
margin-top: 10px;
}
#filter_form button
{
font-size: 12pt;
}
.quicklinks
{
display: none;
}
form.filters
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #f5f5f5;
border: 1px solid #d7d7d7;
background-image: url(/community/application/modules/Core/externals/images/foreground_bg.png?c=156);
background-repeat: repeat-x;
padding: 10px;
}
form.filters dt
{
margin-bottom: 3px;
}
form.filters dd + dt
{
margin-top: 10px;
}
/* hide tips on browse pages */
.layout_middle > div.tip
{
display: none;
}
/* some different colors for mobile */
.activity-post-container
{
background-color: #f2f2f2;
border: 1px solid #ccc;
}