MediaWiki:Common.css: Difference between revisions
OCR roster table styles |
Interview watchlist and media-cue styles |
||
| Line 1,646: | Line 1,646: | ||
margin: 0.75em 1em; | margin: 0.75em 1em; | ||
font-size: 95%; | font-size: 95%; | ||
} | |||
/* Interview / documentary YouTube watchlist */ | |||
.yt-watch-index { | |||
margin: 0.75em 0 1.25em; | |||
} | |||
.yt-interview { | |||
margin: 0 0 1.6em; | |||
padding: 0.85em 1em 1em; | |||
border: 1px solid #c8ccd1; | |||
background: #fbfcfd; | |||
} | |||
.yt-embed { | |||
position: relative; | |||
margin: 0.75em 0 0.5em; | |||
max-width: 640px; | |||
background: #111; | |||
} | |||
.yt-embed-poster, | |||
.yt-embed.yt-embed-playing { | |||
aspect-ratio: 16 / 9; | |||
width: 100%; | |||
background: #111; | |||
} | |||
.yt-embed-poster { | |||
position: relative; | |||
cursor: pointer; | |||
width: 100%; | |||
height: 100%; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
background: #111; | |||
} | |||
.yt-embed-thumb { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
.yt-embed-play { | |||
position: absolute; | |||
left: 50%; | |||
top: 50%; | |||
transform: translate(-50%, -50%); | |||
display: flex; | |||
align-items: center; | |||
gap: 0.45em; | |||
padding: 0.4em 0.85em 0.4em 0.55em; | |||
border: 0; | |||
border-radius: 4px; | |||
background: #cc0000; | |||
color: #fff; | |||
font: inherit; | |||
font-weight: 600; | |||
cursor: pointer; | |||
} | |||
.yt-embed-play-icon { | |||
width: 0; | |||
height: 0; | |||
border-style: solid; | |||
border-width: 8px 0 8px 14px; | |||
border-color: transparent transparent transparent #fff; | |||
} | |||
.yt-embed-playing { | |||
background: #000; | |||
} | |||
.yt-embed-frame { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
border: 0; | |||
} | |||
.yt-embed-fallback { | |||
margin: 0.5em 0 0; | |||
font-size: 95%; | |||
} | |||
.yt-interview-next { | |||
margin-top: 0.75em; | |||
padding-top: 0.55em; | |||
border-top: 1px solid #eaecf0; | |||
font-size: 95%; | |||
} | |||
.yt-interview-next-label { | |||
font-weight: 600; | |||
margin-bottom: 0.2em; | |||
} | |||
.yt-interview-next-list { | |||
margin: 0.15em 0 0 1.2em; | |||
padding: 0; | |||
} | |||
.yt-interview-next-why { | |||
color: #54595d; | |||
font-size: 92%; | |||
} | |||
.soldier-media-cue { | |||
margin: 0.65em 0 1em; | |||
} | |||
.soldier-interview-cue, | |||
.soldier-film-cue { | |||
margin: 0 0 0.45em; | |||
padding: 0.55em 0.75em; | |||
border-left: 3px solid #7a3e12; | |||
background: #faf6f1; | |||
font-size: 97%; | |||
} | |||
.soldier-film-cue { | |||
border-left-color: #2a4b7c; | |||
background: #f4f7fb; | |||
} | |||
.soldier-interview-cue-label, | |||
.soldier-film-cue-label { | |||
font-weight: 600; | |||
margin-right: 0.25em; | |||
} | } | ||