Module:Rugby league match squad/sandbox/styles.css

@media screen {
    /* table alignment and collapsed options */
    .table_style_right {
        float:right; 
        font-size:90%; 
        margin-left:1em; 
        text-align:center;
     }

    .table_style_left {
        float:left; 
        font-size:90%; 
        margin-right:1em; 
        text-align:center;
     }

     .table_style_center {
        margin-left: auto; 
        margin-right: auto; 
        border: none; 
        font-size:90%; 
        text-align:center;
     }

    .table_style_right mw-collapsible mw-collapsed {
        float:right; 
        font-size:90%; 
        margin-left:1em; 
        text-align:center;
     }

    .table_style_left mw-collapsible mw-collapsed {
        float:left; 
        font-size:90%; 
        margin-right:1em; 
        text-align:center;
     }

     .table_style_center mw-collapsible mw-collapsed {
        margin-left: auto; 
        margin-right: auto; 
        border: none; 
        font-size:90%; 
        text-align:center;
     }

	/* in non night mode the position column (and source row) will use black
	 * text on grey background */
	.position {
		background: #eee;
		color: black;
	}
	
	/* the position column (and source row) will use the skin text and
	 * background colours with a 1px white border */
	html.skin-theme-clientpref-night .position {
		border: 1px solid white;
		background-color: inherit;
		color: inherit;
	}
	
	/* homestyle and awaystyle, which control the colours around the team name
	 * (if set) get ignored and become white on black */
	html.skin-theme-clientpref-night .homestyle,
	html.skin-theme-clientpref-night .awaystyle {
		border: none !important;
		background-color: #101418 !important;
		color: white !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .position {
		border: 1px solid white;
		background-color: inherit;
		color: inherit;
	}
	
	html.skin-theme-clientpref-os .homestyle,
	html.skin-theme-clientpref-os .awaystyle {
		border: none !important;
		background-color: #101418 !important;
		color: white !important;
	}
}