xesite/css/shim.css

85 lines
1.3 KiB
CSS

.main {
padding: 20px 10px;
}
.hack h1 {
padding-top: 0;
}
footer.footer {
border-top: 1px solid #ccc;
margin-top: 80px;
margin-top: 5rem;
padding: 48px 0;
padding: 3rem 0;
}
img {
max-width: 100%;
padding: 1em;
}
.conversation {
display: flex;
}
.conversation-picture {
flex: 1;
min-width: 9rem;
max-width: calc(((70rem - 2rem)/6));
}
.conversation-smol {
min-width: 6rem;
max-width: 6rem;
}
.conversation-chat {
align-self: center;
}
.gruvbox-dark pre, pre {
padding-left: 1em;
padding-right: 1em;
}
/* xeblog-conv:not(:defined) { */
/* display: block; */
/* border-left: 0.25ch solid green; */
/* padding-left: 1.75ch; */
/* } */
/* xeblog-conv:before:not(:defined) { */
/* content: "<"attr(name)">"; */
/* font-weight: bold; */
/* } */
.warning {
background-color: #282828;
}
.logo {
background-color: #fdf5d7;
-webkit-mask: url("/static/img/xeiaso.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url("/static/img/xeiaso.svg");
mask-repeat: no-repeat;
mask-size: 100%;
height: 32px;
width: 19px;
float: left;
display: inline;
margin: 0.5em;
}
@media (prefers-color-scheme: light) {
.warning {
background-color: #fbf1c7;
}
.logo {
background-color: #1d2021;
}
}