singe/assets/subtitle.rcss

44 lines
1 KiB
Text

/*
* 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);
}