Template:FlashEmbed/styles.css: Difference between revisions

Latest revision as of 04:28, 26 April 2025

ruffle-player, ruffle-embed, ruffle-object {
    --splash-screen-background: #338CCC;
    --logo-display: block;
    border-spacing: 3px;
    box-shadow: 0 6px 6px 1px rgba(0, 0, 0, 0.04), 0 12px 14px 8px rgba(0, 0, 0, 0.0575);
    border-radius: var(--border-radius-large);
        }

@@ Line 1: / Line 1: @@
-.ruffle-player {
+ruffle-player, ruffle-embed, ruffle-object {
-  position: relative;
+    --splash-screen-background: #338CCC;
-}
+    --logo-display: block;
+    border-spacing: 3px;
-.ruffle-player .preloader {
+    box-shadow: 0 6px 6px 1px rgba(0, 0, 0, 0.04), 0 12px 14px 8px rgba(0, 0, 0, 0.0575);
-  position: absolute;
+    border-radius: var(--border-radius-large);
-  top: 0; left: 0;
+        }
-  width: 100%; height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0,0,0,0.5);
-  cursor: pointer;
-}
-.ruffle-player .preloader img {
-  max-width: 80px;
-  margin-right: 1em;
-}
-.ruffle-player .preloader_title {
-  font-size: 1.2em;
-  color: #fff;
-}
-.ruffle-player .preloader_button {
-  padding: 0.5em 1em;
-  background: #0066cc;
-  color: #fff;
-  border-radius: 0.25em;
-  margin-left: 1em;
-}