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