]>
git.gir.st - subscriptionfeed.git/blob - app/static/style.css
2 font-family: sans-serif
;
12 text-decoration: none
;
16 .card-main:hover
.title
, .card-main:active
.title
,
17 .more-actions
label:hover
, .more-actions
label:active
,
19 summary:active
, summary:hover
{
21 text-decoration: none
;
32 justify-content: center
;
39 box-shadow: 0 0 5px #222;
40 border:1px solid
#222;
42 margin: 0 .25em .5em .25em;
48 height: calc
(270px / 16 * 9);
65 left: 0; top: 0; right: 0; bottom: 0;
72 .card .info-main, .card .infobar>:first-child {
75 text-overflow: ellipsis
;
105 .advanced:not([open]) summary{
116 .advanced .details>:last-child .emoji {
119 ul#submgr
{list-style: none
}
131 border:1px solid
#700;
133 box-sizing: border-box
;
136 .video_error::before {
137 content: '\26A0\fe0e';
139 .video_error a:link, .video_error a:visited {
142 .video_error a:hover, .video_error a:active {
149 /* https://stackoverflow.com/a/20201563 */
152 /* Note: clamping aspect-ratio, to avoid vertical videos going off-screen */
153 padding-top: calc
( 100% / max
(var
(--aspect-ratio
), 4/3) );
155 .aspect-ratio video {
162 .more-actions input[type="checkbox"] {
163 margin: 0 .7em; /*like input.emoji's padding*/