2 lines
16 KiB
CSS
2 lines
16 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;border-top:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 0 2px #000;font-size:14px;font-family:sans-serif}button:hover{box-shadow:0 0 4px hsla(0,0%,100%,.3)}.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;line-height:21px;height:21px}.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)}.container>*{min-width:0}.fa{color:grey}nav{z-index:1000}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-active{opacity:0}.main{-ms-flex-preferred-size:60%;flex-basis:60%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.sidebar{-ms-flex:0;flex:0;-ms-flex-preferred-size:35%;flex-basis:35%}.sidebar-flexer{-ms-flex:1;flex:1;-ms-flex-preferred-size:345px;flex-basis:345px;width:365px}.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 (min-width:960px){.sidebar{overflow:hidden;max-height:100vh;width:350px;position:fixed;margin-top:-10px}.sidebar .sidebar-container{height:96vh;width:362px;padding-top:10px;padding-right:20px;overflow-x:hidden;overflow-y:scroll}.sidebar-flexer{max-height:96vh;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}}@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{min-height:28px;width:10em}.login-form .error{border-radius:5px;text-align:center;background-color:rgba(255,48,16,.65);min-height:28px;line-height:28px}.login-form .register{-ms-flex:1 1;flex:1 1}.login-form .login-bottom{margin-top:1em;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.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;height:32px}.login .form-bottom button,.post-status-form .form-bottom button{width:10em}.login .attachments,.post-status-form .attachments{padding:0 .5em}.login .attachments .attachment,.post-status-form .attachments .attachment{position:relative;margin:.5em .8em .2em 0}.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:inherit;border-radius:5px;line-height:16px;padding:5px;resize:none;overflow:hidden}.login form textarea:focus,.post-status-form form textarea:focus{min-height:48px}.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}.login .autocomplete-panel,.post-status-form .autocomplete-panel{margin:0 .5em;border-radius:5px;position:absolute;z-index:1;box-shadow:1px 2px 4px rgba(0,0,0,.5);min-width:75%}.login .autocomplete,.post-status-form .autocomplete{cursor:pointer;padding:.2em .4em;border-bottom:1px solid rgba(0,0,0,.4);display:-ms-flexbox;display:flex}.login .autocomplete img,.post-status-form .autocomplete img{width:24px;height:24px;border-radius:2px}.login .autocomplete span,.post-status-form .autocomplete span{line-height:24px;margin:0 .1em 0 .2em}.login .autocomplete small,.post-status-form .autocomplete small{font-style:italic}.media-upload{font-size:26px;-ms-flex:1;flex:1}.icon-upload{cursor:pointer}.profile-panel-background{background-size:cover;border-radius:10px}.profile-panel-background .panel-heading{padding:.6em 0;text-align:center}.profile-panel-body{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{padding-bottom:15em}.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.lit{color:#0fa00f}.notifications .notification .text .icon-reply.lit{color:#0095ff}.notifications .notification .text h1{word-break:break-all;margin:0 0 .3em;padding:0;font-size:1em;line-height:20px}.notifications .notification .text h1 small{font-weight:lighter}.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}status-text-container{display:block}.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;line-height:18px}.status-el .notify .avatar{border-width:3px;border-style:solid}.status-el .media-body{-ms-flex:1;flex:1;padding-left:.5em}.status-el .user-content{min-height:52px;padding-top:1px}.status-el .media-heading{display:-ms-flexbox;display:flex;min-height:1.4em;margin-bottom:.3em}.status-el .media-heading small{font-weight:lighter}.status-el .media-heading h4{margin-right:.4em}.status-el .media-heading .name-and-links{-ms-flex:1 0;flex:1 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.status-el .media-heading .replies{-ms-flex-preferred-size:100%;flex-basis:100%}.status-el .expand{margin-right:-.3em}.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-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}.greentext{color:green}.status-conversation{border-left-style:solid}.status-actions{padding-top:.15em;width:100%;display:-ms-flexbox;display:flex}.status-actions div,.status-actions favorite-button{max-width:6em;-ms-flex:1;flex:1}.icon-reply-active,.icon-reply:hover{color:#0095ff}.status .avatar{width:48px;height:48px}.status .avatar.retweeted{width:40px;height:40px;margin-right:8px;margin-bottom:8px}.status img.avatar-retweeter{width:24px;height:24px;position:absolute;margin-left:24px;margin-top:24px}.status.compact .avatar{width:32px}.status{padding:.4em .7em .45em;border-bottom:1px solid;border-bottom-color:inherit;border-left:4px rgba(255,48,16,.65);border-left-style:inherit}.muted{padding:.1em .4em .1em .8em}.muted button{margin-left:auto}.muted .muteWords{margin-left:10px}a.unmute{display:block;margin-left:auto}.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}@media (max-width:960px){.status-el .name-and-links{margin-left:-.25em}.status{max-width:100%}.status .avatar{width:40px;height:40px}.status .avatar.retweeted{width:34px;height:34px;margin-right:8px;margin-bottom:8px}.status img.avatar-retweeter{width:22px;height:22px;position:absolute;margin-left:18px;margin-top:18px}}.attachments{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.7em}.attachments .attachment{-ms-flex:1 0 30%;flex:1 0 30%;margin:.5em .7em .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;object-fit:contain;width:100%;height:100%;max-height:500px}.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}.user-finder-icon{margin-right:.25em}.user-finder-input{border-width:1px;border-style:solid;border-color:inherit;border-radius:5px;padding:.1em .2em .2em}.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{height:1.8em;line-height:100%}.timeline .loadmore-button,.timeline .loadmore-text{position:absolute;right:.6em;font-size:14px;min-width:6em}.timeline .loadmore-text{border-radius:5px;font-family:sans-serif;text-align:center;padding:0 .5em;opacity:.8}.timeline .error{background-color:rgba(255,48,16,.65)}.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}.spacer{height:1em}.conversation-heading{border-bottom-style:solid;border-bottom-width:1px}.status-preview{position:absolute;max-width:35em;padding:.5em;display:-ms-flexbox;display:flex;border-color:inherit;border-style:solid;border-width:1px;border-radius:4px;box-shadow:2px 2px 3px rgba(0,0,0,.5)}.status-preview .avatar{width:32px;height:32px;border-radius:50%}.status-preview .text{padding:0 .5em .5em}.status-preview .text h4{margin-bottom:.4em}.status-preview .text h4 small{font-weight:lighter}.user-profile{-ms-flex:2;flex:2;-ms-flex-preferred-size:500px;flex-basis:500px}.setting-item{margin:1em 1em 1.4em}.setting-item textarea{width:100%;height:100px}.setting-item .new-avatar,.setting-item .old-avatar{width:128px;border-radius:5px}.setting-item .new-avatar{object-fit:cover;height:128px}.setting-item .btn{margin-top:1em;min-height:28px;width:10em}.setting-list{list-style-type:none}.style-switcher{margin-right:1em}.registration-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.6em}.registration-form .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.registration-form .terms-of-service{-ms-flex:0 1 50%;flex:0 1 50%;margin:.8em}.registration-form .text-fields{margin-top:.6em;-ms-flex:1 0;flex:1 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.registration-form .form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.3em 0;line-height:24px}.registration-form form textarea{border:solid;border-width:1px;border-color:silver;border-radius:5px;line-height:16px;padding:5px;resize:vertical}.registration-form input{border:1px solid silver;border-radius:5px;padding:.1em .2em .2em}.registration-form .captcha{max-width:350px;margin-bottom:.4em}.registration-form .btn{margin-top:.6em;height:28px}.registration-form .error{border-radius:5px;text-align:center;margin:.5em .6em 0;background-color:rgba(255,48,16,.65);min-height:28px;line-height:28px}@media (max-width:959px){.registration-form .container{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}
|
|
/*# sourceMappingURL=app.0fa838c7a9d986e2e14114ae82881a5f.css.map*/ |