guestbook-ng/assets/css/swagg.css

152 lines
2.0 KiB
CSS
Raw Normal View History

2021-12-31 18:33:47 -05:00
* {
box-sizing: border-box;
}
2021-12-22 23:18:35 -05:00
body {
cursor: url('/misc/piz_normal_p1.cur'), auto;
background: #000;
margin: 0em;
color: #00FF00;
2022-01-01 22:15:21 -05:00
font-family: monospace;
font-size: 1.25em;
2021-12-22 23:18:35 -05:00
}
a {
2022-01-01 21:39:04 -05:00
color: cyan;
text-decoration: none;
2021-12-22 23:18:35 -05:00
}
a:hover {
2022-01-01 21:39:04 -05:00
text-decoration: underline;
2021-12-22 23:18:35 -05:00
}
2022-01-01 21:39:04 -05:00
a:active, a:visited {
color: violet;
2021-12-22 23:18:35 -05:00
}
td {
text-align: left;
}
th {
text-align: right;
}
hr {
height: 2px;
color: #00FF00;
background-color: #00FF00;
border: none;
}
.inner {
margin: 0 auto;
2021-12-25 01:05:34 -05:00
max-width: 50%;
2021-12-22 23:18:35 -05:00
}
.outer {
margin: 0 auto;
2021-12-25 01:05:34 -05:00
max-width: 60%;
2021-12-22 23:18:35 -05:00
}
#bonzi {
position: fixed;
right: 10%;
bottom: 10%;
}
#gdpr {
top: 0;
position: relative;
padding: 0.75em;
text-align: center;
width: 100%;
background-color: #BEBEBE;
color: #000000;
}
.win95button {
border: 0.25em outset;
2021-12-22 23:18:35 -05:00
border-color: #000000;
background-color: #BEBEBE;
2021-12-31 22:53:38 -05:00
padding: 0.5em;
2021-12-22 23:18:35 -05:00
width: 10em;
}
.win95button:active {
border: 0.25em inset;
}
2021-12-22 23:18:35 -05:00
img {
vertical-align: middle;
}
2021-12-25 01:05:34 -05:00
.field {
display: flex;
flex-flow: column;
margin-bottom: 1em;
}
2022-01-01 21:39:04 -05:00
.articles {
2022-01-04 18:27:05 -05:00
display: flex;
2022-01-01 21:39:04 -05:00
flex-flow: column;
}
article {
2022-01-01 22:15:21 -05:00
border-color: #00FF00;
2022-01-01 21:39:04 -05:00
border-style: ridge;
padding: 0em 1em;
2022-01-04 18:27:05 -05:00
margin-bottom: 1em;
2022-01-01 21:39:04 -05:00
}
article .message.field {
font-family: cursive;
margin-bottom: 0em;
white-space: pre-wrap;
2022-01-01 21:39:04 -05:00
}
article h3 {
margin-bottom: 0em;
}
.captcha {
display: grid;
2022-01-06 23:01:36 -05:00
grid-template-columns: 3ch auto;
2022-01-01 21:39:04 -05:00
}
footer {
font-style: italic;
text-align: center;
}
nav {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 1em;
2022-01-01 23:37:41 -05:00
margin-bottom: 1em;
2022-01-01 21:39:04 -05:00
}
h1#top {
text-align: center;
2021-12-25 01:05:34 -05:00
}
2021-12-31 18:33:47 -05:00
2022-01-01 23:37:41 -05:00
.error {
border-style: solid;
border-color: red;
color: red;
padding: 1em;
text-align: center;
margin-bottom: 1em;
}
2022-01-01 22:15:21 -05:00
@media screen and (max-width: 1023px) {
2021-12-31 18:33:47 -05:00
.inner {
2022-01-01 23:37:41 -05:00
max-width: 95%;
2021-12-31 18:33:47 -05:00
}
.outer {
2022-01-01 23:37:41 -05:00
max-width: 99%;
2021-12-31 18:33:47 -05:00
}
}