thedesk/app/css/post.css

137 lines
1.8 KiB
CSS
Raw Normal View History

2018-01-28 23:22:43 +11:00
/*トゥートボックス向けCSS*/
#post-box {
2019-03-06 19:08:48 +11:00
display:none;
2018-01-31 03:43:01 +11:00
position: fixed;
2019-03-06 19:08:48 +11:00
left: calc(50vw - 150px);
top: 50vh;
2018-07-07 03:51:48 +10:00
background-color: var(--postbox);
2018-01-28 23:22:43 +11:00
border: thin solid gray;
2018-07-28 07:25:12 +10:00
z-index: 501;
2018-05-02 14:14:03 +10:00
min-width:300px;
2018-01-28 23:22:43 +11:00
max-width:100%;
padding: 5px;
border-radius:5px;
2018-01-28 23:22:43 +11:00
}
2018-01-28 23:22:43 +11:00
.cancel {
2018-02-18 03:44:03 +11:00
font-size: 0.5rem;
2018-01-28 23:22:43 +11:00
color: gray;
cursor: pointer;
2018-05-02 14:14:03 +10:00
position: absolute;
2019-03-06 19:08:48 +11:00
right: 2px;
top:4px;
2018-01-28 23:22:43 +11:00
}
.more-show {
display: none;
}
#drag {
width: 100%;
height: 100px;
}
#post-btn {
display: none;
}
#vis {
text-transform: capitalize;
}
#cw-text {
display: none;
}
2019-01-22 03:25:40 +11:00
#sch-box {
display: none;
}
#sch-box input {
width:auto;
}
.picker__close, .picker__today, .picker__clear {
color: #26a69a !important;
}
2018-01-28 23:22:43 +11:00
.cw {
display: none;
}
.sensitive {
filter: blur(50px);
}
#emoji {
2019-03-06 19:08:48 +11:00
2019-03-13 02:51:07 +11:00
}
#suggest{
max-height:300px;
overflow-y: scroll;
2018-01-28 23:22:43 +11:00
}
#emoji-list {
width: 100%;
2019-03-06 19:08:48 +11:00
height: 200px;
2018-01-28 23:22:43 +11:00
overflow-y: scroll;
}
#preview-field {
display: none;
}
2019-03-21 07:49:59 +11:00
.preview-img{
width:50px;
max-height:100px;
}
.pi-wrap{
display:inline-block;
width:50px;
max-height:100px;
}
2018-03-13 04:41:38 +11:00
#default-emoji a{
color:white;
2018-03-31 13:39:06 +11:00
margin-right:2px;
2018-03-13 04:41:38 +11:00
}
2018-04-16 23:58:14 +10:00
.character-counter{
position: relative;
top: -25px;
}
2018-07-19 02:05:53 +10:00
.trendtag{
overflow-y:scroll;
max-height:100px;
}
2018-09-17 21:55:00 +10:00
#toot-btn-field{
display:flex;
}
#toot-post-btn{
width:calc(100% - 10px); padding:0; margin-top:10px;
}
#toot-sec-btn{
width:30px; padding:0; margin-top:10px;
}
2019-03-06 19:08:48 +11:00
#left-side{
float:left;
width:300px;
}
#right-side{
display:none;
float:left;
width:300px;
padding:5px;
}
#poll{
}
.poll-provider{
position: absolute;
height: calc(100% - 90px);
overflow-y: scroll;
top: 90px;
}
2018-03-13 04:41:38 +11:00
2018-02-18 03:44:03 +11:00
/*mini*/
.mini-post .mize{
display:none !important;
}
.mini-post #textarea{
padding:0;
}
.mini-post #post-box{
width:200px;
min-width:100px;
}
.mini-post #toot-field{
padding:0;
}
.mini-post #toot-btn-field{
padding:0;
2018-01-28 23:22:43 +11:00
}