Файл: templates/default/controllers/users/styles.css
Строк: 278
#user_profile {
clear:both;
overflow:
hidden;
}
#user_profile_title {
margin-bottom: 20px;
overflow:
hidden;
line-height: 42px;
}
#user_profile_title .name h1 {
margin:
0;
}
#user_profile_title .name h1 > sup {
font-size: 12px;
display: inline-block;
margin: -5px 0 0 0px;
background: none;
padding: 0;
}
#user_profile_title .name.name_with_status h1 {
font-size: 24px;
}
#user_profile_title .avatar, #user_profile_title .name
{
display: inline-block;
vertical-align:
middle;
}
#user_profile_title .avatar img { display:block; border-radius:
50%; }
#user_profile_title .name_with_status { line-height: 28px;
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, #user_profile_ratings {
float:right;
position: relative;
}
#user_profile_ratings {
margin-right:
10px;
}
#user_profile_rates .block, #user_profile_ratings .block {
line-height: 20px;
padding: 5px 10px;
border-radius: 2px;
font-size: 21px;
background-color: #ecf0f1;
color: #555;
text-align: center;
}
#user_profile_ratings .block {
background-color:
#2980b9;
color: #FFF;
}
.block .user_ratings_hint {
line-height:
normal;
font-size: 12px;
}
#user_profile_ratings .positive {
color:#FFF; }
#user_profile_rates .negative { color:red;
}
#user_profile_rates .positive { color:green; }
#user_profile_rates .karma
.value,
#user_profile_rates .karma .thumb{
display:
inline-block;
}
#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;
border-radius: 4px;
margin-top:-5px;
overflow:
hidden;
}
#user_status_widget .input{
border-color:#A3CAE0;
border-radius: 2px;
}
#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_profiles_list .field
{
line-height: 18px;
color: #666;
}
#users_profiles_list
.title_left {
display: inline-block;
margin-right:
10px;
}
#users_profiles_list .title_left + .value {
display:
inline-block;
}
#users_profiles_list .title_top { margin-bottom:5px; }
/*
==========================================================================
*/
#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;
}
.buttons_delete_profile {
float:
right;
}
input.button.delete_profile {
background:
#c0392b;
}
input.button.delete_profile:hover {
background:
#e74c3c;
}
@media screen and (max-width: 640px) {
#user_profile
#left_column { float:none; }
#user_profile #left_column .block {
margin-right: 0;
}
#user_profile #left_column .block:last-child {
margin-bottom: 15px;
}
#user_profile #left_column #avatar {
display: block; margin-right: 0; }
#user_profile #left_column #avatar
img { width:100%; max-width:250px; }
#user_profile_title .avatar {
display:none; }
#user_profile_title .name { padding-left:0; }
}