softwox
Проверенные
- Сообщения
- 644
- Реакции
- 1,445
- Баллы
- 5,765
Помогите пожалуйста с устаревшим стилем.
Все устаревшие шаблоны исправил, остался только этот: message.css .
Никак не пойму что там править, удалять или добавлять.
Вот содержимое шаблона:
Пробовал объединить, вылазиет вот это:
Все устаревшие шаблоны исправил, остался только этот: message.css .
Никак не пойму что там править, удалять или добавлять.
Вот содержимое шаблона:
Код:
<xen:edithint template="message_user_info.css" />
<xen:if is="@vbPostbit && @vbPostbitFirstOnly"><xen:set var="$vbSuffix">.horizontal:first-child</xen:set><xen:else /><xen:set var="$vbSuffix">.horizontal</xen:set></xen:if>
.messageList
{
@property "messageList";
@property "/messageList";
}
.messageList .message
{
position: relative;
@property "message";
padding: 0;
margin-bottom: 10px;
@property "/message";
<xen:if is="@messageWrapped">
@property "primaryContent";
background-color: @blocksBackground;
padding: 9px;
border: 1px solid @blocksInnerBorder;
border-bottom-width: 3px;
border-radius: 2px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@property "/primaryContent";
@property "messageWrapper";
padding: 5px;
@property "/messageWrapper";
</xen:if>
}
<xen:if is="@vbPostbit && @vbPostbitWrapped && !@messageWrapped">
.messageList .message{$vbSuffix}
{
@property "primaryContent";
background-color: @blocksBackground;
padding: 9px;
border: 1px solid @blocksInnerBorder;
border-bottom-width: 3px;
border-radius: 2px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@property "/primaryContent";
@property "messageWrapper";
padding: 5px;
@property "/messageWrapper";
}
</xen:if>
{xen:helper clearfix, '.messageList .message'}
<xen:if is="!@messageWrapped && @showMessageSeparator">
.message .messageSeparator
{
@property "messageSeparator";
padding: 0;
margin: 10px 0;
border-top: 1px dashed @primaryMedium;
height: 0;
@property "/messageSeparator";
<xen:if is="@showMessageSeparatorMobile">
display: none;
</xen:if>
}
<xen:if is="@vbPostbit && @vbPostbitWrapped">
.messageList .message{$vbSuffix} .messageSeparator,
</xen:if>
.message:first-child .messageSeparator
{
display: none !important;
}
</xen:if>
/*** Message block ***/
.message .messageInfo
{
@property "messageInfo";
margin-left: 140px;
@property "/messageInfo";
margin-left: {xen:calc '@messageInfo.margin-left + @messageAvatarSize - 96'}px;
<xen:if is="@messageWrapped">
@property "messageInfoWrapped";
background: transparent none;
padding: 5px 5px 5px 0;
border-width: 0;
border-radius: 0;
box-shadow: none;
@property "/messageInfoWrapped";
</xen:if>
zoom: 1;
}
<xen:if is="@vbPostbit">
.message{$vbSuffix} .messageInfo
{
margin-left: 0;
margin-right: 0;
<xen:if is="@vbPostbitWrapped && !@messageWrapped">
@property "messageInfoWrapped";
background: transparent none;
padding: 5px 5px 5px 0;
border-width: 0;
border-radius: 0;
box-shadow: none;
@property "/messageInfoWrapped";
</xen:if>
}
</xen:if>
.message .newIndicator
{
display: block;
position: absolute;
margin: 0;
right: -5px;
top: -5px;
@property "messageNewIndicator";
font-size: 11px;
color: #fff;
background-color: @secondaryMedium;
padding: 1px 5px;
border: 1px solid @secondaryMedium;
border-radius: 3px;
border-bottom-right-radius: 0px;
display: block;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
height: 14px;
@property "/messageNewIndicator";
<xen:if is="@messageWrapped">
@property "messageNewIndicatorWrapped";
@property "/messageNewIndicatorWrapped";
</xen:if>
}
<xen:if is="@vbPostbit">
.message{$vbSuffix} .newIndicator
{
@property "horizontalMessageNewIndicator";
@property "/horizontalMessageNewIndicator";
<xen:if is="@messageWrapped || @vbPostbitWrapped">
@property "horizontalMessageNewIndicatorWrapped";
@property "/horizontalMessageNewIndicatorWrapped";
</xen:if>
}
</xen:if>
.message .newIndicator span
{
@property "messageNewIndicatorInner";
background-color: @secondaryDarker;
border-bottom-right-radius: 3px;
position: absolute;
top: 17px;
right: -1px;
width: 5px;
height: 4px;
@property "/messageNewIndicatorInner";
}
<xen:if is="@vbPostbit">
.message{$vbSuffix} .newIndicator span
{
@property "horizontalMessageNewIndicatorInner";
@property "/horizontalMessageNewIndicatorInner";
}
</xen:if>
.message .messageContent
{
@property "messageContent";
padding-bottom: 2px;
min-height: 100px;
overflow: hidden;
*zoom: 1;
@property "/messageContent";
}
<xen:if is="@vbPostbit">
.message{$vbSuffix} .messageContent
{
@property "horizontalMessageContent";
min-height: 50px;
@property "/horizontalMessageContent";
}
</xen:if>
.message .messageTextEndMarker
{
height: 0;
font-size: 0;
overflow; hidden;
}
.message .editDate
{
text-align: right;
margin-top: 5px;
font-size: 11px;
color: @mutedTextColor;
}
.message .signature
{
position: relative;
@property "messageSignature";
font-size: 9pt;
color: @mutedTextColor;
padding: 5px 0 0;
margin-top: 5px;
border-top: 1px solid @innerBottomBorder;
@property "/messageSignature";
}
<xen:if is="@messageSignature.border-top-color == @innerBottomBorder">
.message .signature:after
{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
border-top-width: @messageSignature.border-top-width;
border-top-style: @messageSignature.border-top-style;
border-top-color: @innerTopBorder;
}
</xen:if>
.message .messageMeta
{
@property "messageMeta";
font-size: 11px;
padding: 15px 5px 5px;
margin: -5px;
overflow: hidden;
zoom: 1;
@property "/messageMeta";
}
.message .privateControls
{
@property "messagePrivateControls";
float: left;
@property "/messagePrivateControls";
}
.message .publicControls
{
@property "messagePublicControls";
float: right;
@property "/messagePublicControls";
}
.message .privateControls .item
{
margin-right: 10px;
float: left;
}
.message .privateControls .item:last-child
{
margin-right: 0;
}
.message .publicControls .item
{
margin-left: 10px;
float: left;
}
.message .messageMeta .control
{
@property "messageMetaControl";
@property "/messageMetaControl";
}
.message .messageMeta .control:focus
{
@property "messageMetaControlFocus";
@property "/messageMetaControlFocus";
}
.message .messageMeta .control:hover
{
@property "messageMetaControlHover";
color: @secondaryMedium;
@property "/messageMetaControlHover";
}
.message .messageMeta .control:active
{
@property "messageMetaControlActive";
@property "/messageMetaControlActive";
}
/*** multiquote +/- ***/
.message .publicControls .MultiQuoteControl
{
@property "multiQuoteControl";
padding-right: 4px;
padding-left: 4px;
margin-right: -4px;
margin-left: 6px;
border-radius: 2px;
@property "/multiQuoteControl";
}
.message .publicControls .MultiQuoteControl.active
{
@property "multiQuoteControlActive";
background-color: @primaryLighterStill;
@property "/multiQuoteControlActive";
}
<xen:include template="message_notices.css" />
.message .likesSummary
{
box-shadow: none;
@property "messageLikesSummary";
background: transparent none;
padding: 5px;
margin-top: 10px;
border: 0 solid transparent;
border-radius: 5px;
@property "/messageLikesSummary";
<xen:if is="@showLikesGlyph">
position: relative;
padding-left: {xen:calc '@messageLikesSummary.padding-left + 18'}px;
</xen:if>
}
.message .likesSummary:after
{
@property "messageLikesSummaryGlyph";
font-size: 16px;
font-family: FontAwesome;
color: @faintTextColor;
content: '\f087';
line-height: 1em;
position: absolute;
left: 5px;
top: 4px;
text-align: center;
pointer-events: none;
@property "/messageLikesSummaryGlyph";
}
.message .messageText > *:first-child
{
margin-top: 0;
}
/* inline moderation changes */
<xen:if is="!@messageWrapped">
.InlineModChecked .messageInfo,
<xen:if is="@vbPostbit && @vbPostbitWrapped">
.messageList .message.InlineModChecked{$vbSuffix},
</xen:if>
<xen:else />
.messageList .message.InlineModChecked,
</xen:if>
.InlineModChecked .messageNotices
{
@property "inlineModChecked";
background-color: @inlineMod;
@property "/inlineModChecked";
}
.InlineModChecked .messageUserBlock div.avatarHolder,
.InlineModChecked .messageUserBlock .extraUserInfo
{
background: transparent;
}
.InlineModChecked .messageUserBlock .arrow span
{
border-left-color: @inlineMod;
}
/* message list */
.messageList .newMessagesNotice
{
@property "secondaryContent";
background-color: @blocksBackground;
padding: 9px;
border: 1px solid @blocksInnerBorder;
border-bottom-width: 3px;
border-radius: 2px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
@property "/secondaryContent";
margin: 10px auto;
padding: 5px 10px;
font-size: 11px;
}
/* deleted / ignored message placeholder */
.messageList .message.placeholder
{
}
.messageList .placeholder .placeholderContent
{
overflow: hidden; zoom: 1;
color: @contentText;
font-size: 11px;
}
.messageList .placeholder a.avatar
{
float: left;
display: block;
}
<xen:if is="@vbPostbit">
.messageList .placeholder{$vbSuffix} a.avatar
{
margin-right: 10px;
}
</xen:if>
.messageList .placeholder a.avatar img
{
display: block;
width: 32px;
height: 32px;
}
.messageList .placeholder .privateControls
{
margin-top: -5px;
}
/* messages remaining link */
.postsRemaining a,
a.postsRemaining
{
font-size: 11px;
color: @mutedTextColor;
}
<xen:if is="@showMessageButtonGlyphs">
<xen:include template="message_glyphs.css">
<xen:set var="$glyphPrefix">.message</xen:set>
</xen:include>
</xen:if>
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
.Responsive .message .newIndicator
{
margin-right: 0;
border-top-right-radius: @messageNewIndicator.border-top-left-radius;
}
}
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .message .messageInfo
{
margin-left: 0;
}
.Responsive .message .messageContent
{
min-height: 0;
}
.Responsive .message .newIndicator
{
}
.Responsive .message .postNumber,
.Responsive .message .authorEnd
{
display: none;
}
.Responsive .message .signature
{
display: none;
}
.Responsive .messageList .placeholder a.avatar
{
margin-right: 10px;
}
<xen:if is="!@messageWrapped && @showMessageSeparator && @showMessageSeparatorMobile">
.Responsive .message .messageSeparator
{
display: block;
}
<xen:if is="@vbPostbit && @vbPostbitWrapped">
.Responsive .message{$vbSuffix} .messageSeparator
{
display: none;
}
</xen:if>
</xen:if>
}
</xen:if>