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: @@
-/* Flash Embed Styling */
+ruffle-player, ruffle-embed, ruffle-object {
-.flash-container {
+     --splash-screen-background: #338CCC;
-     display: flex;
+     --logo-display: block;
-    justify-content: center;
+     border-spacing: 3px;
-    align-items: center;
+     box-shadow: 0 6px 6px 1px rgba(0, 0, 0, 0.04), 0 12px 14px 8px rgba(0, 0, 0, 0.0575);
-    padding: 15px;
+    border-radius: var(--border-radius-large);
-    background-color: #f9f9f9; /* Light gray background for better contrast */
+        }
-     border: 1px solid #ddd;
-     border-radius: 8px;
-     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-    margin: 10px auto;
-    max-width: 90%;
-}
-.flash-container object {
-    max-width: 100%;
-    height: auto;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-.flash-container object:hover {
-    transform: scale(1.02);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-}