[ SYSTEM_ONE WUZZ HERE! ]
/* Widget css */
/* Chat Widget starts */
.chats{
list-style-type: none;
margin: 0px;
}
.chats li{
margin-bottom: 8px;
padding-bottom: 8px;
}
.chats .by-me img{
margin-top: 5px;
margin-right:10px;
padding: 1px;
background:#fff;
border: 1px solid #ccc;
}
.chats .by-me .chat-meta{
font-size: 11px;
color: #999;
}
.chats .by-me .chat-content{
margin-left: 60px;
position: relative;
background: #fff;
border: 1px solid #ddd;
padding: 7px 10px;
border-radius: 5px;
font-size: 13px;
}
.chats .by-me .chat-content:after, .chats .by-me .chat-content:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.chats .by-me .chat-content:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 10px;
top: 30%;
margin-top: -10px;
}
.chats .by-me .chat-content:before {
border-color: rgba(238, 238, 238, 0);
border-right-color: #ccc;
border-width: 11px;
top: 30%;
margin-top: -11px;
}
.chats .by-other img{
margin-top: 5px;
margin-left:10px;
padding: 1px;
background:#fff;
border: 1px solid #ccc;
}
.chats .by-other .chat-meta{
font-size: 11px;
color: #999;
}
.chats .by-other .chat-content{
margin-right: 60px;
position: relative;
background: #fff;
border: 1px solid #ddd;
padding: 7px 10px;
border-radius: 5px;
font-size: 13px;
}
.chats .by-other .chat-content:after, .chats .by-other .chat-content:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.chats .by-other .chat-content:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
border-width: 10px;
top: 30%;
margin-top: -10px;
}
.chats .by-other .chat-content:before {
border-color: rgba(238, 238, 238, 0);
border-left-color: #ccc;
border-width: 11px;
top: 30%;
margin-top: -11px;
}
/* Chat widget ends */
/* Recent posts & Comments widgets starts */
.recent-content .btn{
font-size: 11px !important;
margin-top: 5px;
}
.recent-meta{
font-size: 11px;
color: #999;
}
.recent {
list-style-type: none;
margin: 0px;
font-size: 12px;
line-height: 16px;
}
.recent img{
margin-top: 5px;
margin-right:10px;
padding: 1px;
background:#fff;
border: 1px solid #ccc;
}
.recent li{
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
/* Recent posts and comments widget ends */
/* File upload widget starts */
.file-upload{
list-style-type: none;
margin: 0px;
padding:0px;
}
.file-upload li{
padding:5px 10px;
background-color: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f6f6f6));
background: -webkit-linear-gradient(top, #fafafa, #f6f6f6);
background: -moz-linear-gradient(top, #fafafa, #f6f6f6);
background: -ms-linear-gradient(top, #fafafa, #f6f6f6);
background: -o-linear-gradient(top, #fafafa, #f6f6f6);
background: linear-gradient(top, #fafafa, #f6f6f6);
border-top: 1px solid #ccc;
}
.file-upload li:first-child{
border-top: 0px;
}
.file-upload li:hover{
background: #f0f0f0;
}
.file-upload .file-meta{
font-size: 11px;
}
.file-upload .progress{
margin: 5px 0px !important;
}
/* File upload widget ends */
/* Tasks starts */
.task{
list-style-type: none;
margin: 0px;
padding:0px;
}
.task li{
padding:10px 10px;
background-color: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f6f6f6));
background: -webkit-linear-gradient(top, #fafafa, #f6f6f6);
background: -moz-linear-gradient(top, #fafafa, #f6f6f6);
background: -ms-linear-gradient(top, #fafafa, #f6f6f6);
background: -o-linear-gradient(top, #fafafa, #f6f6f6);
background: linear-gradient(top, #fafafa, #f6f6f6);
border-top: 1px solid #ccc;
}
.task li:first-child{
border-top: 0px;
}
.task li:hover{
background: #f0f0f0;
}
.task i{
width: 17px;
height: 17px;
background: #ccc;
text-align: center;
border-radius: 50px;
font-size: 10px;
line-height: 17px;
}
.task .label{
margin-left: 5px;
}
.task a{
color: #999;
}
/* Tasks ends */
/* Referrer - OS and Browser */
.referrer img{
max-width: 20px;
width: 20px;
display: block;
margin: 0 auto;
}
/* Referrer ends */
/* Latest news */
.latest-news{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.latest-news li{
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
}
.latest-news li:last-child{
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.latest-news h6{
line-height: 13px;
}
.latest-news h6 span{
font-weight: normal;
font-size: 11px;
color: #666;
}
/* Quick post */
.quick-post{
margin-top: 20px;
}
/* Project starts */
.project{
list-style-type: none;
margin: 0px;
padding:0px;
}
.project li{
padding:10px 10px;
background-color: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f6f6f6));
background: -webkit-linear-gradient(top, #fafafa, #f6f6f6);
background: -moz-linear-gradient(top, #fafafa, #f6f6f6);
background: -ms-linear-gradient(top, #fafafa, #f6f6f6);
background: -o-linear-gradient(top, #fafafa, #f6f6f6);
background: linear-gradient(top, #fafafa, #f6f6f6);
border-top: 1px solid #ccc;
}
.project li:first-child{
border-top: 0px;
}
.project li:hover{
background: #f0f0f0;
}
.project p{
font-weight: bold;
margin: 0px !important;
padding: 0px !important
}
.project .p-meta{
font-size: 11px;
font-weight: normal;
margin-left: 26px !important;
margin-bottom: 5px !important;
}
.project .progress{
margin:0px !important;
padding: 0px !important;
margin-left: 26px !important;
}
/* Proejct ends */
/* Recent Activity starts */
.activity{
list-style-type: none;
margin: 0px;
padding:0px;
}
.activity li{
padding:8px 10px;
background-color: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f6f6f6));
background: -webkit-linear-gradient(top, #fafafa, #f6f6f6);
background: -moz-linear-gradient(top, #fafafa, #f6f6f6);
background: -ms-linear-gradient(top, #fafafa, #f6f6f6);
background: -o-linear-gradient(top, #fafafa, #f6f6f6);
background: linear-gradient(top, #fafafa, #f6f6f6);
border-top: 1px solid #ccc;
}
.activity li:first-child{
border-top: 0px;
}
.activity li:hover{
background: #f0f0f0;
}
.activity i{
margin-right: 5px;
}
/* Recent activity ends */
/* Google maps */
.gmap iframe{
width: 100%;
margin: 0px;
padding: 0px;
}
/* Google maps ends */
/* Users starts */
.user img{
max-width: 100px;
border: 1px solid #aaa;
padding: 1px;
background: #fff;
margin-top: 5px;
}
.user .user-pic{
float: left;
width: 110px;
}
.user .user-details{
margin-left: 115px;
}
/* Users ends */