Extra less (XenForo Default style)

Universal formatting and hidden items section - must be applied to all selectable TWC XenForo skins

// ***** START COPY TO ALL STYLES SECTION *****
// ***** DO NOT MAKE ALTERATIONS TO THE SECTION BELOW, UNLESS YOU'RE COPYING TO ALL STYLES *****
// ***** START UNIVERSAL FORMATTING CSS FOR ALL STYLES *****

// Remove user title from postbit
.message-userTitle {
  display: none;
}

//limits sig size  GED 5.1.2025
.message-signature .bbWrapper
{
    max-height: 150px;
    overflow-y: auto;
}

//places sig at the bottom of the post - GED 5.1.2025
.message-content
{
    display: flex;
    flex-direction: column;
  .message-signature
  {
      margin-top: auto;
  }
}

// padding at bottom of message in threads - Mak 5.12.2025
.message-body {
  padding-bottom: 15px;
}

// increase visibility of award feature button - Mak 5.12.2025
.badgeItem .featureIcon {
  opacity: 1;
}
.badgeItem .featureIcon--featured {
  font-size: 15px;
}

//spacing of featured badges in postbit - GED 5.26.2025
.featuredBadges {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fit, 22px);
    gap: 10px;
    margin-top: 5px;
}
// fix badge max sizes - Mak 5.31.2025
.featuredBadges--message .badgeIcon {
  max-width: 35px;
  max-height: 35px;
}
.featuredBadges--member_tooltip .badgeIcon, .featuredBadges--member_view .badgeIcon {
  max-width: 25px;
  max-height: 25px;
}
// Side-bar scrolling widget fix - as per SirAdrian - Mak 5.20.2025
@media (min-width: 480px) {
    .carousel-footer {
        margin-top:var(--f-carousel-dots-height);
        text-align: center;
    }
    .p-body-pageContent {
        .carousel-footer {
        margin-top: 0;
        float: right;
        }
    }
}

// ***** END UNIVERSAL FORMATTING FOR ALL STYLES SECTION *****
// ***** START UNIVERSAL THINGS WE WANT TO HIDE SECTION *****

// competition stuff 2327 is photo contests, add other nodes if needed
[data-container-key="node-2327"] {
// hides user names
    .message-signature,
    .message-cell--user,
    .reactionsBar-link,
    .reactionSummary {  display:none;}
// below this is to convert like buttons to 'vote' only and hide multiple options
    .reactTooltip { display: none;}   
    .message-actionBar {
        .actionBar-action.actionBar-action--reaction:not(.has-reaction) .reaction-text, .reaction-text {
        color: transparent;
         }
        .reaction.reaction--imageHidden.reaction--1 i::before {
        display:none;
        }
        .reaction-image.reaction-image--emoji.js-reaction {
        display:none;
        }
        .actionBar-action--reaction.has-reaction.reaction--1 {
            .reaction-text::after {
            content:"Remove Vote";
            visibility: visible;
            color: @xf-textColorAttention;
            font-size: 110%;
            margin-right: 20px;
            }
        }
        .reaction-text::after {
        content:"Vote for this Option";
        visibility: visible;
        color: @xf-textColorAttention;
        font-size: 110%;
        margin-right: 20px;
        }
    } // end .message-actionBar
} // end of data container for contests

// ***** END UNIVERSAL THINGS WE WANT TO HIDE SECTION *****
// ***** DO NOT MAKE ALTERATIONS TO THE ABOVE UNLESS YOU'RE COPYING TO ALL STYLES ****
// ***** END COPY TO ALL SELECTABLE STYLES SECTION *****