ProxmoxAAS-Dashboard/css/form.css

84 lines
1.0 KiB
CSS
Raw Normal View History

2022-12-12 22:57:43 +00:00
.center-div {
2022-12-21 01:46:03 +00:00
display: grid;
2022-12-12 22:57:43 +00:00
justify-content: center;
}
2022-12-21 01:46:03 +00:00
p {
2022-12-21 08:56:40 +00:00
text-align: left;
margin: 0px;
2022-12-21 01:02:33 +00:00
}
2022-12-12 22:57:43 +00:00
fieldset {
border: solid white 1px;
2022-12-21 01:46:03 +00:00
border-radius: 5px;
2022-12-21 01:02:33 +00:00
padding: 10px;
2022-12-21 01:46:03 +00:00
margin: 10px;
2022-12-12 22:57:43 +00:00
}
input, label, legend {
font-family: monospace;
color: white;
font-size: 14px;
background-color: black;
}
input {
border: solid white 1px;
width: min-content;
2022-12-12 22:57:43 +00:00
}
2023-01-11 10:27:10 +00:00
input:focus {
outline: none;
}
2023-01-12 23:21:08 +00:00
input:disabled {
background-color: #606060;
}
2023-01-11 00:01:13 +00:00
select {
border: solid white 1px;
background-color: black;
color: white;
}
2023-01-12 23:21:08 +00:00
select:disabled {
background-color: #606060;
}
2022-12-12 22:57:43 +00:00
button {
2022-12-21 01:02:33 +00:00
margin-top: 0px;
2022-12-20 01:05:04 +00:00
}
2022-12-21 23:56:52 +00:00
.input-grid {
2022-12-21 08:56:40 +00:00
display: grid;
column-gap: 10px;
2023-01-09 04:38:07 +00:00
row-gap: 5px;
align-items: center;
2022-12-21 08:56:40 +00:00
}
2022-12-21 01:51:53 +00:00
legend {
top: -0.6em;
position: relative;
height: 0;
2022-12-21 23:59:54 +00:00
}
2022-12-22 00:01:29 +00:00
form img {
2022-12-21 23:59:54 +00:00
width: 16px;
2023-01-11 00:01:13 +00:00
}
form > * {
margin-top: 10px;
}
hr {
width: 100%;
border: none;
border-top: solid white 1px;
2023-01-12 23:26:45 +00:00
}
.last-item {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
2022-12-12 22:57:43 +00:00
}