/* Import default template CSS
@import url("toolbar.css");
@import url("shared.css");
*/
@import url("../../default/css/style.css");
/*****************************************
Jom Social Toolbar
*****************************************/
body #community-wrap img.avatar {
border: 1px solid #414648;
}
body #community-wrap img.avatar:hover {
border: 1px solid #919191;
}
#community-wrap #cToolbar {
background: url("../images/toolbar.png") transparent bottom left;
padding: 0 10px 10px;
margin: 0 0 15px 0;
}
#community-wrap #cToolbar .toolbar-items {
height: 30px;
list-style: none !important;
}
#community-wrap #cToolbar .toolbar-item {
background: none !important;
float: left;
}
#community-wrap #cToolbar .toolbar-item a {
background: none;
height: 31px;
line-height: 28px;
padding: 0 0 0 5px;
margin: 0 5px 0 0;
display: block;
color: #dadada;
}
#community-wrap #cToolbar .toolbar-item a span {
background: none;
height: 31px;
line-height: 28px;
padding: 0 20px 0 15px;
margin: 0 -5px 0 0;
display: block;
text-align: center;
}
#community-wrap #cToolbar .toolbar-item a:hover,
#community-wrap #cToolbar .toolbar-item:hover a {
background: url("../images/toolbar.png") transparent left -31px;
}
#community-wrap #cToolbar .toolbar-item a:hover span,
#community-wrap #cToolbar .toolbar-item:hover a span {
background: url("../images/toolbar.png") transparent right -31px;
}
#community-wrap #cToolbar .toolbar-item.toolbar-active a {
background: url("../images/toolbar.png") transparent top left;
}
#community-wrap #cToolbar .toolbar-item.toolbar-active a span {
background: url("../images/toolbar.png") transparent top right;
}
#community-wrap #cToolbar .toolbar-item.has-submenu a {
}
#community-wrap #cToolbar .toolbar-subitems {
position: absolute;
z-index: 99999;
margin: -1px 0 0 2px;
border-left: 1px solid #3b3d3f;
border-bottom: 1px solid #3b3d3f;
border-right: 1px solid #3b3d3f;
}
#community-wrap #cToolbar .toolbar-active .toolbar-subitems {
border-left: 1px solid #6B6E72;
border-right: 1px solid #6B6E72;
border-bottom: 1px solid #6B6E72;
}
#community-wrap #cToolbar .toolbar-item:hover .toolbar-subitems {
}
#community-wrap #cToolbar .toolbar-subitems a {
background: #222222 !important;
width: 180px;
padding: 0 15px !important;
margin: 0;
}
#community-wrap #cToolbar .toolbar-subitems a:hover {
background: #323232 !important;
}
#community-wrap #cToolbar .toolbar-active .toolbar-subitems a {
background: #464A4F !important;
}
#community-wrap #cToolbar .toolbar-active .toolbar-subitems a:hover {
background: #666a6f !important;
}
#community-wrap #cToolbar .toolbar-myname {
position: absolute;
top: 10px;
right: 20px;
}
#community-wrap #cToolbar .toolbar-item#toolbar-item-notify a {
background: url("../images/toolbar.png") transparent left -92px;
padding-left: 25px !important;
}
#community-wrap #cToolbar .toolbar-item#toolbar-item-notify a span {
background: url("../images/toolbar.png") transparent right -92px;
padding-left: 7px !important;
padding-right: 10px !important;
}
#community-wrap #cToolbar .toolbar-item#toolbar-item-notify a:hover {
background: url("../images/toolbar.png") transparent left -61px;
}
#community-wrap #cToolbar .toolbar-item#toolbar-item-notify a:hover span {
background: url("../images/toolbar.png") transparent right -61px;
}
#community-wrap #cToolbar + #cHeading {
margin-top: -15px !important;
border-top: none !important;
}
#community-wrap #cHeading {
background: #2b2e32;
padding: 15px;
border: none;
border-top: 1px solid #4b4d50;
border-left: 1px solid #4b4d50;
border-right: 1px solid #4b4d50;
border-bottom: 1px solid #383838;
}
#community-wrap #cHeading h2 {
font-weight: normal;
letter-spacing: -1px;
}
#community-wrap #cHeading + #cSubmenu,
#community-wrap #cHeading + script + #cSubmenu {
margin-top: -15px !important;
}
#community-wrap #cSubmenu {
background: #2b2e32;
margin: 0 0 15px 0;
padding: 5px 15px 15px;
border: none;
border-left: 1px solid #4b4d50;
border-right: 1px solid #4b4d50;
border-bottom: 1px solid #383838;
}
#community-wrap .submenu-items {
list-style: none;
}
#community-wrap .submenu-item {
float: left;
list-style: none !important;
background: none !important;
}
#community-wrap .submenu-item a {
font-weight: normal;
padding: 4px 6px;
}
#community-wrap .submenu-item a.active {
background: #111111;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#community-wrap #cSubmenu + #cCategories,
#community-wrap #cSubmenu + #cFilterBar,
#community-wrap #cSubmenu + #cSearch,
#community-wrap #cSubmenu + .cToolbarBand {
margin-top: -15px !important;
}
#community-wrap #cCategories {
background: url(../images/cCategories.png) #414648 repeat-x;
padding: 20px 15px 10px;
margin: 0 10px;
}
#community-wrap #cCategories h3 {
font-size: 10px;
font-weight: bold;
color: #DADADA;
text-transform: uppercase;
margin: 0 5px 0 0;
}
#community-wrap #cCategories .category-items {
list-style: none;
}
#community-wrap #cCategories .category-item {
display: inline;
background: none;
float: left;
width: 33%;
padding: 0;
}
body #community-wrap #cCategories + #cFilterBar {
background: url(../images/cCategories.png) transparent left -560px;
}
body #community-wrap #cCategories + #cFilterBar .cFilterBar_inner {
background: url(../images/cCategories.png) transparent right -560px;
}
body #community-wrap #cFilterBar {
background: url(../images/cCategories.png) transparent left bottom;
padding: 0 0 0 5px;
margin: 0 15px 15px 10px;
border: none;
height: 40px;
}
body #community-wrap #cFilterBar .cFilterBar_inner {
background: url(../images/cCategories.png) transparent right bottom;
padding: 8px 5px 0 0;
margin: 0 -5px 0 0;
height: 32px;
}
body #community-wrap .cFilterBar .filterGroup {
border: none;
padding: none;
}
body #community-wrap .cFilterBar .filterGroup#cFilterType_Sort {
text-align: right;
}
body #community-wrap .cFilterBar .filterGroup#cFilterType_Filter {
position: absolute !important;
top: 8px !important;
left: 5px !important;
}
body #community-wrap .cFilterBar .filterName {
font-size: 10px !important;
font-weight: bold !important;
color: #DADADA;
text-transform: uppercase;
margin: 0 5px 0 0;
}
body #community-wrap .cFilterBar .filterOptions {
display: inline;
}
body #community-wrap .cFilterBar .filterOption {
padding: 5px !important;
border: none !important;
list-style: none !important;
background: none !important;
display: inline;
}
body #community-wrap .cFilterBar .filterOption.active {
background: #212121 !important;
font-size: 11px !important;
color: #FFFFFF !important;
margin: 0 5px !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
body #community-wrap .cFilterBar .filterOption a {
font-size: 11px;
}
body #community-wrap .cFilterBar .filterOption.active a {
color: #FFFFFF !important;
}
body #community-wrap .app-box .cFilterBar {
position: absolute;
top: -23px;
right: 35px;
}
body #community-wrap .app-box .cFilterBar .filterGroup {
float: right;
}
body #community-wrap .app-box .cFilterBar .filterOption {
padding: 0 5px !important;
float: left;
height: 22px;
}
body #community-wrap .app-box .cFilterBar .filterOption.active {
background: #252829 !important;
margin: 0 3px !important;
border: 1px solid #414648 !important;
border-bottom: none !important;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
body #community-wrap .app-box .cFilterBar .filterOption.active.loading {
background: url(../images/cFilterBar_appbox_loading.gif) #252829 no-repeat 3px 3px !important;
padding-left: 22px !important;
width: auto !important;
}
body #community-wrap .app-box .cFilterBar .filterOption a {
line-height: 22px;
}
#community-wrap #cSearch {
background: url(../images/cCategories.png) #414648 repeat-x;
padding: 20px 15px 10px;
margin: 0 10px;
}
#community-wrap .cSearch_footer {
background: url(../images/cCategories.png) transparent left bottom;
padding: 0 0 0 5px;
margin: 0 15px 0 10px;
border: none;
}
#community-wrap .cSearch_footer_inner {
background: url(../images/cCategories.png) transparent right bottom;
padding: 8px 5px 0 0;
margin: 0 -5px 0 0;
}
#community-wrap .cToolbarBand {
margin: 0 0 15px 0;
}
#community-wrap .cToolbarBand .bandContent {
background: url(../images/cCategories.png) #414648 repeat-x;
padding: 20px 15px 10px;
margin: 0 10px;
}
#community-wrap .cToolbarBand .bandContentTitle {
font-size: 10px !important;
font-weight: bold !important;
color: #DADADA !important;
text-transform: uppercase !important;
margin: 0 5px 10px 0 !important;
}
#community-wrap .cToolbarBand .bandFooter {
background: url(../images/cCategories.png) transparent left bottom;
padding: 0 0 0 5px;
margin: 0 15px 0 10px;
border: none;
}
#community-wrap .cToolbarBand .bandFooter_inner {
background: url(../images/cCategories.png) transparent right bottom;
padding: 8px 5px 0 0;
margin: 0 -5px 0 0;
}
#community-wrap .cToolbarBand + #cCategories {
margin-top: -25px !important;
background: url(../images/cCategories.png) #414648 repeat-x 0 -50px;
}
#community-wrap .cToolbarBand + #cFilterBar {
margin-top: -25px !important;
margin-bottom: 15px !important;
background: url(../images/cCategories.png) transparent left -560px;
}
#community-wrap .cToolbarBand + #cFilterBar .cFilterBar_inner {
background: url(../images/cCategories.png) transparent right -560px;
}
#community-wrap .cThumbList {
margin: 0;
padding: 0;
list-style: none;
}
#community-wrap .cThumbList li {
background: none;
display: block;
float: left;
line-height: 100%;
list-style-type: none;
margin: 1px !important;
padding: 0;
}
body #community-wrap #latest-members-container {
padding: 0;
}
/**
* Shared Styling
* Will be use by most of the template file
*/
body #community-wrap {
display: inline-block;
width: 100%;
padding: 10px;
text-align: left;
}
body #community-wrap a {
outline: none;
}
body #community-wrap div.dark-bg {
font-weight: 700;
margin: 10px 0;
display: block;
padding: 5px 10px;
background: #1e1f24;
position: relative;
}
body #community-wrap .button {
cursor: pointer;
}
body #community-wrap h1,
body #community-wrap h2,
body #community-wrap h3,
body #community-wrap h4,
body #community-wrap h5,
body #community-wrap h6 {
margin: 0;
padding: 0;
}
/* Frontpage Styling */
body #community-wrap div.greybox {
background: #1c1d22 url(../images/greybox.gif) no-repeat 0 0;
border: solid 1px #15161a;
margin: 0 0 15px;
}
body #community-wrap div.greybox div,
body #community-wrap div.greybox div div,
body #community-wrap div.greybox div div div {
background: transparent;
border: 0;
}
body #community-wrap div.greybox div.introduction {
margin: 30px auto;
width: 60%;
padding: 0;
}
body #community-wrap div.greybox h1 {
font-size: 250%;
letter-spacing: -1px;
margin: 0 0 30px;
padding: 0;
}
body #community-wrap div.greybox h2 {
color: inherit;
margin: 0 0 10px;
}
body #community-wrap ul#featurelist {
margin: 0 0 0 10px;
list-style: none;
padding: 0;
}
body #community-wrap ul#featurelist li {
font-size: 100%;
padding: 0 0 0 25px;
line-height: 16px;
height: 16px;
margin: 0 0 10px;
color: inherit;
font-weight: 700;
}
body #community-wrap ul#featurelist li.connect {
background: transparent url(../images/li.featurelist.gif) no-repeat 0 0;
}
body #community-wrap ul#featurelist li.profile {
background: transparent url(../images/li.featurelist.gif) no-repeat 0 -16px;
}
body #community-wrap ul#featurelist li.photo {
background: transparent url(../images/li.featurelist.gif) no-repeat 0 -32px;
}
body #community-wrap ul#featurelist li.group {
background: transparent url(../images/li.featurelist.gif) no-repeat 0 -48px;
}
body #community-wrap #login-form {
background: none;
border-left: inset 1px #666;
float: right;
height: 225px;
padding: 20px 15px 20px 30px;
width: 200px;
}
body #community-wrap #login-form label {
width: 100%;
display: block;
font-size: 110%;
}
body #community-wrap #login-form input.inputbox {
border: solid 1px #666;
width: 90%;
margin: 0 0 10px;
}
body #community-wrap #login-form input.input-hover {
border: solid 1px #f00;
}
body #community-wrap .button {
padding: 0 15px;
background: #333;
border: solid 1px #666;
cursor: pointer;
font-size: 11px;
color: #ccc;
}
body #community-wrap .button-hover {
background: #1c1d22;
border: solid 1px #666;
}
body #community-wrap div.greybox div.joinbutton {
display: block;
margin: 30px 0 0;
}
body #community-wrap div.greybox a#joinButton,
body #community-wrap div.greybox a#joinButton:hover {
background: 0;
text-indent: 0;
display: block;
padding: 10px;
}
body #community-wrap div.greybox a#joinButton {
font-size: 120%;
text-align: center;
border: solid 1px #666;
height: auto;
background: #3f424e;
text-decoration: none;
color: #fff;
}
body #community-wrap div.greybox a#joinButton:hover {
background: #505363;
border: solid 1px #626574;
}
/* Frontpage Styling */
/* Profile Styling */
body #community-wrap div.profile-box {
padding: 0;
margin: 0;
border: none;
}
body #community-wrap div.profile-info {
margin-left: 190px;
}
body #community-wrap ul.profile-info {
list-style: none;
padding: 0;
}
body #community-wrap div.profile-name {
padding: 0;
margin: 0 0 10px;
font-size: 180%;
color: auto;
}
body #community-wrap ul.profile-info li.title {
background:#2C2E35 none repeat scroll 0 0;
border-bottom:1px solid #42454F;
font-size:14px;
font-weight:700;
letter-spacing:-1px;
margin:0;
padding:5px;
margin: 0 0 5px;
}
body #community-wrap ul.profile-info li.info-title {
margin: 0;
font-weight: 700;
padding-left: 5px;
}
body #community-wrap ul.profile-info li.info-detail {
padding-left: 5px;
}
body #community-wrap ul.actions {
list-style: none;
padding: 0;
margin: 0;
width: 33%;
float: left;
}
body #community-wrap ul.actions li {
padding: 0 0 0 17px;
margin: 5px 3px 5px 0;
display: block;
float: left;
width: 85%;
background: none;
text-align: left;
border: none;
height: 10px;
}
body #community-wrap .profile-actions ul.actions li a span {
font-size: 12px !important;
}
body #community-wrap ul.actions li.profile {
background: transparent url(../images/icon_10px.gif) no-repeat 0 0;
}
body #community-wrap ul.actions li.avatar {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -10px;
}
body #community-wrap ul.actions li.privacy {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -20px;
}
body #community-wrap ul.actions li.apps {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -30px;
}
body #community-wrap ul.actions li.group {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -40px;
}
body #community-wrap ul.actions li.photo {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -50px;
}
body #community-wrap ul.actions li.write {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -60px;
}
body #community-wrap ul.actions li.inbox {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -70px;
}
body #community-wrap ul.actions li.invite {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -80px;
}
body #community-wrap ul.actions li.video {
background: transparent url(../images/icon_10px.gif) no-repeat 0 -90px;
}
.icon-block-user
{
background: transparent url(../images/icons-16x16.gif) no-repeat 0 -200px;
text-decoration: none;
}
.icon-remove-avatar
{
text-decoration: none;
background: transparent url(../images/delete.png) no-repeat 0;
}
body #community-wrap ul.updates {
list-style: none;
clear: left;
float: left;
width: 100%;
padding: 0;
margin: 0 !important;
}
body #community-wrap ul.updates li {
background: none;
padding: 0;
margin: 0 !important;
width: 100%;
}
body #community-wrap ul.updates li.title {
border-bottom: solid 1px;
font-weight: 700;
font-size: 110%;
}
body #community-wrap #profile-header {
margin: 0 0 10px;
padding: 15px;
background: #2c2e35;
float: left;
}
body #community-wrap div.profile-toolbox-guest {
background: #600;
margin: 0 0 10px;
float: left;
width: 100%;
}
body #community-wrap div.profile-toolbox-guest ul {
padding: 0;
margin: 0;
list-style: none;
padding: 10px;
}
body #community-wrap div.profile-toolbox-guest ul li {
background: none;
padding: 0;
display: inline;
}
/* Profile status */
body #community-wrap #profile-status {
}
body #community-wrap #profile-status .status-text-top {
padding: 10px;
font-size: 120%;
background: #1e1f24;
border: solid 1px #2c2e35;
border-bottom: 0;
}
body #community-wrap #profile-status .status-text-bottom {
margin: 0 0 10px;
height: 19px;
background: transparent url(../images/status-text-bottom.gif) no-repeat 0 0;
}
body #community-wrap #profile-status #status-text {
width: 80%;
}
body #community-wrap #profile-status #status-caption {
line-height: normal;
}
body #community-wrap #profile-status #status-text-caption,
body #community-wrap #profile-status #status-text-input {
position: relative;
width: 100%;
}
body #community-wrap #profile-status #save-status {
font-size: 90%;
}
body #community-wrap #profile-status #status-edit-link {
position: absolute;
font-size: 90%;
right: 10px;
top: 0;
}
body #community-wrap #profile-edit table.ccontentTable {
width: 100%;
}
body #community-wrap #profile-edit .paramlist_key {
width: 300px;
}
body #community-wrap #profile-edit .paramlist_value {
}
body #community-wrap #profile-edit .paramlist_value .label {
padding: 0 10px 0 0;
}
/** Profile Toolbox */
body #community-wrap div.profile-toolbox-bl {
background: #eee;
margin: 0 0 10px;
}
body #community-wrap div.profile-toolbox-br {
background: transparent;
}
body #community-wrap div.profile-toolbox-tl {
background: transparent;
}
body #community-wrap div.profile-toolbox-bl h2.app-box-title {
font-family: Tahoma, Verdana, Helvetica, san-serif;
font-size: 150%;
padding: 10px 10px 0;
font-weight: 700;
color: #fff;
text-align: left;
}
body #community-wrap div.profile-toolbox-bl div.statustext {
margin: 20px 0 10px 0;
text-align: center;
float: left;
width: 100%;
}
body #community-wrap div.profile-toolbox-bl div.statustext label {
background: transparent url(../images/statuslabel.gif) no-repeat scroll left top;
color: #fff;
display: block;
float: left;
font-weight: 700;
height: 28px;
line-height: 28px;
width: 90px;
margin: 1px 0 0 10px;
text-transform: uppercase;
text-align: center;
}
body #community-wrap div.profile-toolbox-bl div.statustext input.status{
font-size: 16px;
color: #999;
margin: 0 0 0 10px;
width: 72%;
float: left;
}
body #community-wrap div#community-photo-caption input#captiontext {
font-size: 16px;
color: #999;
margin: 0 0 0 10px;
width: 50%;
}
body #community-wrap div.profile-toolbox-bl div.statustext input.status-edit {
color: #333;
width: 60%;
float: left;
}
body #community-wrap div.profile-toolbox-bl ul.small-button {
margin: 0;
padding: 0 0 0 20px;
list-style: none;
height: 32px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li {
background: none;
line-height: 33px;
padding: 0;
display: block;
float: left;
background: transparent url(../images/profile-toolbar-separator.gif) no-repeat top right;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li a {
display: block;
float: left;
text-decoration: none;
height: 20px;
line-height: 16px;
padding: 0 0 0 20px;
margin: 8px 10px 0 0;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-add-friend a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 0;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-gallery a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -21px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-blog a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -42px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-videos a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -83px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-write-message a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -104px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-favourite a {
background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -63px;
}
body #community-wrap div.profile-toolbox-bl .profile-toolbox-name {
font-weight: 700;
font-size: 120%;
color: #333;
}
body #community-wrap div.profile-toolbox-bl a {
color: #f00;
}
/* Profile Styling */
/* Group Styling */
body #community-wrap ul.group-list {
margin: 0;
padding: 0;
list-style: none;
}
body #community-wrap ul.group-list li,
body #community-wrap ul.group-list li.group-list-item {
background: none;
display: block;
float: left;
padding: 10px 0;
border-bottom: 1px solid #333;
width: 100%;
}
body #community-wrap div.group-avatar {
margin: 0;
padding: 0;
float: left;
}
body #community-wrap div.group-avatar img.avatar {
border: solid 5px #333;
margin: 0;
}
body #community-wrap div.group-avatar a img.avatar {
border: solid 5px #333;
}
body #community-wrap div.group-avatar a:hover img.avatar {
border: solid 5px #999;
}
body #community-wrap ul.group-list li.group-list-item div.group-details {
margin: 0 10px 0 90px;
position: relative;
padding: 0;
}
body #community-wrap ul.group-list li.group-list-item div.group-name {
font-weight: 700;
font-size: 130%;
letter-spacing: -1px;
}
body #community-wrap ul.group-list li.group-list-item div.group-desc {
font-size: 110%;
}
body #community-wrap ul.group-list li.group-list-item div.group-created {
font-size: 90%;
}
body #community-wrap ul.group-list li.group-list-item div.group-actions {
}
body #community-wrap ul.group-actions {
padding: 0;
margin: 0 5px 20px;
list-style: none;
}
body #community-wrap ul.group-actions li {
background: none;
padding: 0;
}
body #community-wrap ul.group-actions li a {
color: #ffd83d;
text-decoration: underline;
font-size: 90%;
line-height: 100%;
}
body #community-wrap ul.group-actions li.important a {
color: red;
}
body #community-wrap ul.group-actions li a:hover {
text-decoration: none;
color: #f00;
}
body #community-groups div.community-groups-toolbar-wrapper {
margin: 0 0 0 40px;
padding: 0 0 20px;
}
body #community-wrap div.group-info {
position: relative;
}
body #community-wrap #community-group-info .sectiontableentry1,
body #community-wrap #community-group-info .sectiontableentry2 {
margin: 0 5px;
}
body #community-wrap #community-group-info .cinput .inputbox {
width: auto;
}
body #community-wrap span.group-admin,
body #community-wrap span.group-creator {
position: absolute;
top: 10px;
right: 5px;
font-size: 80%;
color: #999;
}
body #community-wrap .group-bulletin-item {
border-bottom: solid 1px #333;
padding: 10px 0;
}
body #community-wrap .group-bulletin-item-intro {
padding: 0 0 10px;
}
body #community-wrap .group-bulletin-item .groups-news-title {
font-size: 110%;
font-weight: 700;
}
body #community-wrap .group-bulletin-item .groups-news-author {
font-size: 90%;
color: #6c727e;
}
body #community-wrap .group-bulletin-item .groups-news-message {
padding: 10px 0;
}
body #community-wrap .groups-news-empty {
text-align: center;
font-size: 120%;
color: #666;
}
/** GROUPS **/
body #community-wrap div#community-groups-wrap {
display: block;
}
body #community-wrap div#community-groups-wrap span.info {
font-size: 11px;
margin: 0 0 10px 0;
}
body #community-wrap div#community-groups-wrap div textarea {
width: 45%;
}
body #community-wrap div#community-groups-wrap div span.title {
width: 20%;
float: left;
}
body #community-wrap div#community-groups-wrap div.items {
margin-top: 10px;
}
body #community-wrap div#community-groups-wrap div.submit {
margin: 30px 0 0 0;
width: 70%;
text-align: center;
}
body #community-wrap div#community-groups-wrap div.title {
font-weight: bold;
text-decoration: underline;
}
body #community-wrap div#community-groups-wrap fieldset {
background: none;
border: 1px solid #EEE;
float: left;
width: 50%;
padding: 8px;
margin: 0 0 20px;
}
body #community-wrap div#community-groups-wrap fieldset legend {
color: #999;
text-decoration: underline;
font-size: 12px;
}
body #community-wrap div#community-groups-wrap fieldset div.avatar {
width: 30%;
float: left;
}
body #community-wrap div#community-groups-wrap fieldset div.caption {
float: left;
}
body #community-wrap div#community-groups-wrap div.upload {
margin: 20px 0;
}
body #community-wrap div#community-groups-wrap div.community-groups {
border-bottom: 1px solid #789539;
margin: 0 0 10px;
}
body #community-wrap div#community-groups-wrap div.community-groups-right {
margin: 0 0 20px 180px;
width: auto;
}
body #community-wrap div.community-groups-right div.heading {
font-weight: 700;
font-size: 12px;
background-color: #F4F4F4;
border: 1px solid #eee;
padding: 4px;
}
body #community-wrap div#community-groups-wrap div.community-groups-left {
float: left;
width: 25%;
}
body #community-wrap div.community-groups-right div span.cinput,
body #community-wrap div.community-groups-right div div.cinput {
display: none;
}
body #community-wrap div.community-groups-right .clabel,
body #community-wrap div#community-groups-news .clabel {
width: 150px;
float: left;
font-size: 11px;
font-weight: 700;
}
body #community-wrap div.community-groups-right .cdata,
body #community-wrap div#community-groups-news .cdata {
margin: 5px 0 0 160px;
font-size: 11px;
}
body #community-wrap div.community-groups-right div {
margin: 0 0 0 20px;
}
body #community-wrap div#community-groups-wrap div.community-groups-toolbar-wrapper {
margin: 0 0 0 40px;
padding: 0 0 20px;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar {
border-bottom: 3px solid #789539;
display: block;
float: right;
margin: 0 0 0 20px;
padding: 0;
width: 100%;
list-style: none;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar li {
background: none;
float: right;
line-height: 100%;
margin: 0 0 0 3px;
padding: 7px 0;
text-transform: capitalize;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar li a {
text-decoration: none;
background: #444;
padding: 5px 10px;
color: #fff;
margin: 0 0 0 2px;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar li.important a {
color: red;
}
body #community-wrap div#community-group-info-actions {
display: none;
padding: 0 0 0 170px;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members {
padding: 0;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members li {
background: none;
list-style: none;
display: inline;
padding: 0 8px 0 0;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members li a
{
text-decoration: none;
}
body #community-wrap div#community-groups-news h3,
body #community-wrap div#community-groups-join h3 {
border-bottom: solid 1px;
margin: 0 0 5px 0;
padding: 0;
width: 100%;
float: left;
}
body #community-wrap input#news-title{
width: 400px;
}
body #community-wrap textarea#news-description {
height: 200px;
width: 400px;
}
body #community-wrap div#community-groups-news div {
padding-top: 10px;
}
body #community-wrap div.empty {
text-align: center;
font-size: 12px;
color: #999;
text-decoration: underline;
}
body #community-wrap div.community-groups-action {
clear: both;
padding-top: 10px;
text-align: right;
}
body #community-wrap div#community-groups-results-wrapper {
margin-top: 20px;
height: 100%;
width: 100%;
}
body #community-wrap div#community-wrap span.selected {
font-weight: 700;
text-decoration: underline;
}
body #community-wrap div#community-groups-discuss-items {
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item {
border-bottom: 1px solid #CCC; overflow: hidden;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-container {
float: left; margin: 0 0 5px 16px; width: 95%;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-title {
width: 70%; float: left; font-size: 14px; font-weight: bold; text-transform: capitalize; text-decoration: underline;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-replies {
float: right;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-author {
padding: 0pt 0pt 0pt 20px; color: gray;
}
/* Group Styling */
/*******************************************************************************************/
/* PHOTO: ALBUM LIST ITEM
Affected files:
- templates/photos.myphotos.php
*/
body #community-wrap .album-cover {
float: left;
margin: 10px;
}
body #community-wrap .album-summary {
margin: 8px;
margin-bottom: 0;
}
body #community-wrap .album-name {
white-space: nowrap;
overflow: hidden;
}
/** PHOTO: ALBUM LIST ITEM **/
/*******************************************************************************************/
/* blockUnregister */
body #cWindowContent div.blockUnregister {}
body #cWindowContent div.blockUnregister div.message {
background: #fde2e2;
border-top: solid 2px #d19393;
border-bottom: solid 2px #d19393;
padding: 5px 10px;
margin: 0 0 15px;
}
body #cWindowContent div.blockUnregister h3 {
font-size: 15px;
color: #333;
padding: 0;
}
body #cWindowContent div.loginform label,
body #cWindowContent div.loginform input {
margin: 0;
}
body #cWindowContent div.loginform .inputbox {
width: 87%;
}
body #cWindowContent div.loginform .frontlogin {
padding: 3px;
margin: 0 0 3px;
}
body #cWindowContent .button {
padding: 2px 15px;
background: #333;
border: solid 1px #666;
cursor: pointer;
color: #ccc;
font-size: 11px;
}
body #cWindowContent .button:hover {
background: #1c1d22;
border: solid 1px #666;
}
body #cWindowContent div.blockUnregister div.right-col {
padding-left: 10px;
border-left: solid 1px #666;
}
body #cWindowContent div.blockUnregister ul#featurelist {
list-style: none;
margin: 10px 0 !important;
padding: 0;
}
body #cWindowContent div.blockUnregister ul#featurelist li {
font-size: 11px;
color: #999;
background: transparent url(../images/add-button.gif) no-repeat 0 0;
line-height: 16px;
height: 16px;
margin: 0 0 5px !important;
padding: 0 0 0 25px;
}
body #cWindowContent div.blockUnregister a#joinButton2 {
background: transparent url(../images/register-button-small.gif) no-repeat 0 0;
width: 149px;
height: 46px;
text-indent: -9999px;
display: block;
outline-style: none;
margin: 0 auto;
}
body #cWindowContent div.blockUnregister a#joinButton2:hover {
background: transparent url(../images/register-button-small.gif) no-repeat 0 -46px;
}
/* blockUnregister */
body #community-wrap td.paramlist_key {
font-weight:bold;
text-align:right;
width:140px !important;
padding: 4px;
padding-right: 30px;
}
body #community-wrap td.paramlist_value {
padding: 4px;
}
body #community-wrap .logout-link {
position: absolute;
right: 5px;
top: 5px;
margin: 0;
}
body #community-wrap #profile-edit .inputbox {
width: 290px;
}
body #community-wrap #profile-edit .select {
width: auto;
}
body #community-wrap #profile-edit .validate-custom-date {
width: auto;
}
body #community-wrap #community-admin-wrapper
{
margin: 0 0 10px;
border: 1px solid #eee;
padding: 5px;
}
body #community-wrap #community-admin-wrapper #community-admin-controls {
margin: 0;
}
body #community-wrap #community-admin-wrapper #community-admin-controls li
{
display: inline;
padding:0 10px 0 20px;
}
body #community-wrap #community-admin-wrapper #community-admin-controls li a span
{
text-decoration: underline;
}
/*******************************************************************************************/
/** VIDEO **/
body #community-wrap .video-heading {
/* Remove any possible inheritance from Joomla! template */
margin: 0; padding: 0;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}
body #community-wrap .video {
}
body #community-wrap .video-container td {
border: 1px solid #CCCCCC;
}
body #community-wrap .video-thumb-url {
display: block;
background: url(../../../assets/video_thumb.png) no-repeat center;
}
body #community-wrap .video-thumb img {
/* Avoid .jomTips interference */
margin: 0 !important;
}
body #community-wrap .video-title {
white-space: nowrap;
overflow: hidden;
/* Remove any possible inheritance from Joomla! template */
margin: 0; padding: 0;
}
body #community-wrap .video-description {
/* Remove any possible
inheritance from Joomla! template */
margin: 0; padding: 0;
}
body #community-wrap .video-actions {
float: left;
}
body #community-wrap .video-durationHMS {
position: absolute;
bottom: 0; left: 0;
background: black;
color: #FFF;
opacity: 0.7;
font-size: 80%;
padding: 0 0.3em;
}
body #community-wrap div.cavatar{
height:70px;
float:left;
width:70px;
}
body #community-wrap div.ccontent-avatar {
}
/** Comment On Comment **/
#community-wrap .wall-cocs {
margin-top: 8px;
margin-right: 40px;
font-size: 95%;
}
#community-wrap .wallcmt {
padding: 4px;
background: #1E1F24;
margin-bottom: 1px;
position: relative;
padding-left: 40px; /* 32px avatar + 4px padding-left + 4px padding-right */
}
#community-wrap .wallcmt p {
margin: 0;
}
#community-wrap .wall-coc-avatar {
width: 32px;
position: absolute;
top: 4px;
left: 4px;
}
#community-wrap .wall-coc-form {
display: none;
}
#community-wrap .wall-coc-form-actions {
text-align: left;
}
/*******************************************************************************************/
/* .app-box */
#community-wrap .app-box {
margin-bottom: 15px;
}
#community-wrap .app-box-header {
background: url(../images/app-box.png) top left;
height: 35px;
padding: 0 0 0 5px;
margin: 0 5px 0 0;
position: relative;
}
#community-wrap .app-box-header_inner {
background: url(../images/app-box.png) top right;
padding: 0 5px 0 0;
margin: 0 -5px 0 0;
height: 35px;
}
#community-wrap .app-box-title {
color: #dadada;
font-weight: normal;
font-size: 16px;
line-height: 34px;
text-shadow: none;
background: none;
margin: 0;
padding: 0 0 0 5px;
border: none;
}
#community-wrap .app-box-content {
background: url(../images/app-box.png) bottom left;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
position: relative;
}
#community-wrap .app-box-content_inner {
background: url(../images/app-box.png) bottom right;
padding: 10px 10px 10px 0;
margin: 0 -10px 0 0;
}
#community-wrap .app-box-menus {
position: absolute;
top: 0; right: 0;
margin: 8px;
}
#community-wrap .app-box-menu {
float: right;
cursor: pointer;
margin-left: 5px;
}
#community-wrap .app-box-menu-title {
display: block;
text-indent: -9999px;
/* If .app-box-menu-title is displayed:
text-indent: 0;
*/
}
#community-wrap .app-box-menu-icon {
background-image: url(../images/app-box-menu-icon.png);
background-repeat: none;
height: 16px;
width: 16px;
line-height: 0;
display: block;
/*
If .app-box-menu-title is displayed:
width: auto;
line-height: normal;
padding-left: 16px;
*/
}
#community-wrap .app-box-menu-icon:focus {
outline: none;
}
/* options menu */
#community-wrap .app-box-menu.options .app-box-menu-icon { background-position: 0 0; }
/* toggle (expand/collapse) menu */
#community-wrap .app-box-menu.toggle .app-box-menu-icon { background-position: -16px 0; }
#community-wrap .app-box.collapse .app-box-menu.toggle .app-box-menu-icon {
background-position: -32px 0;
}
#community-wrap .app-box-info {
}
#community-wrap .app-box-actions {
text-align: right;
}
#community-wrap .app-box-header + .app-box-actions {
padding: 4px 0;
border-bottom: 1px solid #ECEFF5;
}
#community-wrap .app-box-header + .app-box-actions.no-border {
padding: 4px 0 0;
border: none;
}
#community-wrap .app-box-action {
padding: 0 5px;
outline: none;
}
#community-wrap .app-box-action + .app-box-action {
}
#community-wrap .app-box-action.no-border {
border: none;
}
#community-wrap .app-box-action.active {
font-weight: 700;
}
#community-wrap .app-box-footer {
border-top: 1px solid #ECEFF5;
padding: 5px 0;
text-align: right;
font-size: 90%;
}
#community-wrap .app-box-footer.no-border {
border: none;
padding: 0;
}
#community-wrap .app-box-footer .app-box-info {
float: left;
padding-left: 5px;
}
/*******************************************************************************************/
body #community-wrap .module-box {
margin: 0 0 15px 0;
}
/*******************************************************************************************/
/** VIDEO **/
body #community-wrap .video-heading {
/* Remove any possible inheritance from Joomla! template */
margin: 0; padding: 0;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}
body #community-wrap .video-title {
overflow: hidden;
position: relative;
white-space: nowrap;
/* Remove any possible
inheritance from Joomla! template */
margin: 0; padding: 0;
}
body #community-wrap .video-description {
/* Remove any possible
inheritance from Joomla! template */
margin: 0; padding: 0;
}
body #community-wrap .video-actions {
float: left;
}
body #community-wrap .video-durationHMS {
position: absolute;
bottom: 8px; left: 8px; /* Due to .video-thumb's using padding and not margin */
background: black;
color: #FFF;
opacity: 0.7;
font-size: 80%;
padding: 0 0.3em;
}
body #community-wrap .video-permalink {
padding: 10px 0;
}
/*
.video-add
*/
body #cWindow .video-addType {
vertical-align: top;
width: 50%;
height: 250px;
padding: 10px;
position: relative;
}
body #cWindow .video-addType.link {
}
body #cWindow .video-addType.upload {
border-left: 1px solid #DDD;
}
body #cWindow .video-addType-name {
font-weight: bold;
/* Reset inheritance from Joomla! template */
margin: 0; padding: 0;
}
body #cWindow .video-addType-description {
/* Reset inheritance from Joomla! template */
margin: 10px 0; padding: 0;
}
body #cWindow .video-providers {
padding-left: 15px;
}
body #cWindow .video-provider {
width: 49%;
float: left;
/* Reset inheritance from Joomla! template */
margin: 0; padding: 0; background: none;
list-style-type: disc; line-height: 150%;
}
body #cWindow .video-uploadRules {
padding-left: 15px;
}
body #cWindow .video-uploadRule {
/* Reset inheritance from Joomla! template */
margin: 0; padding: 0; background: none;
list-style-type: disc; line-height: 150%;
}
body #cWindow .video-action {
}
body #cWindow .video-addType.link .video-action {
margin-top: 15px;
}
body #cWindow .video-addType.upload .video-action {
margin-top: 20px;
}
/*
.video-full
*/
body #community-wrap .video-full {
}
body #community-wrap .video-player {
float: left;
margin-bottom: 15px;
margin-right: 15px;
}
body #community-wrap .video-full .video-summary {
padding: 10px;
/* reset inheritance from .video */
height: auto; margin: 0 !important;
}
body #community-wrap .video-full .video-details {
padding-top: 15px;
}
body #community-wrap .video-full .video-details dt {
float: left;
width: 75px;
/* Remove inheritance from Joomla! template */
margin: 0 !important;
padding: 0 !important;
}
body #community-wrap .video-full .video-details dd {
display: inline;
}
body #community-wrap .video-full .video-actions {
display: block;
/* Remove inheritance */
position: relative;
}
body #community-wrap .facebook
{
background: transparent url(../../../assets/favicon/facebook.gif) no-repeat 0 0;
margin: 5px 0 0;
padding-left: 20px;
text-decoration: underline;
}
body #community-wrap .video-result
{
border: 1px solid #EEE;
margin-bottom: 10px;
}
body #community-wrap .video-search-form
{
margin: 0 0 20px;
}
body #community-wrap #community-admin-wrapper
{
margin: 0 0 10px;
border: 1px solid #eee;
padding: 5px;
background: #F4F4F4 none repeat scroll 0 0
}
body #community-wrap #community-admin-wrapper #community-admin-controls li
{
display: inline;
padding: 0 10px 0 20px;
}
body #community-wrap #community-admin-wrapper #community-admin-controls li a span
{
text-decoration: underline;
}
body #community-wrap div.newsfeed-content-hidden
{
padding: 0px 2px 0px 2px;
background:#f4f5f6;
border: 1px dotted #aab4be;
margin-top:10px;
display:none;
}
/*******************************************************************************************/
/*
******************************************************************************
Social Bookmark
*/
/*
#community-wrap #social-bookmarks {
text-align: right;
margin: 0 215px 10px 0;
}
#community-wrap #social-bookmarks a {
height: 16px;
background: transparent url(../../default/images/bookmark.gif) no-repeat 0 0;
width: 75px;
padding-left: 18px;
}
*/
div#cWindowContent ul.bookmarks-list
{
list-style: none;
padding: 0;
margin: 0;
background: none;
}
div#cWindowContent ul.bookmarks-list li
{
list-style: none;
padding: 0;
margin-bottom: 10px;
background: none;
float: left;
width: 30%;
}
div#cWindowContent ul.bookmarks-list li a
{
text-decoration: none;
display: table-cell;
line-height: 16px;
}
div#cWindowContent ul.bookmarks-list li img
{
float: left;
margin-right: 3px;
}
div#cWindowContent input.bookmarks-email
{
width: 95%;
}
div#cWindowContent textarea.bookmarks-message
{
width: 95%;
height: 90px;
}
body #community-wrap .play-button {
position: absolute;
background: url(../../default/images/play-video.png) no-repeat center;
top: 0;
left: 0;
}
/*
******************************************************************************
Page actions
*/
#community-wrap .page-actions {
margin-bottom: 10px;
}
#community-wrap .page-action {
float: right;
margin-left: 5px;
}
#community-wrap .page-action a {
margin: 0;
outline: none;
}
#community-wrap .page-action#social-bookmarks {
}
#community-wrap .page-action#report-this {
}
#community-wrap div.empty-message {
background: #EDFED2;
border: 2px solid #C8E1A1;
color: #455D1E;
font-size: 110%;
font-weight: 700;
margin: 20px 0;
padding: 20px 30px;
text-align: center;
}
/*
******************************************************************************
group.created.php
*/
#community-wrap ul.linklist {
}
#community-wrap ul.linklist li {
background: transparent url(../images/group_actions.png) no-repeat 0 0;
text-indent: 22px;
height: 20px;
line-height: 16px;
margin-bottom: 5px;
padding: 0;
}
#community-wrap ul.linklist li.upload_avatar {
background-position: 0 0;
}
#community-wrap ul.linklist li.add_news {
background-position: 0 -20px;
}
#community-wrap ul.linklist li.group_edit {
background-position: 0 -40px;
}
#community-wrap ul.linklist li.group_view {
background-position: 0 -60px;
}
#community-wrap .pagination-container {
text-align: center;
}
/**
* Sidebar module
*/
#community-wrap .cModule {
border: 1px solid #414648;
padding: 5px 7px;
margin-bottom: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
}
#community-wrap .cModule h3 {
border: none !important;
color: #AAAAAA;
font-size: 14px;
font-weight: normal !important;
margin: 0 !important;
padding: 2px 0 7px 0 !important;
position: relative;
text-shadow: none;
}
#community-wrap .cModule fieldset {
background: none;
border: 0;
padding: 0;
margin: 0;
}
#community-wrap .app-box .video-summary {
margin: 0;
}
#community-wrap .app-box .video-item {
margin: 0 !important;
}
/**
* Base 2 column layout
* Fix width for sidebar & fluid for main section
*/
#community-wrap .cLayout {
position: relative;
width: 100%;
}
#community-wrap .cLayout .cMain {
margin-right: 235px;
}
#community-wrap .cLayout .cSidebar {
width: 220px;
float: right;
}
#community-wrap #activity-stream-container {
margin-bottom: 0px;
}
#community-wrap #activity-stream-container .ctitle {
padding: 5px 0 !important;
font-size: 12px !important;
line-height: 12px !important;
border-bottom: 1px solid #404547 !important;
margin: 0 0 5px 0 !important;
}
body #community-wrap .button {
background: url(../images/button.png) #343536 top left repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3px 7px;
border: 1px solid #262a2c;
}
body #community-wrap .cProfile table td {
vertical-align: top;
padding-top: 2px;
padding-bottom: 2px;
}
body #community-wrap .profile-summary {
width: 100%;
padding: 0 15px;
}
body #community-wrap .profileName {
}
body #community-wrap .profile-summary #community-admin-wrapper {
background: none !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #community-wrap .profile-avatar {
float: none;
border: none;
}
body #community-wrap .profile-avatar img {
width: 120px !important;
border: 3px solid #696b6e;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
body #community-wrap #profileStatus {
background: url(../images/speech_arrow.png) 0 15px no-repeat;
padding-left: 15px;
position: relative;
left: -15px;
margin-top: 10px;
}
body #community-wrap #profileStatusText {
border: 3px solid #FFFFFF;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: auto !important;
min-height: 50px;
}
body #community-wrap #profileStatus #profileStatusText {
border: 1px solid #FFFFFF;
background: #FFFFFF !important;
}
body #community-wrap #profileStatus #save-status {
display: none;
}
body #community-wrap #profileStatus.editMode #save-status {
display: block;
}
#community-wrap .profile-details {
white-space: nowrap;
}
#community-wrap .profile-detail-title {
font-weight: bold;
padding-right: 10px;
}
body #community-wrap ul.profile-details li,
body #community-wrap ul.profile-info li {
background: none;
padding: 0;
margin: 0 0 10px;
width: 100px;
}
body #community-wrap ul.profile-details li.title {
font-weight: 700;
margin: 0;
font-size: 100%;
}
body #community-wrap #profile-status {
border: none !important;
}
body #community-wrap .profile-info {
float: right;
}
/**
* User Status Text at Profile Page
*/
body #community-wrap #profile-new-status {
padding: 0 !important;
}
body #community-wrap #profile-new-status label {
font-weight: bold;
font-size: 120%;
}
body #community-wrap #profile-new-status textarea#statustext {
display: block;
border: 1px solid #CCCCCC;
height: 50px;
margin: 2px 0;
padding: 4px;
}
body #community-wrap #profile-new-status.inactive textarea#statustext {
color: #888888;
}
body #community-wrap #profile-new-status.inactive #save-status {
display: none;
}
#community-wrap .mini-profile {
border: 1px solid #383838 !important;
margin: 0 10px 15px 10px !important;
}
#apps-core {
margin: 0 0 15px 0;
}
#apps-core h3,
#apps-mine h3 {
margin: 0 0 10px 0 !important;
}
#community-wrap .app-item h3 {
margin: 0 20px 0 100px !important;
}
#community-wrap .app-item {
border: 1px solid #4B4D50;
}
body #community-wrap .photo-list-item {
border: 1px solid #4B4D50 !important;
}
body #community-wrap .photo-list-item .photo-item img {
border: 1px solid #4B4D50 !important;
}
body #community-wrap .album {
border: 1px solid #4B4D50 !important;
}
#community-wrap .album-actions {
margin-left: 88px !important;
}
#community-wrap .app-box-footer {
border: none !important;
}
#community-wrap .app-box.collapse .app-box-menu.toggle .app-box-menu-icon {
background-position: 0 0 !important;
}
#community-wrap .infoGroupTitle {
padding: 3px 0 !important;
color: #AAAAAA !important;
border-bottom: 1px solid #414648 !important;
}
#community-wrap dl.profile-right-info dd {
color: #CDCDCD !important;
}
#community-wrap #cProfileWrapper .page-actions {
height: 20px;
}
#community-wrap #miniheader .small-button li,
#community-wrap .cToolbarBand.profile-actions .small-button li {
display: inline;
}
#community-wrap #miniheader .small-button li a span,
#community-wrap .cToolbarBand.profile-actions .small-button li a span {
padding: 0 20px;
}
#community-wrap #miniheader {
background: #2B2E32;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 15px;
}
#community-wrap .newsfeed-content-hidden {
background: #414648 !important;
padding: 5px !important;
}
#community-wrap #cFormSearch {
text-align: center;
}
#community-wrap #cFormSearch .button {
margin-top: 3px;
}
/*
******************************************************************************
group.viewgroup.php
*/
#community-wrap .group-menus {
border-bottom: 3px solid #3e4248;
display: block;
float: right;
margin: 0 0 0 20px;
padding: 0;
width: 100%;
list-style: none;
}
#community-wrap .group-menu {
background: none;
float: right;
text-transform: capitalize;
}
#community-wrap .group-menu a {
text-decoration: none;
background: #2B2E32;
padding: 5px 10px;
color: #7a818b;
margin: 0 0 0 2px;
display: block;
font-size: 12px !important;
line-height: 13px !important;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}
#community-wrap .group-menu a:hover {
background-color: #3e4248;
color: #fff;
}
#community-wrap .group-menu.important {
border: none !important;
}
#community-wrap .group-menu.important a {
background: #600;
}
#community-wrap .group-menu.important a:hover {
background: #8B0000;
}
#community-wrap .group-info {
margin: 15px 0;
}
#community-wrap .group-info .cparam {
padding-left: 150px;
position: relative;
}
#community-wrap .group-info .clabel {
width: 150px;
font-size: 11px;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
}
#community-wrap .group-info .cdata {
font-size: 11px;
}
#community-wrap .group-info .cinput {
display: none;
}
#community-wrap .group-members {
}
#community-wrap .group-member {
display: inline;
/* Remove inheritance from Joomla! template */
list-style: none !important; background: none !important; padding: 0 !important;
}
/*
****************************************************************************** */
body #community-wrap ul.small-button li.btn-add-friend a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 0;
}
body #community-wrap ul.small-button li.btn-gallery a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 -21px;
}
body #community-wrap ul.small-button li.btn-blog a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 -42px;
}
body #community-wrap ul.small-button li.btn-videos a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 -83px;
}
body #community-wrap ul.small-button li.btn-write-message a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 -104px;
}
body #community-wrap ul.small-button li.btn-favourite a {
background: transparent url(../images/profile-toolbar-icons.png) no-repeat 0 -63px;
}
body #community-wrap ul.small-button li.btn-discussions a {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -259px;
}
body #community-wrap ul.small-button li.btn-members a {
background: transparent url(../images/icons-16x16.png) no-repeat scroll 0 -60px;
}
a.inbox {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -120px;
padding: 0 0 0 22px;
}
a.friend {
background: transparent url(../images/icons-16x16.png) no-repeat 0 0;
padding: 0 0 0 22px;
}
.icon-user {
background: transparent url(../images/icons-16x16.png) no-repeat 0 2px;
}
.icon-calendar {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -20px;
}
.icon-remove {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -37px;
}
.icon-group {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -58px;
}
.icon-write {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -118px;
}
.icon-join {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -100px;
}
.icon-leave {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -80px;
}
.icon-online {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -138px;
}
.icon-offline {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -158px;
}
.icon-add-friend {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -180px;
}
.icon-remove-friend {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -200px;
}
.icon-block-user
{
background: transparent url(../images/icons-16x16.png) no-repeat 0 -200px;
text-decoration: none;
}
.icon-approve {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -218px;
}
.icon-unapprove {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -37px;
}
.icon-waitingapproval {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -238px;
}
.icon-discuss {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -256px;
}
.icon-wall {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -276px;
}
.icon-edit {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -337px;
}
.icon-replies {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -297px;
}
.icon-photos {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -356px;
}
.icon-report {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -375px;
}
.icon-videos {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -398px;
}
.icon-edit2 {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -419px;
}
.icon-save {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -440px;
}
.icon-blog {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -457px;
}
.icon-addfeatured {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -480px;
}
.icon-removefeatured {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -501px;
}
.icon-bookmark {
background: transparent url(../images/icons-16x16.png) no-repeat 0 -521px;
}
body #community-wrap div.mini-profile-details {
margin: 0 10px 0 90px !important;
}
#community-wrap .group-discussion + .group-discussion {
border-top: 1px solid #333333 !important;
}
#community-wrap .community-groups-results-item {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 15px;
border: 1px solid #383838 !important;
margin: 0 10px 15px 10px !important;
}
body #community-wrap #latest-videos .video-item,
body #community-wrap #latest-videos .video-item .video-item {
border: none !important;
width: auto !important;
}
body #community-wrap #latest-videos .video-thumb {
margin-left: -8px;
}
body #community-wrap #latest-videos .video-summary {
padding-top: 8px;
}
body #community-wrap #latest-videos .video-item + .video-item {
border-top: 1px solid #383838 !important;
}
body #community-wrap .video-item .video-item {
border: 1px solid #383838 !important;
}
body #community-wrap .video-thumb-url {
background: transparent url(../images/video_thumb.png) no-repeat center center !important;
border: 1px solid #414648;
}
body #community-wrap .video-thumb-url:hover {
border: 1px solid #919191;
}
body #community-wrap .album-cover-link img {
border: 1px solid #414648;
}
body #community-wrap .album-cover-link img:hover {
border: 1px solid #919191;
}