2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
#app{background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:0 50px;min-height:100vh}h4{margin:0}#content{padding-top:60px}.text-center{text-align:center}body{font-family:sans-serif;font-size:14px;margin:0}a{text-decoration:none}button{border:none;border-radius:5px;cursor:pointer}button:hover{opacity:.8}.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0 10px}.gaps{margin:-1em 0 0 -1em}.item{-ms-flex:1;flex:1}.gaps>.item{padding:1em 0 0 1em}.auto-size{-ms-flex:1;flex:1}nav{width:100%;position:fixed}nav,nav .inner-nav{-ms-flex-align:center;align-items:center;height:50px}nav .inner-nav{padding-left:20px;padding-right:20px;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:970px;flex-basis:970px;margin:auto;background-repeat:no-repeat;background-position:50%;background-size:contain}main-router{-ms-flex:1;flex:1}.status.compact{color:rgba(0,0,0,.42);font-weight:300}.status.compact p{margin:0;font-size:.8em}.panel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5em;border-radius:10px}.panel-heading{border-radius:10px 10px 0 0;background-size:cover;padding:.6em 1em;text-align:left;font-size:1.3em;line-height:24px}.panel-footer{border-radius:0 0 10px 10px}.panel-body>p{line-height:18px;padding:1em;margin:0}#content{margin:auto;max-width:980px;border-radius:10px;padding-bottom:1em;background-color:rgba(0,0,0,.1)}.media-body{-ms-flex:1;flex:1;padding-left:.5em}.container>*{min-width:0}.fa{color:grey}.status-actions{width:50%;display:-ms-flexbox;display:flex}.status-actions div,.status-actions favorite-button{-ms-flex:1;flex:1}status-text-container{display:block}.status-el{line-height:18px}.status-el .notify .avatar{border-width:3px;border-style:solid}.status-el .media-left img{margin-top:.2em;float:right;margin-right:.3em;border-radius:5px}.status-el .retweet-info{padding:.7em 0 0 .6em}.status-el .retweet-info .media-left{display:-ms-flexbox;display:flex}.status-el .retweet-info .media-left i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:right;-ms-flex:1;flex:1;padding-right:.3em}.status-el .media-heading{margin-bottom:.3em}.status-el .media-heading small{font-weight:lighter}nav{z-index:1000}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-active{opacity:0}.main{-ms-flex:1;flex:1;-ms-flex-preferred-size:65%;flex-basis:65%}.sidebar{-ms-flex:1;flex:1;-ms-flex-preferred-size:35%;flex-basis:35%}.mobile-shown{display:none}.panel-switcher{display:none;width:100%}.panel-switcher button{display:block;-ms-flex:1;flex:1;margin:.5em;padding:.5em}@media (max-width:959px){.mobile-hidden{display:none}.panel-switcher{display:-ms-flexbox;display:flex}.container{padding:0}.panel{margin:.5em 0}}.item.right{text-align:right;padding-right:20px}.login-form input{border:1px solid silver;border-radius:5px;padding:.1em .2em .2em}.login-form .btn{margin-top:1em;min-height:28px}.login-form .error{border-radius:5px;text-align:center;background-color:rgba(255,48,16,.65);min-height:28px;line-height:28px}.tribute-container ul{padding:0}.tribute-container ul li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tribute-container img{padding:3px;width:16px;height:16px;border-radius:50%}.login .form-bottom,.post-status-form .form-bottom{display:-ms-flexbox;display:flex;padding:.5em}.login .form-bottom button,.post-status-form .form-bottom button{-ms-flex:2;flex:2}.login .attachments,.post-status-form .attachments{padding:.5em}.login .attachments i,.post-status-form .attachments i{position:absolute;margin:10px;padding:5px;background:hsla(0,0%,90%,.6);border-radius:5px;font-weight:700}.login form,.post-status-form form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.6em}.login .form-group,.post-status-form .form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.3em .5em .6em;line-height:24px}.login form textarea,.post-status-form form textarea{border:solid;border-width:1px;border-color:silver;border-radius:5px;line-height:16px;padding:5px;resize:vertical}.login .btn,.post-status-form .btn{cursor:pointer}.login .btn[disabled],.post-status-form .btn[disabled]{cursor:not-allowed}.login .icon-cancel,.post-status-form .icon-cancel{cursor:pointer}.media-upload{font-size:26px;-ms-flex:1;flex:1}.icon-upload{cursor:pointer}.tribute-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999}.tribute-container ul{margin:0;margin-top:2px;list-style:none;background:#efefef}.tribute-container li{padding:5px;cursor:pointer}.tribute-container li.highlight,.tribute-container li:hover{background:#ddd}.tribute-container .menu-highlighted,.tribute-container li span{font-weight:700}.profile-panel-background{background-size:cover;border-radius:10px}.profile-panel-background .panel-heading{padding:.6em 0;text-align:center}.profile-panel-body{padding-top:0;top:0;padding-top:4em}.user-info{color:#fff;padding:16px;margin-bottom:-4em;text-shadow:0 1px 1.5px #000}.user-info .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center;max-height:60px}.user-info img{border:2px solid;border-radius:5px;-ms-flex:1 0 100%;flex:1 0 100%;max-width:48px;max-height:48px}.user-info .user-name,.user-info .user-screen-name{margin-top:0;margin-left:.6em;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:start;align-self:flex-start}.user-info .user-screen-name{font-weight:lighter;font-size:15px;padding-right:.1em}.user-info .user-interactions{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;margin-top:.7em;margin-bottom:-1em}.user-info .user-interactions div{-ms-flex:1;flex:1}.user-info .user-interactions .following{color:#fff;font-size:14px;-ms-flex:0 0 100%;flex:0 0 100%;margin:-.7em 0 .3em;padding-left:16px;text-align:left}.user-info .user-interactions .follow,.user-info .user-interactions .mute{max-width:220px;min-height:28px}.user-info .user-interactions button{border:solid;border-width:1px;width:92%;height:100%}.user-info .user-interactions .pressed{border:solid;border-width:1px}.user-counts{display:-ms-flexbox;display:flex;line-height:16px;padding:1em 1.5em 0 1em;text-align:center}.user-count{-ms-flex:1;flex:1}.user-count h5{font-size:1em;font-weight:bolder;margin:0 0 .25em}.dailyAvg{font-size:.8em;opacity:.5}.nav-panel ul{list-style:none;margin:0;padding:0}.nav-panel li{border-bottom:1px solid;border-color:inherit;padding:0}.nav-panel li:first-child a{border-top-right-radius:10px;border-top-left-radius:10px}.nav-panel li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.nav-panel li:last-child{border:none}.nav-panel a{display:block;padding:.8em .85em}.nav-panel a:hover{background-color:transparent}.nav-panel a.router-link-active{font-weight:bolder;background-color:transparent}.nav-panel a.router-link-active:hover{text-decoration:underline}.notifications .panel-heading{position:relative}.notifications .panel-heading .read-button{position:absolute;right:.7em;height:1.8em;line-height:100%}.notifications .unseen-count{display:inline-block;background-color:rgba(255,16,8,.8);text-shadow:0 0 3px rgba(0,0,0,.5);min-width:1.3em;border-radius:1.3em;margin:0 .2em 0 -.4em;color:#fff;font-size:.9em;text-align:center;line-height:1.3em}.notifications .notification{padding:.4em 0 0 10px;display:-ms-flexbox;display:flex;border-bottom:1px solid;border-bottom-color:inherit}.notifications .notification .text{min-width:0;word-wrap:break-word;line-height:18px;padding:.3em .8em .5em}.notifications .notification .text .icon-retweet{color:#0fa00f}.notifications .notification .text .icon-reply{color:#0095ff}.notifications .notification .text h1{margin:0 0 .3em;padding:0;font-size:1em;line-height:20px}.notifications .notification .text p{margin:0;margin-top:0;margin-bottom:.3em}.notifications .notification .avatar{padding-top:.3em;width:32px;height:32px;border-radius:50%}.notifications .notification:last-child{border-bottom:none;border-radius:0 0 10px 10px}.notifications .unseen{border-left:4px solid rgba(255,16,8,.75);padding-left:6px}.timeline .timeline-heading{position:relative;display:-ms-flexbox;display:flex}.timeline .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.timeline .loadmore-button{position:absolute;right:.6em;min-width:6em;height:1.8em;line-height:100%}.timeline .error{background-color:rgba(255,48,16,.65)}.timeline .no-press{opacity:.8;cursor:default}.new-status-notification{position:relative;margin-top:-1px;font-size:1.1em;border-width:1px 0 0;border-style:solid;border-radius:0 0 10px 10px;padding:10px;z-index:1}.status-el{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;border-left-width:0}.status-el .user-content{min-height:52px;padding-top:1px}.status-el .source_url{float:right}.status-el .greentext{color:green}.status-el a{display:inline-block;word-break:break-all}.status-el .status-content{margin:3px 15px 4px 0}.status-el p{margin:0;margin-top:.2em;margin-bottom:.5em}.status-conversation{border-left-style:solid}.status-actions{padding-top:5px}.icon-reply-active,.icon-reply:hover{color:#0095ff}.status .avatar{width:48px}.status.compact .avatar{width:32px}.status{padding:.65em .7em .8em .8em;border-bottom:1px solid;border-bottom-color:inherit;border-left:4px rgba(255,48,16,.65);border-left-style:inherit}.muted button,a.unmute{margin-left:auto}a.unmute{display:block}.usercard{border-style:solid;border-width:1px;border-radius:10px;margin-bottom:1em;margin-top:.2em}.reply-left{-ms-flex:0;flex:0;min-width:48px}.reply-body{-ms-flex:1;flex:1}.attachments{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.8em}.attachments .attachment{-ms-flex:1 0 30%;flex:1 0 30%;margin:.5em .8em .6em 0;-ms-flex-item-align:start;align-self:flex-start}.attachments .attachment.html{-ms-flex-preferred-size:100%;flex-basis:100%;display:-ms-flexbox;display:flex}.attachments .attachment.loading{cursor:progress}.attachments .attachment .hider{position:absolute;margin:10px;padding:5px;background:hsla(0,0%,90%,.6);border-radius:5px;font-weight:700}.attachments .attachment video{height:100%;border:1px solid;border-radius:5px;width:100%}.attachments .attachment audio{width:100%}.attachments .attachment img.media-upload{width:100%;height:100%;-ms-flex:1;flex:1;border:1px solid;border-radius:5px}.attachments .attachment .oembed{border:1px solid;border-radius:5px;border-color:inherit;width:100%;margin-right:15px;display:-ms-flexbox;display:flex}.attachments .attachment .oembed img{width:100%}.attachments .attachment .oembed .image{-ms-flex:1;flex:1}.attachments .attachment .oembed .image img{border:0;border-radius:5px;height:100%;object-fit:cover}.attachments .attachment .oembed .text{-ms-flex:2;flex:2;margin:8px}.attachments .attachment .oembed .text h1{font-size:14px;margin:0}.attachments .attachment a.image-attachment{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.attachments .attachment a.image-attachment img{border-style:solid;border-width:1px;border-radius:5px;width:100%;height:100%}.favorite-button{cursor:pointer;animation-duration:.6s}.favorite-button:hover,.icon-star{color:orange}.icon-retweet{cursor:pointer;animation-duration:.6s}.icon-retweet:hover,.retweeted{color:#0fa00f}.delete-status,.icon-cancel{cursor:pointer}.delete-status:hover,.icon-cancel:hover{color:red}.spacer{height:1em}.conversation-heading{border-bottom-style:solid;border-bottom-width:1px}.user-profile{-ms-flex:2;flex:2;-ms-flex-preferred-size:500px;flex-basis:500px}.setting-item{margin:1em 1em 1.4em}.setting-list{list-style-type:none}.style-switcher{margin-right:1em}
|
|
/*# sourceMappingURL=app.c9152df945545cbfad798e27da935399.css.map*/ |