#right-panel { right: 0; } .create-notice { display: flex; flex-direction: column; width: 100%; background-color: var(--translucent); border-radius: var(--unit-size); border: solid 2px var(--bg2); } .create-notice textarea { width: 100%; } .section-title { display: flex; flex-direction: column; border-radius: var(--unit-size); padding: var(--unit-size); background-color: var(--translucent); font-family: var(--display-font); } .section-title-plus { fill: var(--white); width: var(--main-size); height: auto; } .section-title-plus summary { display: block; position: absolute; top: var(--unit-size); right: var(--unit-size); padding: var(--unit-size); } .section-content { margin: var(--unit-size); } .section-content hr { all: unset; display: inline; height: 2px; background-image: linear-gradient(to left, var(--translucent), transparent 90%); margin-bottom: var(--unit-size); } .target, .scope { border-radius: var(--unit-size); } .target label, .scope label { font-family: var(--display-font); } #post_visibility { display: flex; flex-wrap: wrap; justify-content: flex-start; font-size: var(--medium-size); margin: var(--unit-size); } #post_visibility input[type="radio"] { margin-right: 2px; } #post_visibility label { margin-right: var(--small-size); } #tabs { display: flex; flex-direction: column; font-family: var(--display-font); } .notice-options { margin-top: var(--unit-size); display: inline-block; font-family: var(--display-font); width: 100%; } .post { align-self: flex-end; } #post_content { border-radius: var(--unit-size); background-color: var(--translucent); max-width: 100%; height: calc(6 * var(--main-size)); border: 2px solid var(--bg2); margin-top: var(--unit-size); padding: var(--unit-size); resize: vertical; font-family: var(--main-font); font-size: var(--medium-size); color: var(--white); } .attachments { margin-bottom: var(--unit-size); } .attachments > * { cursor: pointer !important; }