Делаем по другому
Перейти в Админ Панель-Внешний вид-Ваш стиль-Профили пользователей-profileModern заменить все на:
{parse js_module="status"}
{parse js_module="rating"}
{parse js_module="profile"}
<script type='text/javascript'>
//<![CDATA[
ipb.profile.viewingProfile = parseInt( {$member['member_id']} );
<if test="$this->memberData['member_id']">
ipb.templates['remove_friend'] = "<a href='{parse url="app=members&section=friends&module=profile&do=remove&member_id={$member['member_id']}" base="public"}' title='{$this->lang->words['remove_as_friend']}'><img src='{$this->settings['img_url']}/user_delete.png' alt='{$this->lang->words['remove_as_friend']}' /> {$this->lang->words['remove_as_friend']}</a>";
ipb.templates['add_friend'] = "<a href='{parse url="app=members&section=friends&module=profile&do=add&member_id={$member['member_id']}" base="public"}' title='{$this->lang->words['add_me_friend']}'><img src='{$this->settings['img_url']}/user_add.png' alt='{$this->lang->words['add_me_friend']}' /> {$this->lang->words['add_me_friend']}</a>";
</if>
ipb.templates['edit_status'] = "<span id='edit_status'><input type='text' class='input_text' style='width: 60%' id='updated_status' maxlength='150' /> <input type='submit' value='{$this->lang->words['save']}' class='input_submit' id='save_status' /> <a href='#' id='cancel_status' class='cancel' title='{$this->lang->words['cancel']}'>{$this->lang->words['cancel']}</a></span>";
<if test="friendsEnabled:|:$this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
<if test="jsIsFriend:|:IPSMember::checkFriendStatus( $member['member_id'] )">
ipb.profile.isFriend = true;
<else />
ipb.profile.isFriend = false;
</if>
</if>
//]]>
</script>
<if test="hasCustomization:|:is_array($member['customization']) AND $member['customization']['type']">
{parse template="customizeProfile" group="profile" params="$member"}
</if>
<h3 class='fmw_ptitle'>Пользователь: {$member['members_display_name']}
<if test="canEditUser:|:($this->memberData['member_id'] && $member['member_id'] == $this->memberData['member_id']) || $this->memberData['g_is_supmod'] == 1 || ($this->memberData['member_id'] && $member['member_id'] != $this->memberData['member_id'])">
<if test="weAreSupmod:|:$this->memberData['g_is_supmod'] == 1 && $member['member_id'] != $this->memberData['member_id']">
<a href='{parse url="app=core&module=modcp&do=editmember&auth_key={$this->member->form_hash}&mid={$member['member_id']}&pf={$member['member_id']}" base="public"}'>{$this->lang->words['supmod_edit_member']}</a>
</if>
<if test="weAreOwner:|:$this->memberData['member_id'] && $member['member_id'] == $this->memberData['member_id']">
<a href='{parse url="app=core&module=usercp&tab=core" base="public"}'>{$this->lang->words['edit_profile']}</a>
</if>
<if test="supModCustomization:|:($member['member_id'] == $this->memberData['member_id'] ) AND $member['customization']['type']">
<a href='{parse url="showuser={$member['member_id']}&secure_key={$this->member->form_hash}&removeCustomization=1" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}'>{$this->lang->words['cust_remove']}</a>
</if>
</if>
<span class='right'>
<if test="onlineDetails:|:$member['_online'] && ($member['online_extra'] != $this->lang->words['not_online'])">
<span class='ipsBadge ipsBadge_green reset_cursor' data-tooltip="{parse expression="strip_tags($member['online_extra'])"}">{$this->lang->words['online_online']}</span>
<else />
<span class='ipsBadge ipsBadge_lightgrey reset_cursor'>{$this->lang->words['online_offline']}</span>
</if>
</span>
</h3>{parse replacement="header_end"}
<div style="background:#f9fafd;padding:10px 10px 20px 10px;">
<div id="customBackground"></div>
<ul class='ipsList_inline' id='user_utility_links'>
<if test="noFriendYourself:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $member['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
<li id='friend_toggle'>
<if test="isFriend:|:IPSMember::checkFriendStatus( $member['member_id'] )">
<a href='{parse url="app=members&section=friends&module=profile&do=remove&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}' class='ipsButton_secondary'><img src='{$this->settings['img_url']}/user_delete.png' alt='{$this->lang->words['remove_friend']}' /> {$this->lang->words['remove_as_friend']}</a>
<else />
<a href='{parse url="app=members&section=friends&module=profile&do=add&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}' class='ipsButton_secondary'><img src='{$this->settings['img_url']}/user_add.png' alt='{$this->lang->words['add_friend']}' /> {$this->lang->words['add_me_friend']}</a>
</if>
</li>
</if>
<if test="pmlink:|:($member['member_id'] != $this->memberData['member_id']) AND $this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) AND $member['members_disable_pm'] == 0">
<li class='pm_button' id='pm_xxx_{$member['member_id']}'><a href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$member['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' class='ipsButton_secondary'>{parse replacement="send_msg"} {$this->lang->words['send_message']}</a></li>
</if>
<li>
<a href='{parse url="app=core&module=search&do=user_activity&mid={$member['member_id']}" base="public"}' class='ipsButton_secondary'>{parse replacement="find_topics_link"} {$this->lang->words['gbl_find_my_content']}</a>
</li>
<if test="($this->memberData['member_id'] && $member['member_id'] == $this->memberData['member_id'] )"><if test="$this->memberData['gbw_allow_url_bgimage'] OR $this->memberData['gbw_allow_upload_bgimage']">
<li><a href='{parse url="app=core&module=usercp&tab=core&area=customize" base="public"}' class='ipsButton_secondary'><i class="fa fa-picture-o"></i> Изменить персонализацию</a></li>
</if></if>
<if test="($member['member_id'] == $this->memberData['member_id'] ) AND $member['customization']['type']">
<li><a href='{parse url="showuser={$member['member_id']}&secure_key={$this->member->form_hash}&removeCustomization=1" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}' class='ipsButton_secondary'><i class="fa fa-minus-circle"></i> {$this->lang->words['cust_remove']}</a></li>
</if>
</ul>
<table width="1178px"><tbody><tr>
<td width="300px" style="padding:0;font-size:12px;background:#f9fafd;">
<center>
<div style="margin-top:0px;">
<div class='fmw_pnick'>
<span>{$member['members_display_name']}</span>
</div>
<p class='short photo_holder'>
<if test="canEditPic:|:($this->memberData['member_id'] && $member['member_id'] == $this->memberData['member_id']) AND (IPSMember::canUploadPhoto($member, TRUE))">
<a data-clicklaunch="launchPhotoEditor" href="{parse url="app=members&module=profile&section=photo" base="public"}" id='change_photo' class='ipsType_smaller ipsPad' title='{$this->lang->words['change_photo_desc']}'>{$this->lang->words['change_photo_link']}</a>
</if>
<img class='fmw_pimg' src="{$member['pp_main_photo']}" title="Аватар пользователя">
</p>
<div style='margin-top:10px;'>
<if test="ourReputation:|:$this->settings['reputation_enabled'] && $this->settings['reputation_show_profile']">
<if test="RepPositive:|:$member['pp_reputation_points'] > 0">
<div class='reputation positive reset_cursor fmw_prep' data-tooltip="{parse expression="sprintf( $this->lang->words['rep_description'], $member['members_display_name'], $member['pp_reputation_points'])"}">
</if>
<if test="RepNegative:|:$member['pp_reputation_points'] < 0">
<div class='reputation negative reset_cursor fmw_prep' data-tooltip="{parse expression="sprintf( $this->lang->words['rep_description'], $member['members_display_name'], $member['pp_reputation_points'])"}">
</if>
<if test="RepZero:|:$member['pp_reputation_points'] == 0">
<div class='reputation zero reset_cursor fmw_prep' data-tooltip="{parse expression="sprintf( $this->lang->words['rep_description'], $member['members_display_name'], $member['pp_reputation_points'])"}">
</if>
<span class='number'>{$member['pp_reputation_points']}</span>
<if test="RepText:|:$member['author_reputation'] && $member['author_reputation']['text']">
<span class='title'>{$member['author_reputation']['text']}</span>
</if>
<if test="RepImage:|:$member['author_reputation'] && $member['author_reputation']['image']">
<span class='image'><img src='{$member['author_reputation']['image']}' alt='{$this->lang->words['m_reputation']}' /></span>
</if>
</div>
<br />
</if>
<ul class='ipsList_inline' id='user_utility_links'>
<if test="haswarn:|:$member['show_warn']">
<div class='warn_panel clear ipsType_small'>
<a href='{parse url="app=members&module=profile&section=warnings&member={$member['member_id']}&from_app=members" base="public"}' id='warn_link_xxx_{$member['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $member['warn_level'] )"}</a>
</div>
</div>
</if>
</div>
<a href='#' id='modal1'>Посмотреть друзей</a>
<div id='mymodalcontent' style='display:none;'>
<h3>Друзья</h3>
<div class='fixed_inner' style='margin: 0 0 15px 0;'>
<div id='friendsmod' class='ipsPad'>
<if test="hasFriends:|:count($friends) AND is_array($friends)">
<foreach loop="friendsLoop:$friends as $friend">
<div id="frg" style="padding: 5px;"> <a href='{parse url="showuser={$friend['member_id']}" base="public" template="showuser" seotitle="{$friend['members_seo_name']}"}' class='ipsUserPhotoLink'><img src='{$friend['pp_mini_photo']}' class='ipsUserPhoto ipsUserPhoto_mini' data-tooltip='{$friend['members_display_name']}' />
<span>{$friend['members_display_name']}</span>
</a>
<a class='ipsButton_secondary fmw_pfri' href='{parse url="app=core&module=search&do=user_activity&mid={$friend['member_id']}" base="public"}' title='{$this->lang->words['gbl_find_my_content']}'>{parse replacement="find_topics_link"}</a>
<if test="sendpm:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) && $friend['member_id'] != $this->memberData['member_id']">
<a id="pm_xxx_{$friend['pp_member_id']}" class="pm_button ipsButton_secondary fmw_pfri" href='{parse url="app=members&module=list&module=messaging&section=send&do=form&fromMemberID={$friend['pp_member_id']}" base="public"}'>
<i class="fa fa-envelope"></i>
</a>
</if>
<if test="notus:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $friend['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
<if test="addfriend:|:IPSMember::checkFriendStatus( $friend['member_id'] )">
<a id='friend_mlist_{$friend['member_id']}' class='mini_friend_toggle is_friend ipsButton_secondary fmw_pfri' href='{parse url="app=members&module=list&module=profile&section=friends&do=remove&member_id={$friend['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'>{parse replacement="remove_friend"}</a>
<else />
<a class='mini_friend_toggle is_not_friend ipsButton_secondary fmw_pfri' id='friend_mlist_{$friend['member_id']}' href='{parse url="app=members&module=list&module=profile&section=friends&do=add&member_id={$friend['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'>{parse replacement="add_friend"}</a>
</if>
</if>
</div>
</foreach>
<else />
<p class='desc'>
{$member['members_display_name']} {$this->lang->words['no_friends_yet']}
</p>
</if>
</div>
</div>
</div>
<script type='text/javascript'>
$('modal1').observe( 'click', function(e) {
_var = new ipb.Popup( 'booboo', { type: 'pane',
initial: $('mymodalcontent').innerHTML,
hideAtStart: false,
w: '500px',
h: 300} );
Event.stop(e);
return false;
});
</script>
</center>
</td><td class="bl"><div style="padding:0 0 15px 0;">
<div class="ipsLayout_content">
<div class='general_box clearfix'>
<h3>{$this->lang->words['community_stats']}</h3>
<ul class='ipsList_data clearfix'>
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_group']}</span>
<span class='row_data'>{$member['g_title']}</span>
</li>
<li class='clear clearfix'>
<span class='row_title'>Сообщений :</span>
<span class='row_data'>{parse format_number="$member['posts']"}</span>
</li>
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_profile_views']}</span>
<span class='row_data'>{parse format_number="$member['members_profile_views']"}</span>
</li>
<if test="member_title:|:$member['title'] != ''">
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_member_title']}</span>
<span class='row_data'>{$member['title']}</span>
</li>
</if>
<li class='clear clearfix'>
<span class='row_title'>ID:</span>
<span class='row_data'>{$member['member_id']}</span>
</li>
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_age_prefix']}</span>
<if test="member_age:|:$member['_age'] > 0">
<span class='row_data'>{$member['_age']} {$this->lang->words['m_years_old']}</span>
<else />
<span class='row_data desc lighter'>{$this->lang->words['m_age_unknown']}</span>
</if>
</li>
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_birthday_prefix']}</span>
<if test="member_birthday:|:$member['bday_day']">
<span class='row_data'>{$member['_bday_month']} {$member['bday_day']}<if test="member_bday_year:|:$member['bday_year']">, {$member['bday_year']}</if></span>
<else />
<span class='row_data desc lighter'>{$this->lang->words['m_bday_unknown']}</span>
</if>
</li>
<if test="pcfields:|:$member['custom_fields']['profile_info'] != """>
<foreach loop="pcfieldsLoop:$member['custom_fields']['profile_info'] as $key => $value">
<if test="!empty($value)">
<li class='clear clearfix'>
{$value}
</li>
</if>
</foreach>
</if>
</ul>
<br />
</div>
<if test="pcfieldsOther:|:$member['custom_fields']">
<foreach loop="pcfieldsOtherLoop:$member['custom_fields'] as $group => $mdata">
<if test="pcfieldsOtherLoopCheck:|:$group != 'profile_info' AND $group != 'contact'">
<if test="pcfieldsOtherLoopCheck2:|:is_array( $member['custom_fields'][ $group ] ) AND count( $member['custom_fields'][ $group ] )">
<div class='general_box clearfix' id='custom_fields_{$group}'>
<h3 class='bar'>{$member['custom_field_groups'][ $group ]}</h3>
<ul class='ipsList_data clearfix'>
<foreach loop="pcfieldsOtherLoopCheckInner:$member['custom_fields'][ $group ] as $key => $value">
<li class='clear clearfix'>
{$value}
</li>
</foreach>
</ul>
<br />
</div>
</if>
</if>
</foreach>
</if>
<if test="hasContactFields:|:$this->memberData['g_access_cp'] == 1 || is_array( $member['custom_fields']['contact'])">
<div class='general_box clearfix'>
<h3>{$this->lang->words['contact_info']}</h3>
<ul class='ipsList_data clearfix'>
<if test="isadmin:|:$this->memberData['g_access_cp'] == 1">
<li class='clear clearfix'>
<span class='row_title'>{$this->lang->words['m_email']}</span>
<span class='row_data'>
<a href='mailto:{$member['email']}'>{$member['email']}</a>
</span>
</li>
</if>
<if test="member_contact_fields:|:is_array( $member['custom_fields']['contact'])">
<!-- contact fields -->
<li class='fmw_contactFields clear clearfix'>
<span class='row_data'>
<!-- aim -->
<if test="$member['field_1']">
<a href="aim:goim?screenname={$member['field_1']}" data-tooltip="{$member['field_1']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_aim.gif" alt="{$member['field_1']}" /></a>
</if>
<!-- / aim -->
<!-- msn -->
<if test="$member['field_2']">
<a href="msnim:chat?contact={$member['field_2']}" data-tooltip="{$member['field_2']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_msn.gif" alt="{$member['field_2']}" /></a>
</if>
<!-- / msn -->
<!-- website -->
<if test="$member['field_3']">
<a href="{$member['field_3']}" data-tooltip="{$member['field_3']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_website.gif" alt="{$member['field_2']}" /></a>
</if>
<!-- / website -->
<!-- icq -->
<if test="$member['field_4']">
<a href="http://www.icq.com/{$member['field_4']}" data-tooltip="{$member['field_4']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_icq.gif" alt="{$member['field_4']}" /></a>
</if>
<!-- / icq -->
<!-- yahoo -->
<if test="$member['field_8']">
<a href="ymsgr:sendIM?{$member['field_8']}" data-tooltip="{$member['field_8']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_yahoo.gif" alt="{$member['field_8']}" /></a>
</if>
<!-- / yahoo -->
<!-- jabber -->
<if test="$member['field_9']">
<a href="xmpp:{$member['field_9']}" data-tooltip="{$member['field_9']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_jabber.gif" alt="{$member['field_9']}" /></a>
</if>
<!-- / jabber -->
<!-- skype -->
<if test="$member['field_10']">
<a href="skype:{$member['field_10']}?call" data-tooltip="{$member['field_10']}"><img src="{$this->settings['public_dir']}style_extra/cprofile_icons/profile_skype.gif" alt="{$member['field_10']}" /></a>
</if>
<!-- / skype -->
</span>
</li>
<!-- / contact fields -->
</if>
</ul>
</div>
</if>
</div
<if test="$default_tab != 'core:info'">
<div id='pane_{$default_tab}'>
{$default_tab_content}
</div>
</td></tr></tbody></table>
</div>
Перейти в Админ Панель-Внешний вид-Ваш стиль-css нажмите Добавить CSS-файл
Названые: flatty и вставить туда весь код:
/**
* profileModern
* By Ciko
* http://ipb-board.com */
.fmw_menu {
width:200px;
height:auto;
position:fixed;
left:-200px;
z-index:9999;
-webkit-transition: all 1.3s ease;
-moz-transition: all 1.3s ease;
-o-transition: all 1.3s ease;
transition: all 1.3s ease;
}
.fmw_menu:hover {
left:0;
background: rgba(0, 0, 0, 0.82);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.fmw_button {
position:absolute;
right: -37px;
top:40%;
padding: 10px;
color: #fff;
letter-spacing: 3px;
font-size: 16px;
cursor: pointer;
}
.fmw-text {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
color: #fff;
}
.fmw-square_but {
height: 30px !important;
border-radius: 0px !important;
}
.left_col {
border-right: 1px solid #e8e8e8;
}
.leftinfo {
float: left;
color: #505050;
text-transform: capitalize;
font-size: 11px;
}
.rightinfo {
float: right;
color: #818181;
font-size: 11px;
}
.uip {
display: inline-block;
width: 100%;
}
.notnew:hover .col_c_icon img {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.icon-nav_app_forums:before {content: "\f086";}
.icon-nav_app_ccs:before {content: "\f0f6";}
.icon-nav_app_downloads:before {content: "\f019";}
.icon-nav_app_calendar:before {content: "\f073";}
.icon-nav_app_blog:before {content: "\f044";}
.icon-nav_app_members:before {content: "\f0c0";}
.icon-nav_app_gallery:before {content: "\f03e";}
.icon-nav_app_shoutbox:before {content: "\f0a1";}
.icon-nav_app_nexus:before {content: "\f07a";}
.topStats {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
border-radius: 2px;
border: 2px solid #fff;
cursor: default;
float: right;
font-size: 12px;
padding: 4px 10px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-4 {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 30.6666%;
}
.panel {
background: #eee;
border-color: #eee;
border-radius: 3px;
margin-bottom: 10px;
float: left;
width: 100%;
}
.infIco {
padding: 25px 15px;
width: 20%;
float: left;
text-align: center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
cursor: default;
transition: all 0.4s ease-in-out;
}
.panel:hover .infNot { background: #1abc9c; }
.panel:hover .infMes { background: #e74c3c; }
.panel:hover .infPos { background: #19B5FE; }
.infIco i {
color: #fff;
font-size: 50px;
}
.infValue {
padding-left: 25px;
padding-top: 29px;
text-align: left;
width: 60%;
float: left;
}
.infValue h1 {
color: #434a56;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.infValue p {
color: #BDC3C7;
font-size: 12px;
font-weight: 300;
margin-top: 8px;
}
.infValue span {
color: #EF4836;
}
.reputation2.positive2 {
border-radius:3px;
background-color:#34495e;
color:#1abc9c;
border-left:1px solid transparent;
}
.reputation2.negative2 {
border-radius:6px;
background-color:#34495e;
color:#FF7B47;
border-left:1px solid transparent;
}
.reputation2 {
width:60px;
text-align:center;
height:32px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
font-size:18px;
font-family:"Trebuchet MS",tahoma;
color:white;
font-weight:normal;
display:block;
text-shadow:0px -1px 0px rgba(0,0,0,0.4);
cursor:pointer;
height:40px;
line-height:40px;
}
.reputation2:hover {
background-color:#53718F; !important
}
.reputation2.zero2 {
border-radius:3px;
background-color:#34495e;
color:#fff;
border-left:1px solid transparent;
}
.rep_up {
position: absolute;
top: 0;
right: 0;
padding: 4px 6px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
border-radius: 0 3px 0 0;
}
.rep_up:hover {
background: #2ECC71;
border-radius: 0 3px 0 0;
color: #fff;
}
.rep_down:hover {
background: #E74C3C;
border-radius: 0 0 3px 0;
color: #fff;
}
.rep_down {
border-radius: 0 0 3px 0;
position: absolute;
bottom: 1px;
left: 0;
background: #D35400;
right: 0px;
padding: 0px 6px;
padding-bottom: 6px;
margin-bottom: -1px;
border-radius: 0 0 3px 0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.orate-btns {
position: relative;
height: 40px;
float: right;
background-color: #1abc9c;
width: 22px;
border-color: #1abc9c;
text-align: center;
border-radius: 0 3px 3px 0;
}
.orate-btns a {
color: #fff;
}
.panel {
animation: panAnim ease-in 1s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: panAnim ease-in 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
-moz-animation: panAnim ease-in 1s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: panAnim ease-in 1s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: panAnim ease-in 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
}
@keyframes panAnim {
0% {
left:0px;
top:-50px;
opacity:0;
transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:0px;
top:0px;
opacity:1;
transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
}
@-moz-keyframes panAnim {
0% {
left:0px;
top:-50px;
opacity:0;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:0px;
top:0px;
opacity:1;
-moz-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
}
@-webkit-keyframes panAnim {
0% {
left:0px;
top:-50px;
opacity:0;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:0px;
top:0px;
opacity:1;
-webkit-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
}
@-o-keyframes panAnim {
0% {
left:0px;
top:-50px;
opacity:0;
-o-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:0px;
top:0px;
opacity:1;
-o-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
}
@-ms-keyframes panAnim {
0% {
left:0px;
top:-50px;
opacity:0;
-ms-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
100% {
left:0px;
top:0px;
opacity:1;
-ms-transform: rotate(0deg) scaleX(1) scaleY(1) ;
}
}
.fmw_ptitle {
color: #fff;
font-size: 13px;
padding: 10px 18px;
}
.fmw_ptitle > a {
background: #fff;
border-color: #fff;
border-radius: 3px;
color: #333;
font-weight: normal;
margin-left: 10px;
padding: 3px 8px;
}
.fmw_pimg {
width: 170px;
border-radius: 3px;
}
.fmw_pnick {
text-align: center;
font-size: 28px;
margin-bottom: 20px; !important
}
.fmw_prep {
width: 50.5%;
height: 30px;
line-height: 30px;
text-align: center;
}
.fmw_contactFields {
margin-left: 15%;
}
.fmw_contactFields a {
display: inline-block;
margin-right: 5px;
}
.fmw_contactFields a img {
opacity: .6;
}
.fmw_contactFields a:hover img {
opacity: 1;
}
#friendsmod {
overflow-x: hidden;
}
#frg {
transition: all 0.4s ease-in-out 0s;
}
#frg:hover {
background: #eee;
}
#frg:hover .fmw_pfri {
opacity: 1;
}
#frg > a > span {
color: gray;
left: 5px;
position: relative;
}
.fmw_pfri {
float: right;
margin-top: 4px;
margin-left: 3px;
opacity: 0.3;
transition: all 0.4s ease-in-out 0s;
}
#siteinfo {
color: #90969f;
font-size: 10px;
line-height: 20px;
overflow: hidden;
padding: 6px;
}
#siteinfo a {
color: #c7cacf;
transition: all 0.2s ease-in-out;
}
#siteinfo a:hover {
color: #fff;
font-size: 120%;
}
#siteinfo > div {
float: left;
margin-right: 32px;
}
#siteinfo > #siteinfo-content {
float: right;
margin-right: 0;
}
#siteinfo h3 {
font-size: 180%;
font-weight: normal;
margin-bottom: 8px;
transition: all 0.4s ease-in-out;
}
#siteinfo-company:hover, #siteinfo-community:hover, #siteinfo-social:hover, #siteinfo-account:hover, #siteinfo-content:hover h3 {
color: #fff;
}
#siteinfo li, #siteinfo p {
font-size: 120%;
line-height: 150%;
list-style: none outside none;
}