Link to article: How to Contribute.
.content-box {
flex-basis: 17.5rem;
}
.content-type-description {
padding-inline: .875rem;
}
.bridge :is(.list-pages-box, p) { display: contents; }
.new-page-box form {
display: flex;
}
.new-page-box form input {
margin: 0!important;
padding: 0.325em 0.425em;
border-radius: 0;
appearance: none;
}
.new-page-box form input.text {
flex-grow: 1;
border: solid 0.125rem #e8e8e8;
outline: none;
transition: all 0.125s linear;
}
.new-page-box form:focus-within input.text {
border-color: var(--box-accent);
}
.new-page-box form input.button {
margin-inline-start: 0.4125rem!important;
color: var(--box-accent);
background: #f6f6f6;
border: none;
font-family: inherit;
font-weight: bold;
cursor: pointer;
outline: solid 0 var(--box-accent);
transition: all 0.075s linear;
}
.new-page-box form input.button:is(:hover,:focus) {
color: white;
background-color: var(--box-accent);
outline-width: 0.225rem;
}
.content-type-footer { font-weight: bold; }
/*----------------------------*/
.art .new-page-box form::before {
content: "art:";
display: block;
padding: 0.325rem;
background: #e8e8e8;
font-family: 'Andale Mono', 'Courier New', Courier, monospace;
font-weight: bold;
transition: all 0.0875s linear;
}
.art .new-page-box form:focus-within::before {
color: white;
background: var(--box-accent);
}
content-grid
content-box
content-type-title
content-type-description
bridge
content-type-footer
content-box
tale
content-type-title
content-type-description
content-type-footer
content-box
art
content-type-title
content-type-description
content-type-footer
content-box
alt
content-type-title
content-type-description
content-type-footer
content-box
alt
content-type-title
content-type-description
content-type-footer