nelle-observer/public/styles/css/classes.css

129 lines
2.2 KiB
CSS
Raw Normal View History

2024-08-12 01:37:39 -06:00
@import "nav-buttons.css";
2024-08-11 00:42:57 -06:00
.container {
display: flex;
2024-08-19 00:20:34 -06:00
align-content: center;
2024-08-11 00:42:57 -06:00
gap: 10px;
}
2024-08-03 00:28:53 -06:00
.content {
2024-08-03 01:03:12 -06:00
width: 90%;
max-width: 75em;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
2024-08-03 01:38:03 -06:00
2024-08-03 01:43:01 -06:00
border: 2.5px solid var(--accent);
border-radius: 3px;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
opacity: 0.9;
2024-08-03 13:10:20 -06:00
background: var(--content-gradient);
2024-08-03 01:38:03 -06:00
2024-08-03 01:43:01 -06:00
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
2024-08-17 14:07:34 -06:00
}
2024-08-03 01:38:03 -06:00
2024-08-19 00:20:34 -06:00
.nav {
width: 50%;
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
border: 2.5px solid var(--accent);
border-radius: 3px;
opacity: 0.9;
background: var(--content-gradient);
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
}
2024-08-17 14:07:34 -06:00
.center {
2024-08-03 01:38:03 -06:00
text-align: center;
2024-08-03 00:28:53 -06:00
}
2024-08-03 01:03:12 -06:00
h1::before {
content: "> ";
2024-08-03 00:28:53 -06:00
}
2024-08-03 01:03:12 -06:00
h1 {
font-size: 42px;
2024-08-19 00:20:34 -06:00
2024-08-03 01:03:12 -06:00
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
2024-08-03 11:26:42 -06:00
}
a:link {
2024-08-05 01:50:22 -06:00
color: var(--link);
2024-08-03 11:26:42 -06:00
}
a:visited {
2024-08-05 01:50:22 -06:00
color: var(--visited);
2024-08-03 11:26:42 -06:00
}
a:hover {
2024-08-05 01:50:22 -06:00
color: var(--hover);
2024-08-12 01:37:39 -06:00
}
textarea {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
2024-08-31 03:39:18 -06:00
resize: vertical;
2024-08-12 01:37:39 -06:00
}
textarea,
select {
width: 82%;
outline: none;
font-family: inherit;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
2024-08-18 20:15:01 -06:00
background: var(--content-gradient);
2024-08-12 01:37:39 -06:00
}
2024-08-18 19:52:31 -06:00
button {
font-family: inherit;
}
2024-08-12 01:37:39 -06:00
hr {
width: 32%;
color: var(--gray);
}
.ntfyForm {
2024-09-01 20:50:03 -06:00
display: flex;
justify-content: space-between;
2024-09-02 16:37:58 -06:00
}
.badgeContainer {
2024-09-07 22:53:02 -06:00
display: flex;
2024-09-02 16:37:58 -06:00
flex-wrap: wrap;
justify-content: center;
gap: 5px;
2024-09-03 04:41:52 -06:00
}
2024-09-07 22:53:02 -06:00
.badge {
image-rendering: pixelated;
}
2024-09-03 04:41:52 -06:00
fieldset {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
border: 2.5px solid var(--accent);
border-radius: 3px;
display: inherit;
2024-09-01 20:50:03 -06:00
}