Стилизиране на topfive

[netv4r]

Здравейте отново,
Някой да удари едно рамо, понеже topfive се размести малко.. Благодаря предварително
https://i.imgur.com/Ee2ermC.png
forabg:

Код за потвърждение: Избери целия код

.forabg {
		background: linear-gradient(
		130deg, rgb(143 37 36) 50%, rgb(112 112 112) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f2524', endColorstr='#707070', GradientType=1 );
        border-radius: 2px;
        margin-bottom: 5px;
        padding: 0;
        border: 1px solid #9e9e9e;
    }

topfive_body.html:

Код за потвърждение: Избери целия код

<a class="category{% if S_TOPFIVE_HIDDEN %} hidden-category{% endif %}" style="display: none; height: 0"></a>
<div class="forabg responsive-hide" id="top_five">
	<div class="inner">
	<ul class="topiclist">
		<li class="header">
			<dl class="row-item">
				<dt><div class="list-inner">{{ lang('NEWEST_TOPICS') }}</div></dt>
				<dd class="topics tf-active-header">{{ lang('TOP_FIVE_ACTIVE') }}</dd>
				<dd class="lastpost"><span>{{ lang('TOP_FIVE_NEWEST') }}</span></dd>
			</dl>
			{% if U_TOPFIVE_COLLAPSE_URL %}<a href="{{ U_TOPFIVE_COLLAPSE_URL }}" class="collapse-btn collapse-{% if S_TOPFIVE_HIDDEN %}show{% else %}hide{% endif %}" data-hidden="{{ S_TOPFIVE_HIDDEN }}" data-ajax="phpbb_collapse" data-overlay="true" title="{{ lang('COLLAPSIBLE_CATEGORIES_TITLE') }}" style="display: none; line-height: 0;"></a>{% endif %}
		</li>
	</ul>
	<ul class="topiclist forums">
		<li class="row">
			<dl>
				<dt>
					<div class="list-inner">
						<ul>
							{% for top_five_topic in loops.top_five_topic %}
								<li>
									{% if top_five_topic.NO_TOPIC_TITLE%}
										{{ top_five_topic.NO_TOPIC_TITLE }}
									{% else %}
										<a href="{{ top_five_topic.U_TOPIC }}" class="topictitle subforum{% if top_five_topic.S_UNREAD %} unread{% else %} read{% endif %}">
											<i class="icon fa-file-o fa-fw {% if top_five_topic.S_UNREAD %} icon-red{% else %} icon-blue{% endif %} icon-md" aria-hidden="true"></i>
											{{ top_five_topic.TOPIC_TITLE }}</a><span class="meta">{{ top_five_topic.USERNAME_FULL }} &raquo; {{ top_five_topic.LAST_TOPIC_TIME }} &raquo; {{ lang('IN') }}&nbsp;<a href="{{ top_five_topic.U_FORUM }}">{{ top_five_topic.FORUM_NAME }}</a></span>
										{% EVENT rmcgirr83_top_five_topiclist_row_append %}
									{% endif %}
								</li>
							{% endfor %}
						</ul>
					</div>
				</dt>
				<dd class="topics tf-most-active">
					<ul>
						{% for top_five_active in loops.top_five_active %}
							<li>
								<span class="meta">{{ top_five_active.USERNAME_FULL }}<span><br />&nbsp;&nbsp;{{ lang('POSTS') }}{{ lang('COLON') }} <a href="{{ top_five_active.S_SEARCH_ACTION }}">{{ top_five_active.POSTS }}</a></span></span>
							</li>
						{% endfor %}
					</ul>
				</dd>
				<dd class="lastpost tf-newest"><span>
					<ul>
						{% for top_five_newest in loops.top_five_newest %}
							<li>
								<span class="meta">{{ top_five_newest.USERNAME_FULL }}<span><br />&nbsp;&nbsp;{{ lang('JOINED') }}{{ lang('COLON') }} {{ top_five_newest.REG_DATE }}</span></span>
							</li>
						{% endfor %}
					</ul>
				</span></dd>
			</dl>
		</li>
	</ul>
	</div>
</div>

[illusion]

Най-добре ще направиш ако дадеш линк, да се оправи чрез inspect element, за по-бързо.