🌻:Infrastructure And Operations/Microbin

paste.cyberia.club/

Reese made this stylesheet for microbin, and hosted it on paste.cyberia.club:

paste.cyberia.club/file/en1XDd/microbin-cyberia.css

a, a:hover, a:active, a:visited {
	color: #b5bd68;
}
body {
	color: #c5c8c6;
	font: calc(0.40em + 1vmin) monospace;
	text-align: center;
	overflow-y: scroll;
	background-color: #241e1e;
}
@media(prefers-color-scheme:dark) {
	body{
			background:#000; color:#fff
	}
	a{
			color:#6CF;
	}
}

/* fix microbin oddities */
body > a:nth-of-type(2){
	display: none;
}
#pasta-form {
	display: flex;
	flex-direction: column;
	margin: 1rem 0;
}
#settings {
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	grid-template-rows: auto;
	margin-bottom: 1rem;
}
select {
	height: auto;
}
textarea[name=content] {
	margin-bottom: 1rem !important;
}
#pasta-form > div:last-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: visible !important;
}
#pasta-form > div:lastchild * {
	float: none !important;
}

/* Form elements */
input, select, textarea {
	outline: 0;
	padding: 0.5em 0.5em;
	color: #bdc7b8;
	background-color: #bdc7b805;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: inherit;
}

input[type=text], input[type=number], textarea {
	border: 1px solid #777e73;
	outline: 0;
}

textarea {
	width: auto !important;
}

input[type=checkbox] {
	margin: 0;
}

input[type=submit], select {
	border: 1px solid #777e73;
	border-radius: 0.5em;
	cursor: pointer;
}

input[type=submit] {
	background: #6CF !important;
	color: black;
	border: none;
}