175 lines
No EOL
5.3 KiB
CSS
175 lines
No EOL
5.3 KiB
CSS
/*
|
|
Document : group
|
|
Created on : Sep 23, 2012, 3:57:42 AM
|
|
Author : Arslan
|
|
Description:
|
|
Purpose of the stylesheet follows.
|
|
*/
|
|
|
|
.group-topic-block{
|
|
padding-top:10px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #ddd;
|
|
border-top: 1px solid #fff
|
|
}
|
|
|
|
.group-topic-block:first{border-top: none}
|
|
.group-topic-block:last{border-bottom: none}
|
|
|
|
.group-topic-block .group-topic-icon img{
|
|
border:1px solid #000;
|
|
}
|
|
|
|
.group-topic-block .group-topic-icon{
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.group-topic-block .group-topic-title,.group-topic-block .group-topic-title a{
|
|
font-weight: bold; font-size: 14px; color: #06c;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.group-topic-block .group-topic-desc{
|
|
font-size: 12px;
|
|
}
|
|
|
|
.group-topic-block .group-topic-replies{
|
|
padding: 3px 8px;
|
|
text-align: center;
|
|
background-color: #333;
|
|
top: 10px;
|
|
color: #fff;
|
|
text-shadow: 0px 1px 0px #000;
|
|
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
|
|
}
|
|
|
|
.group-topic-block .group-topic-replies ._replies{font-size: 10px; text-transform: uppercase}
|
|
.group-topic-block .group-topic-replies ._numeric{font-size: 16px; font-weight: bold}
|
|
|
|
.group-topic-block .group-topic{float: left; width: 435px}
|
|
|
|
.group-topic-block .group-topic-opts,.group-topic-block .group-topic-opts a{
|
|
color:#06c; font-size: 10px;
|
|
}
|
|
|
|
|
|
.global-navigation-column .group-thumb
|
|
{
|
|
border:1px solid #000;
|
|
margin: 14px;
|
|
width: 170px
|
|
}
|
|
|
|
.group-left-buttons{margin-bottom: 10px}
|
|
.group-left-buttons button{
|
|
width: 170px;
|
|
}
|
|
|
|
|
|
|
|
/** Groups CSS **/
|
|
.group-block{
|
|
|
|
font-size:12px;
|
|
color: #7d7d7d;
|
|
margin: 10px 0px;
|
|
border:1px solid transparent;
|
|
padding: 10px; min-height: 100px;
|
|
position: relative
|
|
}
|
|
.group-block:hover{background-color: #f5f5f5; border : 1px solid #ddd; }
|
|
.group-block .group-left{width: 100px; position: absolute; left: 10px; }
|
|
.group-block .group-thumb{width:95px; height: 95px}
|
|
.group-right{padding-left: 110px}
|
|
|
|
.group-block .group-title, .group-block .group-title a{font-size: 14px; font-weight: bold; color: #000}
|
|
.group-block .group-desc{font-size: 13px; margin: 5px 0px}
|
|
.group-block .group-topics{font-size: 10px; font-weight: bold}
|
|
.group-block .group-topics ul{ list-style: none;margin: 0px; padding: 0px; list-style:none}
|
|
.group-block .group-topics ul li{list-style: none; list-style-type: none; line-height: 15px}
|
|
.group-block .group-topics ul li a{color:#7d7d7d; text-decoration: underline;}
|
|
.group-block .group-stat{line-height: 15px; font-size: 10px; font-weight: bold}
|
|
|
|
.group-block .group-title{font-size: 17px; font-weight: bold; color: #000}
|
|
.group-block .group-desc{font-size: 13px; margin: 5px 0px}
|
|
.group-block .group-topics{font-size: 10px; font-weight: bold}
|
|
.group-block .group-topics ul{ list-style: none;margin: 0px; padding: 0px; list-style:none}
|
|
.group-block .group-topics ul li{list-style: none; list-style-type: none; line-height: 15px; float: left; margin-right: 15px}
|
|
.group-block .group-topics ul li a{color:#7d7d7d; text-decoration: underline;}
|
|
.group-left-stat{line-height: 15px; font-size: 10px; font-weight: bold}
|
|
|
|
.view-group .group-title{font-size: 16px; text-shadow: 0px 1px 0px #fff; color: #222; font-weight: bold}
|
|
.view-group .nav{
|
|
margin-top: 10px;
|
|
}
|
|
.view-group .nav-tabs > .active > a, .nav-tabs > .active > a:hover{
|
|
box-shadow: 0px -2px 2px rgba(0,0,0,0.10);
|
|
outline: none
|
|
}
|
|
|
|
.view-group .nav-tabs{
|
|
color:#000;
|
|
}
|
|
.view-group .nav-tabs > li > a{padding-top:3px; line-height: 15px; padding-bottom: 3px; border-radius: 0px; font-size: 11px}
|
|
.group-head{margin-bottom: 15px}
|
|
|
|
.view-topic .topic-title{font-size: 15px; font-weight: bold}
|
|
|
|
.topic-bubble-caret {
|
|
border-bottom: 8px solid transparent;
|
|
border-right: 8px solid white;
|
|
border-top: 8px solid transparent;
|
|
height: 0;
|
|
left: -7px;
|
|
position: absolute;
|
|
top: 10px;
|
|
width: 0;
|
|
}
|
|
|
|
.group-topic-post .topic-content{width: 495px; float: right}
|
|
.group-topic-post .topic-post-thumb img{width: 40px;
|
|
border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px;
|
|
box-shadow: 0px 2px 1px rgba(0,0,0,0.16)
|
|
}
|
|
.group-topic-post .topic-post-thumb{margin-right: 10px; float: left;}
|
|
.group-topic-post .topic-title{font-size: 14px; font-weight: bold; }
|
|
.group-topic-post .topic-info{color: #7d7d7d; font-size: 10px}
|
|
|
|
.group-privacy{position: absolute; right:5px; top: 8px; font-size: 11px}
|
|
|
|
.group-topic-post .topic-post{font-size: 13px; font-weight: normal}
|
|
.group-topic-post .like-dislike{top: 7px; right: 7px}
|
|
.group-topic-post .topic-options a{font-size: 11px}
|
|
|
|
.group-video-block{width: 176px; float: left; margin-right: 20px; }
|
|
|
|
.group-video-checkable .video-thumb {
|
|
border:3px #E6E6E6 solid;
|
|
border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
.group-video-checkable label{cursor:pointer}
|
|
|
|
.group-video-checkable .checked-video {
|
|
display: inline-block;
|
|
height: 17px;
|
|
padding: 0 0 0 2px;
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
width: 15px;
|
|
border: none;
|
|
|
|
}
|
|
|
|
.group-video-checked .video-thumb{border-color:#06c}
|
|
|
|
.group-video-block:nth-child(3n){margin-right: 0px}
|
|
.group-video-block .video-thumb img{width: 100%; height:110px;}
|
|
.group-video-info-cont{height: 80px; margin-bottom: 20px}
|
|
.group-video-info-cont .title a{font-size: 12px; color: #333; text-decoration: none; font-weight: bold;}
|
|
|
|
.create_group_form legend{margin-left:0px}
|
|
.create_group_form .form-actions .btn{width: 300px} |