Files
5chan/src/components/post-form/post-form.module.css
T

97 lines
2.2 KiB
CSS
Raw Normal View History

2024-03-21 15:21:33 +01:00
.postFormButtonDesktop {
2024-03-20 13:00:11 +01:00
font-size: var(--post-form-toggle-font-size);
font-weight: var(--post-form-toggle-font-weight);
text-align: center;
}
2024-03-21 15:21:33 +01:00
.postFormButtonMobile {
text-align: center;
padding-top: 9px;
2024-03-28 12:41:40 +01:00
padding-bottom: 0.5em;
2024-03-21 15:21:33 +01:00
}
.closed {
font-size: x-large;
text-align: center;
color: red;
font-weight: 700;
padding-top: 100px;
padding-bottom: 100px;
}
.postFormButtonDesktop table {
display: table;
border-spacing: 1px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.postFormButtonDesktop td:first-child {
background-color: var(--post-form-field-title-background-color);
color: var(--post-form-field-title-color);
font-weight: var(--post-form-field-title-font-weight);
border: var(--post-form-field-border);
padding: var(--post-form-field-title-padding);
font-size: var(--post-form-field-title-font-size);
width: 80px;
}
.postFormButtonDesktop td {
margin: 0;
padding: 0;
font-size: 10pt;
position: relative;
}
.postFormButtonDesktop input[type="text"], .postFormButtonDesktop textarea {
border: var(--post-form-field-input-border, revert);
font-family: var(--post-form-field-font-family, revert);
appearance: var(--post-form-field-input-appearance, revert);
outline: var(--post-form-field-input-outline, revert);
background-color: var(--post-form-field-input-background-color, revert);
color: var(--post-form-field-input-color, revert);
filter: var(--filter80);
padding: 2px 4px 3px;
font-size: 10pt;
}
.postFormButtonDesktop input[type="text"]:focus, .postFormButtonDesktop textarea:focus {
border: var(--post-form-field-input-focus-border, revert);
}
.postFormButtonDesktop td > input[type="text"] {
width: 244px;
}
.postFormButtonDesktop textarea {
width: 292px;
/* textareas have a gap below them that differs along browsers https://stackoverflow.com/a/7144960 */
vertical-align: top;
}
.postFormButtonDesktop button {
margin-left: 2px;
filter: var(--filter80);
}
.linkType {
font-weight: normal;
position: absolute;
white-space: nowrap;
bottom: 3px;
padding-left: 3px;
}
2024-03-21 15:21:33 +01:00
@media (max-width: 640px) {
.postFormButtonDesktop {
display: none;
}
}
2024-04-10 13:16:07 +02:00
@media (min-width: 640px) {
2024-03-21 15:21:33 +01:00
.postFormButtonMobile {
display: none;
}
2024-03-20 13:00:11 +01:00
}