mirror of
https://github.com/danog/telegram-tt.git
synced 2024-11-27 12:55:11 +01:00
1 line
68 KiB
CSS
1 line
68 KiB
CSS
|
.SenderInfo{display:flex;align-content:center;color:#fff;cursor:pointer;opacity:.5;transition:opacity .15s}.SenderInfo:hover{opacity:1}.SenderInfo .Avatar{margin-inline-end:1rem}@media (max-width:600px){.SenderInfo .Avatar{display:none}}.SenderInfo .meta{display:flex;flex-direction:column;justify-content:center;max-width:100%}.SenderInfo .title{line-height:1.45rem;font-weight:500;white-space:pre;overflow:hidden;text-overflow:ellipsis}.SenderInfo .date{line-height:1.25rem;font-size:.875rem;letter-spacing:-.01rem}.MediaViewerActions{display:flex;margin-inline-start:auto;margin-inline-end:-.375rem}.MediaViewerActions .Button{margin-inline-start:.25rem}.MediaViewerActions-mobile{position:relative}.MediaViewerActions-mobile .ProgressSpinner{position:absolute;top:0;left:0}.MediaViewerFooter{position:absolute;bottom:0;padding:1rem 0;width:100%;transition:opacity .15s}#MediaViewer.zoomed .MediaViewerFooter{display:none}@media (max-height:640px){.MediaViewerFooter{padding:.5rem 0 0}}@media (max-width:600px){.MediaViewerFooter{padding-bottom:4.5rem;background:linear-gradient(0deg,#000 0,transparent)}.MediaViewerFooter.is-for-video{opacity:0;pointer-events:none}.video-controls-visible .MediaViewerFooter.is-for-video{opacity:1;pointer-events:all}}.MediaViewerFooter .media-viewer-footer-content{position:relative;max-width:var(--messages-container-width);margin:auto;cursor:pointer;opacity:.5;transition:opacity .15s}.MediaViewerFooter .media-viewer-footer-content:hover{opacity:1}@media (max-width:600px){.MediaViewerFooter .media-viewer-footer-content{opacity:1}}.MediaViewerFooter.is-hidden{opacity:0}.MediaViewerFooter .media-text{margin-bottom:0;overflow:auto;padding:0 .5rem;text-align:center;color:hsla(0,0%,100%,.9);font-size:.9375rem;letter-spacing:.025rem;max-height:4.25rem}@media (max-height:640px){.MediaViewerFooter .media-text{max-height:2.75rem}}.MediaViewerFooter .media-text .emoji{width:.9375rem;height:.9375rem;vertical-align:-2px}.MediaViewerFooter .media-text.multiline:before{content:"";position:absolute;left:-.75rem;right:-.75rem;top:-.25rem;bottom:-.25rem;background:rgba(0,0,0,.75);border-radius:var(--border-radius-default);z-index:var(--z-below)}@media (max-width:600px){.MediaViewerFooter .media-text.multiline:before{display:none;background:none}}.MediaViewerFooter a{color:var(--color-links)}.MediaViewerFooter a:focus,.MediaViewerFooter a:hover{color:var(--color-links-hover)}.VideoPlayerControls{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:.625rem;font-size:.875rem;background:linear-gradient(0deg,#000 0,transparent)}#MediaViewer.zoomed .VideoPlayerControls{display:none}@media (max-width:600px){.VideoPlayerControls{position:fixed;padding:1.25rem .5rem .75rem;background:none;z-index:var(--z-media-viewer)}}.VideoPlayerControls.mobile .player-file-size{position:static;left:auto;transform:none;margin-left:auto}.VideoPlayerControls.mobile .fullscreen{margin-left:1rem}.VideoPlayerControls.mobile .player-time+.fullscreen{margin-left:auto}.VideoPlayerControls .Button{width:2.25rem;padding:0;margin:.25rem;height:1.75rem}@media (max-width:600px){.VideoPlayerControls .Button{height:2.25rem}}.VideoPlayerControls .play i{line-height:1.5rem}.VideoPlayerControls .player-time{margin:0 1rem;white-space:nowrap}.VideoPlayerControls .fullscreen{margin-left:auto}@media (max-width:600px){.VideoPlayerControls .fullscreen{margin-left:1rem}}.VideoPlayerControls .fullscreen i{line-height:1.75rem}@media (max-width:600px){.VideoPlayerControls .fullscreen i{font-size:1.5rem}}@media (max-width:600px){.VideoPlayerControls .player-time+.fullscreen{margin-left:auto}}.VideoPlayerControls .player-file-size{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.VideoPlayerControls .player-file-size{position:static;left:auto;transform:none;margin-left:auto;margin-right:1rem}.VideoPlayerControls .player-file-size+.fullscreen{margin-left:0}}.VideoPlayerControls .player-seekline{position:absolute;left:1rem;right:1rem;top:0;height:1rem}.
|