2 lines
29 KiB
CSS
2 lines
29 KiB
CSS
|
#compose-container-outer{width:100%;height:100vh;height:100dvh;overflow:auto;align-self:flex-start;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#compose-container{margin:auto;width:var(--main-width);max-width:100vw;align-self:stretch;-webkit-animation:fade-in .2s ease-out;animation:fade-in .2s ease-out}#compose-container .compose-top{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;gap:8px;-webkit-box-align:center;align-items:center;padding:8px;position:sticky;top:0;z-index:100;white-space:nowrap}@media (min-width: 480px){#compose-container .compose-top{padding:16px}}#compose-container .compose-top .account-block{text-align:start;pointer-events:none;overflow:hidden;color:var(--text-insignificant-color);line-height:1.1;font-size:90%;background-color:var(--bg-faded-blur-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-padding-end:1em;padding-inline-end:1em;border-radius:9999px}@-webkit-keyframes appear-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes appear-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#compose-container .status-preview{border-radius:16px 16px 0 0;max-height:160px;background-color:var(--bg-color);margin:0 12px;border:1px solid var(--outline-color);border-bottom:0;-webkit-animation:appear-up 1s ease-in-out;animation:appear-up 1s ease-in-out;overflow:auto;box-shadow:0 -3px 12px -3px var(--drop-shadow-color)}#compose-container .status-preview:has(.status-badge:not(:empty)){border-start-end-radius:8px}#compose-container .status-preview .content-container,#compose-container .status-preview .time,#compose-container.standalone .status-preview *{pointer-events:none}#compose-container .status-preview-legend{pointer-events:none;position:sticky;bottom:0;padding:8px;font-size:80%;font-weight:700;text-align:center;color:var(--text-insignificant-color);background-color:var(--bg-blur-color);border-top:var(--hairline-width) solid var(--outline-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color),0 1px 10px var(--bg-color);z-index:2}#compose-container .status-preview-legend strong{color:var(--red-color)}#_compose-container .status-preview-legend.reply-to{color:var(--reply-to-color);background-color:var(--reply-to-faded-color)}#compose-container form{--form-spacing-inline: 4px;--form-spacing-block: 0;padding:0 4px;padding:var(--form-spacing-block) var(--form-spacing-inline);background-color:var(--bg-blur-color);position:relative;z-index:2;--drop-shadow: 0 3px 6px -3px var(--drop-shadow-color);box-shadow:var(--drop-shadow)}@media (min-width: 480px){#compose-container form{--form-spacing-inline: 8px}}@media (min-width: 40em){#compose-container form{border-radius:16px}}#compose-container .status-preview~form{box-shadow:var(--drop-shadow),0 -3px 6px -3px var(--drop-shadow-color)}#compose-container textarea{width:100%;max-width:100%;height:5em;min-height:5em;max-height:50vh;resize:vertical;line-height:1.4;border-color:transparent}@media (min-width: 40em){#compose-container textarea.compose-field{max-height:65vh}}#compose-container textarea:hover{border-color:var(--divider-color)}#compose-container .toolbar{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:var(--form-spacing-inline) 0;gap:var(--form-spacing-inline)}#compose-container .toolbar.wrap{flex-wrap:wrap}#compose-container .toolbar.stretch{-webkit-box-pack:stretch;justify-content:stretch}#compose-container .toolbar .spoiler-text-field{-webkit-box-flex:1;flex:1;min-width:0}#compose-container .toolbar-button{display:inline-block;color:var(--link-color);background-color:transparent;padding:0 8px;border-radius:8px
|