snuffler-web/style.css

98 lines
1.4 KiB
CSS
Raw Normal View History

body {
2024-09-28 20:00:45 +03:00
font-family: Tahoma, Verdana, sans-serif;
background-color: #000000;
color: #ffc000;
}
hr {
border-color: #584200;
}
2024-09-28 19:42:37 +03:00
#flexout {
display: flex;
max-width: 75rem;
margin: auto;
justify-content: center;
}
#lpanel {
order: 0;
}
#rpanel {
order: 2;
}
#rpanel, #lpanel, .flexpanel {
width: 15rem;
border-radius: 1rem;
padding: .5rem;
background-color: #271d00;
}
2024-09-28 08:21:52 +03:00
#loginform {
text-align: center;
}
2024-09-28 01:27:52 +03:00
#titlebox {
font-size: 5em;
text-align: center;
}
#titlebox > img {
2024-09-28 23:01:23 +03:00
height: 1.25em;
vertical-align: sub;
2024-09-28 01:27:52 +03:00
}
#centerbox {
2024-09-28 19:42:37 +03:00
margin-left: 1rem;
margin-right: 1rem;
background-color: #271d00;
border-radius: 1rem;
padding: .5rem;
flex-grow: 1;
order: 1;
}
2024-09-28 01:27:52 +03:00
#postform {
2024-09-28 19:42:37 +03:00
margin-top: 1rem;
margin-bottom: 1rem;
2024-09-28 01:27:52 +03:00
}
#postformtextarea {
box-sizing: border-box;
width: 100%;
2024-09-28 19:42:37 +03:00
border-radius: 1rem;
}
#postformactionrow {
text-align: right;
}
.post {
2024-09-29 00:18:04 +03:00
position: relative;
border-style: solid;
border-width: 1px;
2024-09-28 19:42:37 +03:00
padding: 1rem;
2024-09-29 00:18:04 +03:00
margin-top: 3rem;
border-radius: 1rem;
}
.postinfo {
position: absolute;
left: -1px;
top: -2em;
width: 33%;
background-color: #ffc000;
color: #000000;
2024-09-28 19:42:37 +03:00
border-radius: 1rem;
2024-09-29 00:18:04 +03:00
border-bottom-left-radius: 0;
padding: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.postactions {
2024-09-29 00:18:04 +03:00
/*float: right;*/
position: absolute;
background-color: #ffc000;
padding: .25rem;
border-radius: 2rem;
border-top-right-radius: 0;
right: -1px;
bottom: -1rem;
2024-09-28 23:01:23 +03:00
}
.reactionaction {
height: 2rem;
vertical-align: bottom;
}