MediaWiki:Common.css: Difference between revisions
Styles for SoundCloud interview embeds |
Styles for Aviary interview embeds |
||
| Line 2,191: | Line 2,191: | ||
} | } | ||
.sc-embed-fallback { | .sc-embed-fallback { | ||
margin: 0.5em 0 0; | |||
font-size: 95%; | |||
} | |||
/* Aviary (Milken Archive et al.) audio/video embeds */ | |||
.aviary-embed { | |||
position: relative; | |||
margin: 0.75em 0 0.5em; | |||
max-width: 720px; | |||
background: #1a1a1a; | |||
} | |||
.aviary-embed-poster, | |||
.aviary-embed.aviary-embed-playing { | |||
aspect-ratio: 16 / 10; | |||
width: 100%; | |||
background: linear-gradient(145deg, #1e2a3a 0%, #111820 55%, #0a2030 100%); | |||
} | |||
.aviary-embed-poster { | |||
position: relative; | |||
cursor: pointer; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
} | |||
.aviary-embed-play { | |||
display: flex; | |||
align-items: center; | |||
gap: 0.45em; | |||
padding: 0.45em 0.9em 0.45em 0.6em; | |||
border: 0; | |||
border-radius: 4px; | |||
background: #2f6fed; | |||
color: #fff; | |||
font: inherit; | |||
font-weight: 600; | |||
cursor: pointer; | |||
} | |||
.aviary-embed-play-icon { | |||
width: 0; | |||
height: 0; | |||
border-style: solid; | |||
border-width: 8px 0 8px 14px; | |||
border-color: transparent transparent transparent #fff; | |||
} | |||
.aviary-embed-playing { | |||
background: #111; | |||
} | |||
.aviary-embed-frame { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
border: 0; | |||
} | |||
.aviary-embed-fallback { | |||
margin: 0.5em 0 0; | margin: 0.5em 0 0; | ||
font-size: 95%; | font-size: 95%; | ||