You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tempest.dev/components/InfoBar/InfoBar.module.css

63 lines
1.3 KiB
CSS

.infobar {
margin: calc(-1 * var(--text-padding));
margin-bottom: var(--text-padding);
padding: var(--text-padding);
background: var(--main-background);
height: var(--header-bar-height);
width: var(--main-width);
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
border-bottom: solid 1px var(--text-dimmed);
}
.infobar.sideNote {
color: var(--text-dimmed);
font-style: italic;
}
.infobar.postMeta {
color: var(--text-dimmed);
}
.infobar.postMeta img {
box-sizing: border-box;
border: solid 2px var(--author-color, var(--text-dimmed));
width: 30px;
height: 30px;
border-radius: 15px;
margin-right: calc(.5 * var(--text-padding));
margin-left: -6px;
}
.infobar.postMeta .author {
color: var(--author-color, var(--text-medium));
}
.infobar.postMeta .date {
font-style: italic;
}
.infobar.memberProfile img {
width: 150px;
height: 150px;
border-radius: 75px;
box-sizing: border-box;
border: solid 4px var(--member-color, var(--text-dimmed));
margin-right: var(--text-padding);
margin-top: calc(-2.5 * var(--text-padding));
}
.infobar.memberProfile h1 {
color: var(--member-color, var(--text-bright));
}
.infobar + p {
margin-top: 0;
}
.infobar.memberProfile {
margin-bottom: 42px;
}