Template:Bracket.css - Revision history

Admin at 18:12, 18 July 2025

2025-07-18T18:12:09Z

@@ Line 157: / Line 157: @@
      top: auto;
      bottom: 50%;
+}

Admin at 16:17, 25 April 2025

2025-04-25T16:17:37Z

← Older revision		Revision as of 16:17, 25 April 2025
Line 1:		Line 1:
			.bracket-container-stage {
			display: flex;
			flex-direction: column;
			}

	.bracket {		.bracket {
	display: flex;		display: flex;
	gap: 10px;		gap: 10px;
	/width: 100%;/		width: 100%;
	overflow-x: auto;		overflow-x: auto;
			}

			.bracket-container-stage .bracket-wrapper {
			width: 100%;
			}

			.bracket-container-stage .bracket-header,
			.bracket-container-stage .bracket-rounds {
			display: grid !important;
			width: 100% !important;
			grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
	}		}

Line 23:		Line 39:

	.bracket-header {		.bracket-header {
			text-align: center;
			font-size: 10px;
			font-weight: 700;
			line-height: 18.86px;
			align-items: center;
			color: #C1C1CD;
	height: 26px;		height: 26px;
	~~text~~-~~align~~: ~~center~~;		}

			.teamName {
			color: #ECEBEB;
			font-weight: 400;
			padding: 5px 0;
			}

			.score {
			padding: 5px 0;
			color: #ECEBEB;
	}		}

	.bracket-header div:not(:empty) {		.bracket-header div:not(:empty) {
	background-color: ~~lightgrey~~;		background-color: #19191E;
			padding: 5px 0;
			font-size: 15px;
			border: 2px solid #77737A;
			border-radius: 6px;
	}		}

Line 51:		Line 87:
	width: 5px;		width: 5px;
	height: 2px;		height: 2px;
	background-color: ~~black~~;		background-color: #77737A;
	}		}
	/* Vertical line to middle of height of next rounds team element */		/* Vertical line to middle of height of next rounds team element */
Line 61:		Line 97:
	width: 2px;		width: 2px;
	height: calc(50% - 8px);		height: calc(50% - 8px);
	background-color: ~~black~~;		background-color: #77737A;
	}		}

Line 72:		Line 108:
	width: 5px;		width: 5px;
	height: 2px;		height: 2px;
	background-color: ~~black~~;		background-color: #77737A;
	}		}

Line 98:		Line 134:
	width: 5px;		width: 5px;
	height: 2px;		height: 2px;
	background-color: ~~black~~;		background-color: #77737A;
	transform: translateX(-100%);		transform: translateX(-100%);
	}		}
Line 116:		Line 152:
	height: calc(50% - 28px - 13px);		height: calc(50% - 28px - 13px);
	}		}

	.bracket.de .bracket-round.last:last-child .match::before {		.bracket.de .bracket-round.last:last-child .match::before {
	height: calc(50% + 26px + 10px + 10px + 14px + 1px);		height: calc(50% + 26px + 10px + 10px + 14px + 1px);

Couchor at 20:47, 8 October 2023

2023-10-08T20:47:33Z

← Older revision		Revision as of 20:47, 8 October 2023
Line 3:		Line 3:
	gap: 10px;		gap: 10px;
	/width: 100%;/		/width: 100%;/
	/* overflow-x: auto; */		overflow-x: auto;
	}

	~~@media screen and (min-width: 100vw) {~~
	~~.bracket {overflow-x: auto;}~~
	}		}

Couchor at 14:34, 8 October 2023

2023-10-08T14:34:16Z

← Older revision		Revision as of 14:34, 8 October 2023
Line 3:		Line 3:
	gap: 10px;		gap: 10px;
	/width: 100%;/		/width: 100%;/
	overflow-x: auto;		/* overflow-x: auto; */
			}

			@media screen and (min-width: 100vw) {
			.bracket {overflow-x: auto;}
	}		}

Couchor at 14:04, 8 October 2023

2023-10-08T14:04:19Z

← Older revision		Revision as of 14:04, 8 October 2023
Line 2:		Line 2:
	display: flex;		display: flex;
	gap: 10px;		gap: 10px;
	width: 100%;		/width: 100%;/
	overflow-x: auto;		overflow-x: auto;
	}		}

Couchor at 18:53, 7 October 2023

2023-10-07T18:53:20Z

← Older revision		Revision as of 18:53, 7 October 2023
Line 2:		Line 2:
	display: flex;		display: flex;
	gap: 10px;		gap: 10px;
	width: ~~max~~-~~content~~;		width: 100%;
			overflow-x: auto;
	}		}

Couchor at 18:48, 7 October 2023

2023-10-07T18:48:26Z

← Older revision		Revision as of 18:48, 7 October 2023
Line 8:		Line 8:
	justify-content: flex-end;		justify-content: flex-end;
	}		}

			.grand-final-round {height: 100%;}

	.bracket-wrapper, .grand-final {		.bracket-wrapper, .grand-final {

Couchor at 17:31, 7 October 2023

2023-10-07T17:31:08Z

← Older revision		Revision as of 17:31, 7 October 2023
Line 4:		Line 4:
	width: max-content;		width: max-content;
	}		}

	~~.grand-final {min-width: 180px;}~~

	.grand-final .match {		.grand-final .match {

Couchor at 17:11, 7 October 2023

2023-10-07T17:11:17Z

← Older revision		Revision as of 17:11, 7 October 2023
Line 4:		Line 4:
	width: max-content;		width: max-content;
	}		}

			.grand-final {min-width: 180px;}

	.grand-final .match {		.grand-final .match {

Couchor: Couchor changed the content model of the page Template:Bracket.css from "wikitext" to "Sanitized CSS"

2023-05-04T21:52:12Z

Couchor changed the content model of the page Template:Bracket.css from "wikitext" to "Sanitized CSS"

← Older revision		Revision as of 21:52, 4 May 2023
(No difference)