Template:FlashEmbed/styles.css
Template page
More actions
.ruffle-container {
position: relative;
width: 100%;
max-width: 800px; /* or {{{width}}} */
padding-top: 56.25%; /* aspect‐ratio box (16:9) */
background: var(--bg) center/cover no-repeat;
}
.ruffle-player {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.ruffle-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.6);
color: #fff;
}
.preloader_title {
font-size: 1.5em;
margin-bottom: 0.5em;
}
.preloader_button {
padding: 0.75em 1.5em;
font-size: 1em;
background: #28a;
border: none;
border-radius: 0.25em;
color: #fff;
cursor: pointer;
}