/* Import default template CSS */
@import url("toolbar.css");
@import url("shared.css");
/**
* 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.column-right {
width: 200px;
float: right;
}
body #community-wrap div.column-main {
margin-right: 215px;
}
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;
height: 260px;
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 {
float: left;
display: block;
width: 100%;
}
body #community-wrap div.profile-avatar {
float: left;
width: 180px;
}
body #community-wrap div.profile-info {
margin-left: 190px;
}
body #community-wrap ul.profile-info {
list-style: none;
padding: 0;
}
body #community-wrap ul.profile-details {
padding: 0;
list-style: none;
margin: 0;
}
body #community-wrap ul.profile-details li,
body #community-wrap ul.profile-info li {
background: none;
padding: 0;
margin: 0 0 10px;
}
body #community-wrap ul.profile-details li.title {
font-weight: 700;
margin: 0;
font-size: 100%;
}
body #community-wrap div.profile-name {
padding: 0;
margin: 0 0 10px;
font-size: 180%;
}
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;
font-size: 11px;
height: 10px;
line-height: 10px;
text-align: left;
border: none;
}
body #community-wrap ul.actions li a {
color: #f00;
text-decoration: none;
}
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;
}
body #community-wrap #activity-stream-container {
}
/* 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 {
margin-right: 30px;
}
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-groups-results-item {
border: 1px solid #c33;
color: #fff;
font-weight: 700;
padding: 8px;
margin-top: 10px;
clear: both;
background: #900;
}
body #community-wrap div.community-groups-results-left {
width: 15%;
float: left;
clear: both;
height: 100%;
padding: 10px 0 0 10px;
}
body #community-wrap div.community-groups-results-right {
float: left;
margin-left: 10px;
width: 80%;
}
body #community-wrap div.community-groups-results-right h3 {
margin: 0;
padding: 0;
text-indent: 0 !important;
}
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 Styling */
body #community-wrap ul.photo-list {
border: solid 1px #666;
padding: 10px;
margin: 0;
list-style: none;
}
body #community-wrap ul.photo-list li {
display: inline;
background: none;
padding: 0;
margin: 0 5px 0 0;
}
/* Photo Album Styling */
/* 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 {
float: left;
margin: 8px;
position: relative;
}
body #community-wrap .video-thumb-url {
display: block;
background: url(../../../assets/video_thumb.png) no-repeat center;
}
body #community-wrap .video-thumb img {
/* Avoid .hasTip interference */
margin: 0 !important;
}
body #community-wrap .video-summary {
margin: 8px;
margin-bottom: 0;
}
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 {
float: left;
}
/** 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-image: url(../images/app-box-header.png);
padding-left: 10px;
height: 34px;
/* To accomodate .app-box-menu */
position: relative;
}
#community-wrap .app-box-header.no-background,
#community-wrap .app-box-header.no-background .app-box-header {
background: none;
padding: 0;
}
#community-wrap .app-box-title {
color: #858a99;
font-weight: 700;
font-size: 16px;
line-height: 34px;
/* Remove any
inheritance from Joomla! template */
background: none; margin: 0; padding: 0; border: none;
}
#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-content {
margin: 5px 0;
position: relative;
}
#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 {
border-left: 1px solid #AAAAAA;
}
#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;
}
body #community-wrap #cFilterBar {
position: relative;
border: 1px solid #888;
margin-bottom: 10px;
}
body #community-wrap #cFilterBar .filterGroup {
border: none;
padding: 4px 6px;
}
body #community-wrap #cFilterBar .filterGroup#cFilterType_Sort {
text-align: right;
}
body #community-wrap #cFilterBar .filterGroup#cFilterType_Filter {
position: absolute;
top: 0;
left: 0;
}
body #community-wrap #cFilterBar .filterName {
display: inline;
font-size: 12px;
font-weight: normal;
}
body #community-wrap #cFilterBar .filterOptions,
body #community-wrap #cFilterBar .filterOption {
/* Remove inheritance from Joomla! template */
background: none;
list-style: none;
margin: 0;
padding: 0;
}
body #community-wrap #cFilterBar .filterOptions {
display: inline;
}
body #community-wrap #cFilterBar .filterOption {
display: inline;
font-size: 12px;
padding-left: 2px;
}
/*******************************************************************************************/
/** 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 {
/* LEGACY:
.video is now replaced with .video-item
to avoid conflict.
*/
float: left;
width: 49%;
}
body #community-wrap .video-item {
float: left;
width: 49%;
}
body #community-wrap .video-item .video-item {
position: relative;
border: 1px solid #eee;
margin: 5px;
/* Reset from parent .video-item */
float: none;
width: auto;
}
body #community-wrap .video-thumb {
float: left;
padding: 8px; /* Did not use margin because it breaks on IE6/7 */
position: relative;
}
body #community-wrap .video-thumb-url {
display: block;
background: url(../../../assets/video_thumb.png) no-repeat center;
overflow: hidden;
}
body #community-wrap .video-thumb img {
/* Avoid .hasTip interference */
margin: 0 !important;
}
body #community-wrap .video-summary {
margin: 8px;
margin-bottom: 0;
}
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;
}
/*
.frontpage .video
*/
body #community-wrap .frontpage .video-item {
float: none;
width: auto;
}
/*
.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;
}
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;
}