singe/assets/subtitle.rcss

45 lines
1.1 KiB
Text

/*
* Singe 3
* Copyright (C) 2006-2026 Scott Duensing <scott@kangaroopunch.com>
*
* What a subtitle looks like: centered lines of light text on a dark bar just wide enough to hold
* them, at whatever height the game asked for, over the picture. The engine only ever sets the
* contents of #slot and the top of .cue. This copy is rewritten at every start: a game restyles
* its subtitles with its own copies of subtitle.rml and a sheet beside its script.
* 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);
}