.block-language-vid{ position: relative; /* display: block; */ } .block-language-vid~.edit-block-button{ z-index: 10; } .block-language-vid>a.thumbnail{ display: flex; flex-direction: row; color: var(--text-default); text-decoration: none; margin: 10px 0; max-width: 400px; width: 100%; /* border-radius: 8px; */ /* overflow: hidden; */ box-shadow: none; } .block-language-vid .thumbnail-text{ padding: 0 16px; margin-left: -8px; flex-grow: 1; line-height: 1.3; transition: background 0.3s; position: relative; z-index: 1; } /* .block-language-vid>a:hover{ box-shadow: 0 .2rem .5rem var(--background-modifier-box-shadow); } */ .block-language-vid>a.thumbnail:hover .thumbnail-text{ background: var(--background-primary-alt); } .block-language-vid .thumbnail-title{ position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .block-language-vid .thumbnail-img{ width: 150px; border-radius: 8px; position: relative; z-index: 2; } .block-language-vid .thumbnail .timestamp{ font-size: calc(var(--font-text-size) - 5px); display: block; position: absolute; bottom: 4px; left: 4px; padding: 0 5px 0 5px; background: rgba(0, 0, 0, 0.75); border-radius: 4px; z-index: 3; } .block-language-vid .thumbnail-author{ display: block; color: var(--text-faint); font-size: calc(var(--font-text-size) - 3px); width: fit-content; margin-top: 3px; text-decoration: none; transition: color 0.1s; } .block-language-vid .thumbnail-author:hover{ color: var(--text-muted); } .block-language-vid .thumbnail-error{ color: var(--text-error); } .block-language-vid .dummy-container{ position: relative; height: 84.34px; width: 400px; /* background: var(--background-primary-alt); */ /* background: linear-gradient(-80deg, var(--background-primary-alt) 45%, rgba(125, 125, 125, 0.2) 50%, var(--background-primary-alt) 55%); */ background: linear-gradient(-80deg, rgba(125, 125, 125, 0.05) 45%, rgba(125, 125, 125, 0.2) 50%, rgba(125, 125, 125, 0.05) 55%); animation: gradient 2s linear infinite; background-size: 400% 400%; margin: 10px 0; opacity: 1; /* transition: opacity 1s linear; &.hidden{ position: absolute; opacity: 0; } */ } @keyframes gradient { 0% { background-position: 100% 50%; } 60% { background-position: 0% 50%; } 100% { background-position: 0% 50%; } } .block-language-vid .dummy-image{ height: 100%; width: 150px; background: rgba(125, 125, 125, 0.2); } .block-language-vid .dummy-title{ position: absolute; left: 160px; top: 6px; height: 20px; width: calc(100% - 170px); background: rgba(125, 125, 125, 0.2); } .mod-settings .setting-item.default-attachment-info{ border: none; padding-top: 0; } .mod-settings .setting-item.default-attachment-info input{ color: var(--text-muted); } .mod-settings .setting-item.default-attachment-info .setting-item-description{ font-style: italic; } .kanban-plugin__item-title .block-language-vid, :not(.kanban-plugin__item-title) .block-language-vid.thumbnail-card-style{ &>a.thumbnail{ margin: auto; flex-direction: column; max-width: 250px; } .thumbnail-img{ width: 100%; } .thumbnail-text{ padding: 16px 2px; margin: -8px 0px; } } /* :not(.kanban-plugin__item-title) .block-language-vid.thumbnail-card-style { &>a.thumbnail { margin: auto; flex-direction: column; max-width: 250px; } .thumbnail-img { width: 100%; } .thumbnail-text { padding: 16px 2px; margin: -8px 0px; } } */