|
|
|
.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);
|
|
|
|
max-width: calc(100vw - var(--text-padding));
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
.infobar.memberProfile img {
|
|
|
|
width: 80px;
|
|
|
|
height: auto;
|
|
|
|
margin-top: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.infobar.memberProfile {
|
|
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
}
|