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;
|
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 */
|
/* == MISC */
|
||||||
|
|
||||||
heading .button {
|
heading .button {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user