Pull form elements into generic tag references
Allow common properties to be easily referenced from both HPR website and Hub website.
This commit is contained in:
		| @@ -533,41 +533,52 @@ fieldset > table td select { | ||||
| 	display: block; | ||||
| 	font-size: 1rem; | ||||
| } | ||||
|  | ||||
| fieldset > table { | ||||
| 	width: calc(100vw + -16vw + -1rem); | ||||
| 	max-width: 100%; | ||||
| } | ||||
| fieldset > input, | ||||
| fieldset > table td input, | ||||
| fieldset > table td textarea { | ||||
| 	width: calc(100vw + -16vw + -1.5rem); | ||||
| 	max-width: 100%; | ||||
| input { | ||||
| 	border: thin solid var(--input-border-primary); | ||||
| 	border-radius: 0.2rem; | ||||
| 	margin-bottom: 0.5rem; | ||||
| 	padding: 0.5rem; | ||||
| } | ||||
|  | ||||
| fieldset > table td select { | ||||
| 	appearance: none; | ||||
| input[type="submit"] { | ||||
| 	background-color: var(--background-secondary); | ||||
| 	color: var(--text-secondary); | ||||
| 	font-weight: 400; | ||||
| 	width: fit-content; | ||||
| } | ||||
| input[type="submit"]:hover { | ||||
| 	background-color: var(--link-primary-hover); | ||||
| 	color: var(--background-primary); | ||||
| } | ||||
| select { | ||||
| 	appearance: auto; | ||||
| 	background: var(--background-primary); | ||||
| 	color: var(--text-primary); | ||||
| 	width: calc(100vw + -16vw + -0.40rem); | ||||
| 	border: 1px solid var(--input-border-primary); | ||||
| 	border-radius: 0.25rem; | ||||
| 	cursor: pointer; | ||||
| 	margin-bottom: 0.5rem; | ||||
| 	padding: 0.5rem; | ||||
| } | ||||
| fieldset > table td select:focus{ | ||||
| select:focus{ | ||||
|     background: var(--background-secondary); | ||||
| 	color: var(--text-secondary); | ||||
| } | ||||
| fieldset > table td select:active { | ||||
| }select:active { | ||||
|     background: var(--background-secondary); | ||||
| 	color: var(--text-primary); | ||||
| } | ||||
| fieldset > input, | ||||
| fieldset > table td input, | ||||
| fieldset > table td textarea { | ||||
| 	width: calc(100vw + -16vw + -1.5rem); | ||||
| 	max-width: 100%; | ||||
| } | ||||
| fieldset > table td select { | ||||
| 	width: calc(100vw + -16vw + -0.40rem); | ||||
| } | ||||
| fieldset > table td input[type="radio"] { | ||||
| 	display: initial; | ||||
| 	width: initial; | ||||
| @@ -586,14 +597,8 @@ fieldset > table td input[type="radio"] { | ||||
| 	width: 94%; | ||||
| } | ||||
| #search fieldset > input[type="submit"] { | ||||
| 	background-color: var(--background-secondary); | ||||
| 	color: var(--text-secondary); | ||||
| 	width: 100%; | ||||
| } | ||||
| #search fieldset > input[type="submit"]:hover { | ||||
| 	background-color: var(--link-primary-hover); | ||||
| 	color: var(--background-primary); | ||||
| } | ||||
| #search fieldset > p { | ||||
| 	margin-top: 0.5rem; | ||||
| 	margin-bottom: 0.5rem; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user