как сделать такой-же стиль на на скрине?

Отправлено 14 Август 2012 - 02:10
<div class='user_details'> <ul class='basic_info'> <if test="avatar:|:$author['member_id']"> <li class='avatar'> <a href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}" class='ipsUserPhotoLink'> <if test="hasVariable:|:$options['isTopicView'] && $this->settings['member_topic_avatar_max']"> <img src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' /> <else /> <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' /> </if> </a> </li> <else /> <li class='avatar'> <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' /> </li> </if> <if test="rankimage:|:$author['member_rank_img']"> <li class='group_icon'> <if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'"> <img src='{$author['member_rank_img']}' alt='' /> <else /> {$author['member_rank_img']} </if> </li> </if> </ul> <if test="authorcfields:|:$author['custom_fields'] != """> <ul class='custom_fields'> <li> <span style='color:#FFC200'>{$author['member_title']}</span> </li> <if test="postCount:|:$author['member_id']"></if> <li>{$this->lang->words['m_posts']} {parse expression="$this->registry->getClass('class_localization')->formatNumber ( intval( $author['posts'] ) )"} </li> <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data"> <foreach loop="customFields:$author['custom_fields'][ $group ] as $field"> <if test="$field != ''"> <li> {$field} </li> </if> </foreach> </foreach> </ul> </if> <if test="authorwarn:|:$author['warn_percent'] !== NULL"> <ul> <li> <br /> <div class='warn_panel clear rounded ipsType_small'> <strong><a href='{parse url="app=core&module=modcp&section=editmember&do=view&mid={$author['member_id']}&_tab=warn" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}' class='warn_link'>{$this->lang->words['warn_status']}</a></strong> <if test="highwarn:|:$author['warn_percent'] >= 80"> <p class='progress_bar user_warn limit' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'> <else /> <p class='progress_bar user_warn' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'> </if> <span style='width: {$author['warn_percent']}%'><span>{$this->lang->words['warn_level']} {$author['warn_percent']}%</span></span> </p> </div> </li> </ul> </if> </div>
.custom_fields li {И ниже код относительно его!!!
.custom_fields li { background: #3B3B3B; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B3B3B), color-stop(49%,#343434), color-stop(50%,#323232), color-stop(100%,#2A2A2A)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2a2a2a',GradientType=0 ); font-size: 11px; color: white; padding: 0; border: 1px solid #8A8A8A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; margin-bottom: 2px; }