]>
git.gir.st - subscriptionfeed.git/blob - app/static/style.css
2 font-family: sans-serif
;
10 text-decoration: none
;
14 summary:active
, summary:hover
{
16 text-decoration: none
;
20 box-shadow: 0 0 5px #222;
21 border:1px solid
#222;
24 margin-left: .25em;margin-right: .25em;
27 display: inline-block
;
32 height: calc
(270px / 16 * 9);
58 text-overflow:ellipsis
;
82 .advanced:not([open]) summary{
89 .advanced>:last-child {
92 ul#submgr
{list-style: none
}
101 border:1px solid
#700;
103 box-sizing: border-box
;
106 .video_error::before {
107 content: '\26A0\fe0e';
109 .video_error a:link, .video_error a:visited {
112 .video_error a:hover, .video_error a:active {
121 /* affects both placeholder and src. To avoid cropping the video itself, we
122 assume the video element's aspect ratio exactly matches the video file. */
124 /* https://stackoverflow.com/a/20201563 */
127 /* Note: clamping aspect-ratio, to avoid vertical videos going off-screen */
128 padding-top: calc
( 100% / max
(var
(--aspect-ratio
), 4/3) );
130 .aspect-ratio video {