Просмотр архива InstantCMS 2.1.2

#user_profile {
    clear:both;
    overflow:
hidden;
}

#user_profile_title {
    overflow:hidden;
   
font-size:21px;
}

#user_profile_title .avatar {
    float:left;
   
overflow:hidden;
    padding:2px;
    border:solid 1px #B3C2C9;
   
margin-right: 10px;
}

#user_profile_title .avatar img { display:block;
}

#user_profile_title .name { padding-left:50px; line-height: 38px; width:
500px; }
#user_profile_title .name_with_status { line-height: initial;
margin-top:-4px; }
#user_profile_title .name a { color: #34495E;
text-decoration: none; }
#user_profile_title .name a:hover {
text-decoration: underline; }

#user_profile_title .status {
font-size:12px; line-height: normal;  }
#user_profile_title .status .text {
color:#34495e; }
#user_profile_title .status .reply {
    margin-left:5px;

   padding-left:18px;
   
background:url("../../images/icons/comment-small.png") no-repeat
left center;
}

#user_profile_title .status .delete {
    padding-left:
5px;
}

#user_profile_title .is_locked{
    font-size: small;
   
color:red;
    margin-left:15px;
}

/*
==========================================================================
*/

#user_profile_rates{
    float:right;
   
margin-top:6px;
}
#user_profile_rates .block{
    float:left;
   
height:20px;
    line-height:20px;
    margin-right:5px;
    padding:5px
10px;
    border-radius: 6px;
    font-size:21px;
}

#user_profile_rates
.negative { color:red; }
#user_profile_rates .positive { color:green;
}

#user_profile_rates .value{
    cursor: help;
}

#user_profile_rates
.karma .value,
#user_profile_rates .karma .thumb{
   
float:left;
}
#user_profile_rates .karma .thumb{
    display:inline-block;

   width:16px;
    height:16px;
    background:
url("../../images/icons/vote_thumbs.png") no-repeat left center;

   margin-top:2px;
    opacity: 0.5;
}
#user_profile_rates .karma
.thumb:hover{
    opacity:1;
}
#user_profile_rates .karma .thumb_up{
   
background-position: 0 0;
    margin-right:5px;
}
#user_profile_rates
.karma .thumb_down{
    background-position: -16px 0;
   
margin-left:5px;
}

/*
==========================================================================
*/

#user_status_widget{
    background-color:#F4FAFC;
    padding:5px;
   
padding-right:8px;
    border-radius: 6px;
    margin-top:-5px;
   
overflow: hidden;
}

#user_status_widget .input{
   
border-color:#A3CAE0;
}

#user_status_widget.loading {
   
background-position: center center;
}

#user_status_widget.loading .input{

   visibility: hidden;
}

/*
==========================================================================
*/

#user_profile_tabs { margin-top:15px; }
#user_content_pills {
margin-bottom: 20px; }
#user_content_folders { margin-bottom: 20px; }

/*
==========================================================================
*/

#user_profile #left_column {
    float:left;
}
#user_profile
#right_column {
    overflow: auto;
}

#user_profile #left_column .block{
 
  border:solid 1px #B3C2C9;
    border-bottom: none;
    margin-right:
15px;
    min-width: 200px;
    padding:10px;
}

#user_profile #left_column
.block:last-child{
    border-bottom:solid 1px #B3C2C9;
}

/*
==========================================================================
*/

#user_profile #avatar {
    padding-bottom:0px;
    text-align:
center;
}

/*
==========================================================================
*/

#user_profile .block .details,
#user_profile .block .details li {
   
margin:0;
    padding:0;
    list-style: none;
    color:#68809B;
   
font-size:12px;
}

#user_profile .block .details strong,
#user_profile
.block .block-title {
    color:#34495e;
   
font-weight:normal;
}

#user_profile .block .details .online{
   
color:green;
}

#user_profile .block .block-title {
    margin-bottom:6px;

   font-weight: bold;
}

/*
==========================================================================
*/

#user_profile .block .content_counts,
#user_profile .block
.content_counts li {
    list-style: none; margin:0;
padding:0;
}

#user_profile .block .content_counts {
   
margin:-10px;
}

#user_profile .block .content_counts li {
   
border-bottom: solid 1px #B3C2C9;
}

#user_profile .block .content_counts
li:last-child {
    border:none;
}

#user_profile .block .content_counts a
{
    color: #68809B;
    text-decoration:none;
    display:block;
   
overflow:hidden;
    height:24px;
    line-height:24px;
    padding:4px
10px;
}

#user_profile .block .content_counts a:hover {
   
background:#E1EBEF;
}

#user_profile .block .content_counts a .counter {
  
 display:block;
    overflow:hidden;
    height:24px;
   
line-height:24px;
    color:#34495E;
    float:right;
    padding:0 6px;
  
 font-size:12px;
}

/*
==========================================================================
*/

#user_profile .friends-list {
    overflow: hidden;
    max-width:
200px;
}

#user_profile .friends-list a {
    text-decoration:none;
   
display: block;
    float:left;
    overflow: hidden;
    margin-right:
1px;
    margin-bottom: 1px;
}

#user_profile .friends-list a span {
   
display: block;
    float: left;
    height:32px;
   
line-height:32px;
}

#user_profile .friends-list a:hover {
    opacity:
0.75;
}

/*
==========================================================================
*/

#user_profile #information{
    padding:0px;
}

#user_profile
#information .fieldset_title{
    border-top: dotted 1px #B3C2C9;
   
margin-bottom: 25px;
    margin-top:10px;
}

#user_profile #information
.fieldset_title h3{
    margin:0;
    margin-top:-10px;
   
background:#FFF;
    padding-right:10px;
    float:left;
   
color:#34495e;
    font-weight: normal;
   
font-size:14px;
}

#user_profile #information .fieldset {
   
padding-bottom:15px;
}

#user_profile #information .fieldset .field {
   
margin-left:15px;
    margin-bottom: 5px;
}

#user_profile #information
.fieldset .field .title{
    color:#68809B;
}

/*
==========================================================================
*/

#users_karma_log_list .date{
    color:#CCCCCC;
    padding-left:5px;
 
  font-size:12px;
}

#users_karma_log_list .comment{
    margin-top: 4px;
 
  line-height: 18px;
}

#users_karma_log_list .value{
    float:right;
   
margin-right: 0;
    border-radius: 4px;
   
padding:3px;
}

#users_karma_log_list .value span{
    width:16px;
   
height:16px;
    display: block;
    text-indent: -10000px;
   
font-weight: bold;
    background:
url("../../images/icons/vote_thumbs.png") no-repeat left
center;
}

#users_karma_log_list .positive{
    border:solid 1px
green;
}
#users_karma_log_list .positive span{
    background-position:0
0;
}

#users_karma_log_list .negative{
    border:solid 1px
red;
}
#users_karma_log_list .negative span{
    background-position:-16px
0;
}

/*
==========================================================================
*/

#groups_invite_window{ padding:20px; }
#groups_invite_window h3 {
margin:0; }
#groups_invite_window .list { margin:10px 0;
}
#groups_invite_window .list select { width:300px; }

/* Media Queries
============================================================ */

@media
screen and (max-width: 640px) {
    #user_profile #left_column {
float:none; }
    #user_profile #left_column .block { display: none;
padding:0; border:none; }
    #user_profile #left_column #avatar { display:
block; margin-bottom:15px; }
    #user_profile #left_column #avatar img {
width:100%; max-width:250px; }
    #user_profile_title .avatar {
display:none; }
    #user_profile_title .name { padding-left:0; }
}