/*
 *  Singe 3
 *  Copyright (C) 2006-2026 Scott Duensing <scott@kangaroopunch.com>
 *
 *  What a subtitle looks like:  centred lines of light text on a dark bar just wide enough to hold
 *  them, at whatever height the game asked for, over the picture.  A game or a theme may replace
 *  this file; the engine only ever sets #slot's contents and the .cue's top.
 *  Licensed under the GNU General Public License, version 3 or later.
 */

body {
	width: 100%;
	height: 100%;
	font-family: FreeSans;
	font-weight: bold;
}

/* The document covers the picture, so a cue is placed down it as a per cent. */
#slot {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.cue {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

/* The bar hugs the text rather than spanning the picture, as a subtitle's does. */
.cue .text {
	display: inline-block;
	padding: 4dp 18dp;
	font-size: 30dp;
	line-height: 36dp;
	color: #ffffff;
	background-color: #141414e0;
	border-radius: 4dp;
	font-effect: shadow(1dp 1dp #000000ff);
}