Quote:
Originally Posted by X-or
could you kindly provide your own css code?
will test if issue is specific to the css
|
Okay, in the "CSS Classes/Selectors" field, enter:
Code:
.rank_wrapper_EP {
position: relative;
top: 0px;
left: 0px;
width: 180px;
height: 24px;
margin: 2px 0px;
padding: 1px;
border-radius: 6px;
background-color: #FFFFFF;
font-family: Tahoma, Verdana, Geneva, sans-serif;
font-weight: bold;
font-size: 11px;
text-align: center;
line-height: 1.8em;
white-space: nowrap;
box-shadow: inset 0 -3px 3px 1px rgba(192,192,192,0.5), inset 0 3px 3px 1px rgba(64,64,64,0.5);
}
.rank_badge_EP {
position: relative;
top: 1px;
left: 1px;
width: 178px;
height: 22px;
display: table-cell;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.badge_siteowner_EP {
background: #0080ff; /* Old browsers */
background: -moz-linear-gradient(top, #0080ff 0%, #0050a0 75%, #004080 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0080ff), color-stop(75%,#0050a0), color-stop(100%,#004080)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #0080ff 0%,#0050a0 75%,#004080 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #0080ff 0%,#0050a0 75%,#004080 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #0080ff 0%,#0050a0 75%,#004080 100%); /* IE10 preview */
background: linear-gradient(to bottom, #0080ff 0%,#0050a0 75%,#004080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#004080',GradientType=0 ); /* IE6-9 */
color: #FFFFFF;
}
And in the "Ranks Definitions" field enter:
Code:
test_badge|<div class="rank_wrapper_EP"><div class="rank_badge_EP badge_siteowner_EP">Test Badge</div></div>
And then in the "Assign Ranks To Users" field, choose a user to test this on, and enter:
Code:
username|test_badge
where "username" is replaced by the username of the user on whom you are testing this.