add space card styling
This commit is contained in:
parent
77b18e7ac7
commit
a0bd415a69
|
@ -1644,6 +1644,78 @@ body.settings.profile .wdropdown#frame > div.select .avatar {
|
|||
margin-right: 2px;
|
||||
}
|
||||
|
||||
/* == GROUP/SPACE CARD */
|
||||
|
||||
body.group div.groupcard {
|
||||
display: flex;
|
||||
background: var(--primary-container-background);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border: var(--primary-container-border);
|
||||
padding: 64px 0px 0px 0px;
|
||||
margin: auto 4px;
|
||||
}
|
||||
|
||||
body.group div.groupcard .gbody {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body.group div.groupcard .gbody div.row {
|
||||
background:var(--primary-container-background);
|
||||
border-top: var(--primary-container-border);
|
||||
box-sizing: border-box;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
body.group div.groupcard .gbody div.title.row {
|
||||
display: flex;
|
||||
padding: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body.group div.groupcard .gbody div.title.row h2 {
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
flex-grow: 1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body.group div.groupcard img.gicon {
|
||||
background: var(--primary-container-background);
|
||||
border: var(--primary-container-border);
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
body.group div.page-container div.group-section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
body.group div.page-container div.group-section div.tabbed-page {
|
||||
flex-grow: 1;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
body.group div.page-container div.group-section div.sidebar {
|
||||
min-width: 200px;
|
||||
flex-grow: 0;
|
||||
background-color: var(--tab-selected);
|
||||
border: var(--tab-border);
|
||||
padding: 4px;
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
@media only screen and (orientation: portrait) {
|
||||
body.group div.page-container div.group-section {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
}
|
||||
|
||||
/* == MISC */
|
||||
|
||||
heading .button {
|
||||
|
|
Loading…
Reference in New Issue
Block a user