Univerter/static/style.css

72 lines
1.1 KiB
CSS
Raw Normal View History

2023-11-22 22:52:44 -06:00
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");
2023-05-08 12:52:41 -05:00
:root {
2023-05-10 12:36:26 -05:00
--primary-color: rgb(230, 210, 255);
--text-color: rgb(230, 230, 255);
2023-05-08 12:52:41 -05:00
--background-color: rgb(50, 35, 75);
--second-bg-color: black;
}
* {
text-align: center;
color: var(--text-color);
2023-12-06 20:42:22 -06:00
font-family: Verdana, Geneva, Tahoma, sans-serif;
2023-05-08 12:52:41 -05:00
}
2023-05-10 12:36:26 -05:00
h1,
h1>* {
color: var(--primary-color)
}
p,
select,
input {
2023-11-22 22:52:44 -06:00
font-size: 1.3rem;
2023-05-08 12:52:41 -05:00
}
p {
margin: 5px;
}
2023-05-10 12:36:26 -05:00
body,
html {
2023-05-08 12:52:41 -05:00
background-color: var(--background-color);
}
2023-12-06 21:33:14 -06:00
body {
padding: 10px;
}
2023-05-10 12:36:26 -05:00
select,
input {
2023-05-08 12:52:41 -05:00
background-color: var(--second-bg-color);
color: var(--text-color);
2023-05-08 12:52:41 -05:00
margin: 5px auto;
2023-05-10 12:36:26 -05:00
border: 2px var(--primary-color) solid;
2023-05-08 12:52:41 -05:00
border-radius: 5px;
2023-11-22 22:52:44 -06:00
padding: 7px;
display: inline;
2023-05-08 12:52:41 -05:00
}
2023-05-10 12:36:26 -05:00
.col-sm-3 {
outline: white solid 2px
}
select:hover,
input:hover {
border-color: var(--text-color)
}
#adv {
accent-color: var(--primary-color);
width: 1.15rem;
height: 1.15rem;
2024-01-17 20:03:21 -06:00
}
.error {
background-color: rgb(50, 40, 70);
padding: 10px;
border: rgb(150, 50, 50) solid 2px;
border-radius: 15px;
display: inline-block;
2023-11-22 22:52:44 -06:00
}