Extra less (XenForo Default style) - Revision history

Makanyane: Makanyane moved page COPY TO ALL STYLES SECTION to Extra less (XenForo Default style): useage has changed

2025-07-14T15:27:42Z

Makanyane moved page COPY TO ALL STYLES SECTION to Extra less (XenForo Default style): useage has changed

← Older revision		Revision as of 09:27, 14 July 2025
(No difference)

Makanyane at 15:26, 14 July 2025

2025-07-14T15:26:18Z

← Older revision		Revision as of 09:26, 14 July 2025
Line 1:		Line 1:
	Universal formatting and hidden items section - must be applied to all selectable TWC XenForo skins		Universal formatting and hidden items section - must be applied to all selectable TWC XenForo skins - this now works both by inheritance if extra.less is not changed in child skins and via similar entries in the [[PARENT_ONLY]] style's templates

	<pre>		<pre>
	// ~~*** START COPY TO ALL STYLES SECTION ***~~		// This file shouldn't be edited in individual skins now
	// *** DO NOT MAKE ALTERATIONS TO THE SECTION BELOW, UNLESS YOU'RE COPYING TO ALL STYLES ***		// for skin alterations use z_zCHILD.less which is inserted via PARENT_ONLYs PAGE CONTAINER

			// The following stuff is also inserted via z_PARENT.less which is inserted via PARENT_ONLYs PAGE CONTAINER
			// It's only needed here as the XenForo Default skin is selectable and does not inherit from PARENT_ONLY
	// *** START UNIVERSAL FORMATTING CSS FOR ALL STYLES ***		// *** START UNIVERSAL FORMATTING CSS FOR ALL STYLES ***

Line 72:		Line 75:
	}		}
	}		}
	// ~~style chooser in top bar (will only apply~~ to ~~styles with altered page container)~~
	.~~topStyleButton {~~		// fix to stop videos expanding outside the screen width - Mak 7.14.2025
	~~padding: 8px 10px;~~		.youtube-player { max-width: 100%; }
	~~margin-left:~~ .~~5em;~~
	~~a { text-decoration: none; }~~
	.fa--~~xf svg {~~
	~~height: 1em;~~
	width: ~~1em;~~
	~~vertical-align: -0.125em~~;
	}
	~~.topStyleButtonCog {~~
	~~padding-left: 1em;~~
	}
	}

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

	// competition stuff 2327 is photo contests, add other nodes if needed		// competition stuff 2327 is photo contests, 2329 is writing add other nodes if needed
	[data-container-key="node-2327"] {		[data-container-key="node-2327"], [data-container-key="node-2329"] {
	// hides user names		// hides user names
	.message-signature,		.message-signature,
Line 129:		Line 121:

	// *** END UNIVERSAL THINGS WE WANT TO HIDE SECTION ***		// *** 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 STYLES SECTION ***
	</pre>		</pre>

	[[Category:TWC XenForo extra less chunks]]		[[Category:TWC XenForo extra less chunks]]

Makanyane: added the style chooser section - might as well be in here

2025-06-16T09:46:09Z

added the style chooser section - might as well be in here

← Older revision		Revision as of 03:46, 16 June 2025
Line 71:		Line 71:
	}		}
	}		}
			}
			// style chooser in top bar (will only apply to styles with altered page container)
			.topStyleButton {
			padding: 8px 10px;
			margin-left: .5em;
			a { text-decoration: none; }
			.fa--xf svg {
			height: 1em;
			width: 1em;
			vertical-align: -0.125em;
			}
			.topStyleButtonCog {
			padding-left: 1em;
			}
	}		}

Line 116:		Line 130:
	// *** END UNIVERSAL THINGS WE WANT TO HIDE SECTION ***		// *** END UNIVERSAL THINGS WE WANT TO HIDE SECTION ***
	// *** DO NOT MAKE ALTERATIONS TO THE ABOVE UNLESS YOU'RE COPYING TO ALL STYLES **		// *** DO NOT MAKE ALTERATIONS TO THE ABOVE UNLESS YOU'RE COPYING TO ALL STYLES **
	// *** END COPY TO ALL ~~SELECTABLE~~ STYLES SECTION ***		// *** END COPY TO ALL STYLES SECTION ***
	</pre>		</pre>

	[[Category:TWC XenForo extra less chunks]]		[[Category:TWC XenForo extra less chunks]]

Makanyane: added Category:TWC XenForo extra less chunks using HotCat

2025-06-14T15:35:03Z

added Category:TWC XenForo extra less chunks using HotCat

← Older revision		Revision as of 09:35, 14 June 2025
Line 118:		Line 118:
	// *** END COPY TO ALL SELECTABLE STYLES SECTION ***		// *** END COPY TO ALL SELECTABLE STYLES SECTION ***
	</pre>		</pre>

			[[Category:TWC XenForo extra less chunks]]

Makanyane: Created page with "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;..."

2025-06-14T15:34:39Z

Created page with "Universal formatting and hidden items section - must be applied to all selectable TWC XenForo skins <pre> // ***** 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;..."

New page

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

<pre>
// ***** 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 *****
</pre>