Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
Temanızınmessage.less
isimli şablonunuzu yedekleyin ve sonra resetleyin bakalım ne olacak.
@_message-actionColumnWidth: 40px;
@_messageSimple-userColumnWidth: 70px;
//block--messages
.block--messages{
margin-bottom: 0;
.block-body{
&.js-replyNewMessageContainer{
background-color: @xf-paletteColor6;
padding: 0 10px 0 20px;
}
}
.block-outer{
border-radius: 0;
}
.message{
border-left: none !important;
border-right: none !important;
border-top: none !important;
border-radius: 0 !important;
margin: 0 !important;
padding-bottom: 20px;
padding-top: 20px;
background: transparent !important;
&:last-child{
border-bottom: none;
}
.message-inner{
.message-cell--user{
border: none;
border-radius: 0;
padding: 0;
.message-user{
padding: 10px;
background: #fff;
border-radius: 3px;
.message-avatar{
.message-avatar-wrapper{
.avatar--m{
width: 120px;
height: 120px;
border-radius: 4px;
span{
line-height:120px;
}
}
}
}
}
.message-userDetails{
text-align: center;
margin: 10px 0 0 0;
.message-name{
text-align: center;
font-size: 14px;
font-weight: 600;
a{
color: @xf-paletteColor3;
}
}
.userTitle{
text-align: center;
margin: 5px 0 10px;
color: @xf-paletteNeutral2;
}
.userBanner{
padding: 6px;
margin: 0 -10px 5px;
font-size: 13px;
border-radius: 0 0 3px 3px;
border: none;
background-color: @xf-paletteColor3;
color: #fff;
}
}
.message-userExtras{
font-size: 11px;
margin-top: 10px;
dl{
margin: 2px 0;
dd{
font-size: 10px;
color: #727174;
}
}
}
.message-userArrow{
display: none;
}
}
.message-cell--main{
.message-main{
.message-content{
.message-body{
.bbCodeBlock{
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
.bbCodeBlock-content{
.bbCodeBlock-expandLink{
top: 95px;
a{
color: #221e26;
}
}
}
&.bbCodeBlock--code{
.bbCodeBlock-title{
font-size: 14px;
text-transform: uppercase;
}
.bbCodeBlock-content{
background-color: #ffffff;
padding: 15px 10px;
}
}
&.bbCodeBlock--quote{
.bbCodeBlock-title{
font-size: 14px;
.bbCodeBlock-sourceJump{
&:after{
display: none;
}
}
}
.bbCodeBlock-content{
margin: 15px 0;
}
}
}
}
.message-attachments{
border: 1px solid @xf-borderColor;
border-radius: 3px;
background: #fff;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
.block-textHeader{
padding: 6px 10px;
border-bottom: 1px solid @xf-borderColor;
background-color: #fff;
font-size: 14px;
color: #232332;
text-transform: uppercase;
font-weight: 400;
}
.attachmentList{
padding: 6px 10px 10px;
.attachment{
position: relative;
width: 214px;
height: 64px;
padding-right: 10px;
padding-left: 65px;
padding-top: 3px;
padding-bottom: 5px;
border: none;
border-radius: 3px;
background-color: @xf-paletteColor6;
.attachment-icon{
position: absolute;
left: 10px;
top: 50%;
width: 44px;
height: 44px;
background-color: #6ec079;
transform: translateY(-50%);
border-radius: 3px;
&.attachment-icon--img{
background-color: transparent;
a{
img{
border-radius: 3px;
}
}
}
a{
i{
&:before{
content: '';
background-image: url("{{ base_url() }}styles/brivium/palladium/extra/cloud.png");
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
}
}
}
}
.attachment-name{
margin: 0;
a{
font-size: 13px;
color: @xf-paletteColor7;
}
}
.attachment-details{
font-size: 11px;
dl{
width: 100%;
dt{
}
}
}
}
}
}
}
}
}
.message-footer{
.message-actionBar{
margin-bottom: 0px;
.actionBar-set--external{
.message-attribution-opposite{
margin-left: 14px;
}
}
.actionBar-set--internal{
.message-attribution-main{
color: #acacb2 !important;
}
.actionBar-action{
padding: 3px 3px 3px 15px;
position: relative;
margin-left: 10px;
display: inline-block;
top: -5px;
color: @xf-paletteColor7;
&.actionBar-action--menuTrigger{
display: none;
}
label{
i{
&:before{
color: @xf-paletteColor7;
}
}
}
&:first-child{
padding-left: 3px;
&:before{
display: none;
}
}
&:before{
content: '';
font-family: "FontAwesome";
font-size: 14px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
&.actionBar-action--report{
&:before{
content: '\f016';
}
}
&.actionBar-action--edit{
&:before{
content: '\f040';
}
}
&.actionBar-action--delete{
&:before{
content: '\f014';
}
}
&.actionBar-action--spam{
&:before{
content: '\f0e9';
}
}
&.actionBar-action--ip{
&:before{
content: '\f08d';
}
}
&.actionBar-action--history{
&:before{
content: '\f017';
}
}
&.actionBar-action--warn{
&:before{
content: '\f071';
}
}
}
}
}
.likesBar{
&.is-active{
border-left: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
background-color: #ffffff;
border-radius: 4px;
i{
&:before{
color: @xf-paletteColor7;
}
}
a{
color: @xf-paletteColor7;
}
}
}
}
}
}
}
//quick reply
#profile-posts{
.block--messages{
.block-container{
.block-body{
padding-top: 20px !important;
}
}
}
form{
.block-container{
padding: 0;
}
}
}
form{
.block-container{
border-left: none;
border-right: none;
border-radius: 0;
padding: 20px 10px 20px 20px;
background: @xf-paletteColor6;
.message--quickReply{
border-radius: 0;
.message-inner{
.message-cell--user{
border: none;
.message-user{
.message-avatar{
.message-avatar-wrapper{
margin: -10px;
padding: 10px;
background: #fff;
border-radius: 3px;
.avatar{
width: 120px;
height: 120px;
border-radius: 4px;
span{
line-height:120px;
}
}
}
}
.message-userArrow{
display: none;
}
}
}
.message-cell--main{
margin-top: -10px;
.message-editorWrapper{
.bbWrapper{
.fr-toolbar{
border-top: 1px solid transparent;
border-right-color: transparent;
border-left-color: transparent;
background: #fff;
.fr-separator{
display: none;
}
}
.fr-wrapper{
border-right-color: transparent;
border-left-color: transparent;
border-radius: 0 0 3px 3px;
}
}
}
.formButtonGroup{
text-align: center;
display: inherit;
margin-top: 15px;
.formButtonGroup-primary{
margin: 0;
display: inline-block;
}
.formButtonGroup-extra{
margin: 0;
display: inline-block;
}
}
textarea{
background: #FFFFFF;
}
input{
background: #FFFFFF;
}
}
}
}
}
}
.blockMessage.blockMessage--none{
background: #fff;
padding: 4px 15px;
}
//end
.message
{
+ .message,
&.message--bordered
{
border-top: @xf-borderSize solid @xf-borderColor;
}
}
.message,
.block--messages .message
{
&.is-mod-selected
{
background: @xf-inlineModHighlightColor;
.message-userArrow:after
{
border-right-color: @xf-inlineModHighlightColor;
}
}
}
.message-inner
{
display: flex;
.has-no-flexbox &
{
display: table;
table-layout: fixed;
width: 100%;
}
}
.message-cell
{
display: block;
vertical-align: top;
padding: @xf-messagePadding;
.has-no-flexbox &
{
display: table-cell;
}
.message--quickReply &
{
//padding-bottom: 35px; // for the submit row
> .formRow:last-child
{
> dd
{
padding-bottom: 0;
}
}
}
&.message-cell--closer
{
padding: @xf-messagePaddingSmall;
&.message-cell--main
{
padding-left: ((@xf-messagePaddingSmall) * 1.5);
}
&.message-cell--user
{
.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall));
.message--simple &
{
.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * (@xf-messagePaddingSmall));
}
}
&.message-cell--action
{
.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePaddingSmall));
}
}
&.message-cell--user,
&.message-cell--action
{
position: relative;
.xf-messageUserBlock(no-border);
border-right: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
min-width: 0;
}
&.message-cell--user
{
.m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePadding) + 2);
.message--simple &
{
.m-fixedWidthFlex(@_messageSimple-userColumnWidth + 2 * @xf-messagePaddingSmall);
}
}
&.message-cell--action
{
.m-fixedWidthFlex((@_message-actionColumnWidth) + 2 * (@xf-messagePadding));
}
&.message-cell--main
{
padding-left: (@xf-messagePadding * 1.5);
flex: 1 1 auto;
width: 100%;
min-width: 0;
&.is-editing
{
padding: 0;
}
// should really only happen when editing
.block
{
margin: 0;
}
.block-container
{
margin: 0;
border: none;
}
}
&.message-cell--alert
{
font-size: @xf-fontSizeSmall;
flex: 1 1 auto;
width: 100%;
min-width: 0;
.xf-contentAccentBase();
a
{
.xf-contentAccentLink();
}
}
}
.message-main
{
height: 100%;
display: flex;
flex-direction: column;
}
.message-content
{
flex: 1 1 auto;
// IE11 flex bug
min-height: 1px;
}
.message-footer
{
margin-top: auto;
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-inner
{
display: block;
}
.message-cell
{
display: block;
.m-clearFix();
&.message-cell--user
{
width: auto;
border-right: none;
border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
}
&.message-cell--main
{
padding-left: @xf-messagePadding;
}
}
}
.message--simple:not(.message--forceColumns),
.message--quickReply:not(.message--forceColumns)
{
.message-cell.message-cell--user
{
display: none;
}
}
}
// ######################## USER COLUMN #########################
.message-userArrow
{
position: absolute;
top: (@xf-messagePadding) * 2;
right: -1px;
.m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);
&:after
{
position: absolute;
top: -(@xf-messagePadding - 1px);
right: -@xf-messagePadding;
content: "";
.m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
}
}
.message-avatar
{
text-align: center;
margin-bottom: 3px;
.avatar
{
vertical-align: bottom;
}
}
.message-avatar-wrapper
{
position: relative;
display: inline-block;
vertical-align: bottom;
.message-avatar-online
{
position: absolute;
top: -1px;
left: -1px;
border: 7px solid transparent;
border-left-color: rgb(127, 185, 0);
border-top-color: rgb(127, 185, 0);
border-radius: (@xf-avatarBorderRadius + 1) max(0px, @xf-avatarBorderRadius - 1px) 0 max(0px, @xf-avatarBorderRadius - 1);
}
}
.message-name
{
font-weight: @xf-fontWeightHeavy;
font-size: inherit;
text-align: center;
margin: 0;
}
.message-userTitle
{
font-size: @xf-fontSizeSmaller;
font-weight: normal;
text-align: center;
margin: 0;
}
.message-userBanner.userBanner
{
display: block;
margin-top: 3px;
}
.message-userExtras
{
margin-top: 3px;
font-size: @xf-fontSizeSmaller;
}
.message--deleted
{
.message-userDetails
{
display: none;
}
.message-avatar .avatar
{
.m-avatarSize(@avatar-s);
}
}
.message-cell--user
{
.message-date,
.message-permalink
{
display: none;
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-userArrow
{
top: auto;
right: auto;
bottom: -1px;
left: ((@avatar-s) / 2);
border: none;
.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);
&:after
{
top: auto;
right: auto;
left: -(@xf-messagePadding - 1px);
bottom: -@xf-messagePadding;
border: none;
.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
}
}
&.is-mod-selected
{
.message-userArrow:after
{
border-color: transparent;
border-bottom-color: @xf-inlineModHighlightColor;
}
}
.message-user
{
display: flex;
.has-no-flexbox &
{
display: table;
width: 100%;
}
}
.message-avatar
{
margin-bottom: 0;
.has-no-flexbox &
{
display: table-cell;
width: 1%;
}
.avatar
{
.m-avatarSize(@avatar-s);
}
}
.message-userDetails
{
flex: 1;
min-width: 0;
padding-left: @xf-messagePadding;
.has-no-flexbox &
{
display: table-cell;
}
}
.message-name
{
text-align: left;
}
.message-userTitle,
.message-userBanner.userBanner
{
display: inline-block;
text-align: left;
margin: 0;
}
.message-userExtras
{
display: none;
}
.message--deleted
{
.message-userDetails
{
display: block;
}
}
}
}
// ####################### MAIN COLUMN ####################
.message-content
{
position: relative;
.js-selectToQuoteEnd
{
height: 0;
font-size: 0;
overflow: hidden;
}
.message--multiQuoteList &
{
min-height: 80px;
max-height: 120px;
overflow: hidden;
.message-body
{
pointer-events: none;
}
}
}
.message-attribution
{
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmaller;
padding-bottom: 3px;
border-bottom: @xf-borderSize solid @xf-borderColorFaint;
.m-clearFix();
&.message-attribution--plain
{
border-bottom: none;
font-size: inherit;
padding-bottom: 0;
}
}
.message-attribution-main { float: left; }
.message-attribution-opposite { float: right; }
.message-attribution-source
{
font-size: @xf-fontSizeSmaller;
margin-bottom: @xf-paddingSmall;
}
.message-attribution-user
{
font-weight: @xf-fontWeightHeavy;
.avatar
{
display: none;
}
.attribution
{
display: inline;
font-size: inherit;
font-weight: inherit;
margin: 0;
}
}
.message-newIndicator
{
.xf-messageNewIndicator();
}
.message-minorHighlight
{
font-size: @xf-fontSizeSmall;
color: @xf-textColorFeature;
}
.message-fields
{
margin: @xf-messagePadding 0;
}
.message-body
{
margin: @xf-messagePadding 0;
font-family: @xf-fontFamilyBody;
.message--simple &
{
margin-top: @xf-messagePaddingSmall;
margin-bottom: @xf-messagePaddingSmall;
}
&:last-child
{
margin-bottom: 0;
}
}
.message-attachments
{
margin: .5em 0;
}
.message-attachments-list
{
.m-listPlain();
}
.message-lastEdit
{
margin-top: .5em;
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmallest;
text-align: right;
}
.message-signature
{
margin-top: @xf-messagePadding;
.xf-messageSignature();
}
.message-actionBar .actionBar-set
{
margin-top: @xf-messagePadding;
font-size: @xf-fontSizeSmall;
.message--simple &
{
margin-top: @xf-messagePaddingSmall;
}
}
.message .likesBar
{
margin-top: @xf-messagePadding;
padding: @xf-messagePaddingSmall;
}
.message-historyTarget
{
margin-top: @xf-messagePadding;
}
.message-gradient
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, @xf-contentBg, 0%, 90%);
}
.message-responses
{
margin-top: @xf-messagePaddingSmall;
font-size: @xf-fontSizeSmall;
}
.message-responseRow
{
margin-top: -@xf-minorBlockContent--border-width;
.xf-minorBlockContent();
padding: @xf-messagePaddingSmall;
// note that border radiuses are very difficult to do here due to a lot of dynamic showing/hiding
&.message-responseRow--likes
{
.m-transitionFadeDown();
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-attribution-user .avatar
{
display: inline-block;
.m-avatarSize((@xf-fontSizeNormal) * (@xf-lineHeightDefault));
}
.message-content
{
// this is 1px to workaround an IE11 issue - see #139187
min-height: 1px;
}
}
}
@media (max-width: @xf-responsiveNarrow)
{
.message-signature
{
display: none;
}
}
// MESSAGE MENU
.message-menuGroup
{
display: inline-block;
}
.message-menuTrigger
{
display: inline-block;
&:after
{
.m-faBase();
.m-faContent(@fa-var-caret-down, 1em);
//font-size: 120%;
text-align: right;
}
&:hover:after
{
color: black;
}
}
.message-menu-section
{
&--editDelete
{
.menu-linkRow
{
font-weight: @xf-fontWeightHeavy;
font-size: @xf-fontSizeNormal;
}
}
}
.message-menu-link
{
&--delete i:after
{
.m-faContent(@fa-var-trash-o);
}
&--edit i:after
{
.m-faContent(@fa-var-edit);
}
&--report i:after
{
.m-faContent(@fa-var-frown-o);
}
&--warn i:after
{
.m-faContent(@fa-var-warning);
}
&--spam i:after
{
.m-faContent(@fa-var-ban);
}
&--ip i:after
{
.m-faContent(@fa-var-sitemap);
}
&--history i:after
{
.m-faContent(@fa-var-history);
}
&--follow i:after
{
.m-faContent(@fa-var-user-plus);
}
&--ignore i:after
{
.m-faContent(@fa-var-user-times);
}
&--share i:after
{
.m-faContent(@fa-var-share-alt);
}
}
// ############################# COMMENTS ###############
.comment
{
}
.comment-inner
{
display: table;
table-layout: fixed;
width: 100%;
}
.comment-avatar
{
display: table-cell;
width: 24px;
vertical-align: top;
.avatar,
img
{
vertical-align: bottom;
}
}
.comment-main
{
display: table-cell;
padding-left: @xf-messagePadding;
vertical-align: top;
}
.comment-contentWrapper
{
margin-bottom: @xf-messagePaddingSmall;
}
.comment-user
{
font-weight: @xf-fontWeightHeavy;
}
.comment-body
{
display: inline;
}
.comment-input
{
display: block;
height: 2.34em;
margin-bottom: @xf-messagePaddingSmall;
}
.comment-actionBar .actionBar-set
{
margin-top: @xf-messagePaddingSmall;
color: @xf-textColorMuted;
}
.comment-likes
{
.m-transitionFadeDown();
margin-top: @xf-messagePaddingSmall;
font-size: @xf-fontSizeSmaller;
}
// ################################## MESSAGE QUICK REPLY ADDITIONS #############
.formSubmitRow.formSubmitRow--messageQr
{
.formSubmitRow-controls
{
text-align: center;
padding-left: 0;
padding-right: 0;
margin-left: @xf-messagePadding;
margin-right: @xf-messagePadding;
@media (max-width: @xf-formResponsive)
{
text-align: right;
}
}
}
// ################################## MESSAGE NOTICES #############################
.messageNotice
{
margin: @xf-messagePaddingSmall 0;
padding: @xf-messagePaddingSmall @xf-messagePadding;
.xf-contentAccentBase();
font-size: @xf-fontSizeSmaller;
border-left: @xf-borderSizeMinorFeature solid @xf-borderColorAttention;
a,
a:hover
{
.xf-contentAccentLink();
}
&:first-child
{
margin-top: 0;
}
&:before
{
display: inline-block;
.m-faBase();
padding-right: .2em;
font-size: 125%;
color: @xf-textColorAttention;
}
&.messageNotice--deleted:before { .m-faContent(@fa-var-trash, .79em); }
&.messageNotice--moderated:before { .m-faContent(@fa-var-shield, .72em); }
&.messageNotice--warning:before { .m-faContent(@fa-var-warning, 1em); }
&.messageNotice--ignored:before { .m-faContent(@fa-var-microphone-slash, .79em); }
}
// ##################### MESSAGE VARIANTS/RESPONSIVE ##################
@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
.block:not(.block--messages)
{
@{block-noStripSel} > .block-body:first-child > .message:first-child,
.block-topRadiusContent.message,
.block-topRadiusContent > .message:first-child
{
.message-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }
.message-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }
}
@{block-noStripSel} > .block-body:last-child > .message:last-child,
.block-bottomRadiusContent.message,
.block-bottomRadiusContent > .message:last-child
{
.message-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
.message-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
}
}
}
.block--messages
{
.block-container
{
background: none;
border: none;
}
.message,
.block-row
{
.xf-contentBase();
.xf-blockBorder();
border-radius: @xf-blockBorderRadius;
+ .message,
+ .block-row
{
margin-top: @xf-blockPaddingV;
}
}
.message-cell
{
&:first-child
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-bottom-left-radius: @block-borderRadius-inner;
}
&:last-child
{
border-radius: 0;
border-top-right-radius: @block-borderRadius-inner;
border-bottom-right-radius: @block-borderRadius-inner;
}
&:first-child:last-child
{
border-radius: @block-borderRadius-inner;
}
}
@media (max-width: @xf-messageSingleColumnWidth)
{
.message:not(.message--forceColumns)
{
.message-cell
{
&:first-child
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-top-right-radius: @block-borderRadius-inner;
}
&:last-child
{
border-radius: 0;
border-bottom-left-radius: @block-borderRadius-inner;
border-bottom-right-radius: @block-borderRadius-inner;
}
&:first-child:last-child
{
border-radius: @block-borderRadius-inner;
}
}
}
.message--simple:not(.message--forceColumns) .message-cell--user + .message-cell
{
border-radius: 0;
border-top-left-radius: @block-borderRadius-inner;
border-top-right-radius: @block-borderRadius-inner;
}
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
.message,
.block-row
{
border-left: none;
border-right: none;
border-radius: 0;
}
.message-cell
{
border-radius: 0;
&:first-child,
&:last-child
{
border-radius: 0;
}
}
.message--simple .message-cell--user + .message-cell
{
border-radius: 0;
}
}
}
Orijinal kodlar temanınBu kodlar sizin kodlarınız mı yoksa orijinal kodları mı? Ve yedeğini ger iyükeyin tekrar göreyim durumu.
KaydettimBu kodlar sizin kodlarınız mı yoksa orijinal kodları mı? Ve yedeğini ger iyükeyin tekrar göreyim durumu.
Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.
Bu sitenin çalışması için temel çerezleri ve deneyiminizi geliştirmek için isteğe bağlı çerezleri kullanıyoruz.