Authoralexmwalker
LicenseCC Zero
Categoryheraldsun.com.au
Created
Updated
Size2.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Often fantasy coaches can have difficulties if they have too many players sharing the same bye round. This simple CSS file adds a small, colored chip to each player listing, denoting their team's bye in the 2023 season. This allows coaches to make better decisions when creating and developing their team.
Enjoy.
/* ==UserStyle==
@name SuperCoach Bye Baby 2023
@namespace USO Archive
@author A W
@description `A simple CSS script to add colored markers to the club flags denoting that club's bye for the 2023 season. There's a small legend at the top explaining the color coding.`
@version 20210607.4.53
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://supercoach.heraldsun.com.au/afl/") {
/* Create the colored labels in the top left */
:root{
--round12: #00bbff;
--round13: #3bc918;
--round14: #ff00fa;
--round15: orange
}
.vm-FieldViewComponent-header,
.vm-FieldViewComponent-activeHeader {
position: relative;
}
.vm-FieldViewComponent-header:before,
.vm-FieldViewComponent-header:after,
.vm-FieldViewComponent-activeHeader:before,
.vm-FieldViewComponent-activeHeader:after {
display: block;
position: absolute;
color: #fff;
font-size: .7rem;
line-height: 1.1rem;
text-align: center;
content: '13';
background: var(--round13);
width: 1rem;
height: 1rem;
top: 0;
left: 11rem;
}
.vm-FieldViewComponent-header:after {
left: 10rem;
background: var(--round12);
content: '12';
}
.vm-FieldViewComponent-activeHeader:after {
left: 12rem;
background: var(--round14);
content: '14';
}
.vm-FieldViewComponent-activeHeader:before {
left: 13rem;
background: var(--round15);
content: '15';
}
.vm-FieldCellComponent-flag,
.vm-TeamFlagComponent,
.ng-tns-c202-94 {
overflow: visible;
}
.vm-TeamFlagComponent:after {
display: block;
position: absolute;
content: '';
width: 10px;
border-radius: 5px;
border: 1px #fff solid;
height: 10px;
top: -1px;
left: 15px;
z-index: 999;
}
.vm-TeamFlagComponent:after {
background: var(--round15); /* The default orange - what rnd 15 teams get */
}
/*
12: Brisbane, Fremantle, St Kilda, Sydney - blue
13: Geelong, Gold Coast - green
14: Adelaide, Collingwood, Essendon, Hawthorn, Melbourne, West Coast - pink
15: Carlton, GWS GIANTS, North Melbourne, Port Adelaide, Richmond, Western Bulldogs - orange
*/
/* rnd 12 teams */
[aria-label="Brisbane"]:after,
[aria-label="Fremantle"]:after,
[aria-label="Sydney"]:after,
[aria-label="St Kilda"]:after{
background: var(--round12);
/* blue */
}
/* rnd 13 teams */
[aria-label="Geelong"]:after,
[aria-label="Gold Coast"]:after{
background: var(--round13);
/* green */
}
/* rnd 14 teams */
[aria-label="Adelaide"]:after,
[aria-label="Collingwood"]:after,
[aria-label="Essendon"]:after,
[aria-label="Hawthorn"]:after,
[aria-label="Melbourne"]:after,
[aria-label="West Coast"]:after{
background: var(--round14);
/* magenta */
}
}