owncast/web/styles/styles.module.css

70 lines
1.0 KiB
CSS
Raw Normal View History

.logoSVG {
height: 2rem;
width: 2rem;
}
.owncastTitleContainer {
padding: 1rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.logoContainer {
background-color: #fff;
padding: .35rem;
border-radius: 9999px;
}
.owncastTitle {
display: inline-block;
margin-left: 1rem;
color: rgba(203,213,224, 1);
font-size: 1.15rem;
font-weight: 200;
text-transform: uppercase;
line-height: normal;
letter-spacing: .05em;
}
.contentMain {
padding: 3em;
}
.header {
display: flex;
flex-direction: row;
justify-content: flex-end;
2020-10-23 02:16:28 +02:00
padding-right: 1rem;
}
.statusIndicatorContainer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.statusIcon {
font-size: 1.5rem;
}
.statusIcon svg {
2020-10-23 02:16:28 +02:00
fill: #999;
}
.statusLabel {
color: #fff;
text-transform: uppercase;
font-size: .75rem;
display: inline-block;
2020-10-23 02:16:28 +02:00
margin-right: .5rem;
color: #999;
}
.online .statusIcon svg {
fill: #52c41a;
}
.online .statusLabel {
color: #52c41a;
}
/* //844-227-3943 */