body.has-navbar-fixed-top { padding-top: 48px; } body > section > div.container { max-width: 100ex; } .reblog-icon { position: relative; top: -24px; left: 40px; } img.fav-avatar { display: inline; } .media-content { padding: 1.5ex; } .is-max-128 { max-height: 128px; max-width: 128px; } .is-max-256 { max-height: 256px; max-width: 256px; } figure.media-left p.image a img { border-radius: 5px; } img.avatar { border-radius: 5px; } .active-context { background-color: #444; } h2.subtitle { margin-top: 2rem; margin-bottom: 1rem; } article.media.user-info .content img { max-height: 1.5rem; max-width: 1.5rem; } span.account-locked { margin-top: 48px; margin-left: -16px; } .errorlist { color: #FF0000; } .emoji-box { padding: .75rem; background-color: #444; border: 1px solid #ccc; border-radius: 5px; } img.emoji { display: inline; max-height: 1.5em; max-width: 1.5em; vertical-align: text-bottom; } emoji-link { font-size: 2em; } @media screen and (max-width: 768px) { .media { display: block; } } .level.attachments { overflow: auto; } .file-cta { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0; height: 38px; } #page-load-indicator { width: 100%; opacity: 0.8; position: fixed; top: 0; left: 0; z-index: 666; transition: all 500ms; height: 4px; overflow: hidden; background-color: #ddd; display: none; } #page-load-indicator:before{ display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #888; animation: page-loading 1.5s linear infinite; } @keyframes page-loading { from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% { left: 50%;} 95% {left: 120%;} to {left: 100%;} } #status_count { margin-left: 90%; margin-top: 1rem; background-color: #888; color: #FFF; float: right; padding: 0.5ex; border-radius: 5px; min-height: 1.5rem; min-width: 1.5rem; font-size: 0.8em; text-align: right; } #before-main { width: 100%; height: 2em; background-color: #888; color: #444; margin-top: 12px; padding: 0; } #before-main span { margin-left: 50%; } .preferences-help { max-width: 30em; display: inline-block; } input#id_poll_frequency { max-width: 10em; }