Cum Maresc Lungimea La Ribbon?

[Sebastian C.]

Am incercat sa pun member title in ribbon dar nu se duce pe toate lungimea .

 

 

Am folosit urmatoarele coduri :

 

Userinfopane:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
	<ul class='basic_info'>
<if test="membertitle:|:$author['member_title']">
  </if>
<ul class="ribbon" style='margin-top:-5px;'>
                                <li class="ribbon2" style="background: #323232;">
                                        <div class="Rleft" style="background: #323232;"></div>
                                        <div class="Rright" style="background: #323232;"></div>
                                    <span style="color:#fff;<if test="$author['member_id']==4">color:red;font-weight:bold;</if><if test="$author['member_id']==37 ">color:#2B8AF1;font-weight:bold;</if>">{$author['member_title']}</span>
                                </li>
</ul>
		<if test="avatar:|:$author['member_id']">
			<li class='avatar'>
				<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
				</if>
				<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
					<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
				<else />
					<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
				</if>
				<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				</a>
				</if>
			</li>
		<else />
			<li class='avatar'>
				<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
			</li>
		</if>

[/spoiler]

 

ipb_style.css:

.ribbon{
	font-weight:bold;
	font-size:10px;
	margin:-5px -25px 0px -14px;
	text-align:center;
	text-shadow:0 1px #000
        z-index:1000000;
}
.ribbon2 {
    background-color: #323232;
    margin-top: 10px;
    margin-bottom: 10px;
    width:182px;
    border: 0px solid #323232;
}
.ribbon
li{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-khtml-border-top-right-radius:0px;
	border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-khtml-border-top-left-radius:0px;
	border-top-left-radius:0px;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
	-khtml-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	padding:1px;
	position:relative;
	margin-bottom:10px
}

.ribbon li
.Rleft{
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-khtml-border-top-left-radius:3px;
	border-top-left-radius:3px;
	left:0px;
	background-color:#2e2e2e
}

.ribbon li
.Rright{
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	-khtml-border-top-right-radius:3px;
	border-top-right-radius:3px;
	right:0px;
	background-color:#2e2e2e
}

.ribbon li
div{
	position:absolute;
	top:-4px;
	width:4px;
	height:4px;
	background-color:#353535
}

[gadeas]

La:

.ribbon2 {
    background-color: #323232;
    margin-top: 10px;
    margin-bottom: 10px;
    width:182px;
    border: 0px solid #323232;
}

Ai width.