Template:FlashEmbed/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
. | /* Flash Embed Styling */ | ||
.flash-container { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
padding: 15px; | |||
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); | |||
} | } | ||
Revision as of 01:03, 26 April 2025
/* Flash Embed Styling */
.flash-container {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
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);
}