commit
389876137d
2 changed files with 92 additions and 2 deletions
|
|
@ -1,5 +1,5 @@
|
|||
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
|
||||
version: 1.1
|
||||
version: 1.2
|
||||
|
||||
A Tangerine redesign for Mastodon's Web UI.
|
||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||
|
|
@ -1606,6 +1606,51 @@ body.layout-single-column {
|
|||
box-shadow: 0 0 0 3px var(--color-content-bg);
|
||||
}
|
||||
|
||||
/* Account recommendations (For You Tab + User directory */
|
||||
.layout-single-column .scrollable .account-card {
|
||||
margin: 0 0 10px;
|
||||
background-color: var(--color-content-bg);
|
||||
border-radius: 7px;
|
||||
}
|
||||
.layout-single-column .account-card__header {
|
||||
padding: 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
height: 128px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.layout-single-column .scrollable .account-card__bio:after {
|
||||
background: linear-gradient(270deg, var(--color-content-bg), transparent);
|
||||
}
|
||||
.layout-single-column .account-card__title__avatar .account__avatar {
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
overflow: visible;
|
||||
}
|
||||
.layout-single-column .account-card__title__avatar img {
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 3px var(--color-content-bg);
|
||||
}
|
||||
.layout-single-column .account-card__title .display-name bdi,
|
||||
.layout-single-column .account-card__counters__item,
|
||||
.layout-single-column .account-card__counters__item small {
|
||||
color: var(--color-content-fg-bold);
|
||||
}
|
||||
.layout-single-column .account-card__counters__item small {
|
||||
opacity: .7;
|
||||
}
|
||||
.layout-single-column .account-card__bio a {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.layout-single-column .filter-form {
|
||||
background-color: var(--color-accent-bg);
|
||||
border-radius: 7px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.layout-single-column .filter-form__column {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
/* 📰 Trending stories */
|
||||
.layout-single-column .story {
|
||||
background-color: var(--color-content-bg);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/* TangerineUI 🍊 for Mastodon
|
||||
version: 1.1
|
||||
version: 1.2
|
||||
|
||||
A Tangerine redesign for Mastodon's Web UI.
|
||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||
|
|
@ -1606,6 +1606,51 @@ body.layout-single-column {
|
|||
box-shadow: 0 0 0 3px var(--color-content-bg);
|
||||
}
|
||||
|
||||
/* Account recommendations (For You Tab + User directory */
|
||||
.layout-single-column .scrollable .account-card {
|
||||
margin: 0 0 10px;
|
||||
background-color: var(--color-content-bg);
|
||||
border-radius: 7px;
|
||||
}
|
||||
.layout-single-column .account-card__header {
|
||||
padding: 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
height: 128px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.layout-single-column .scrollable .account-card__bio:after {
|
||||
background: linear-gradient(270deg, var(--color-content-bg), transparent);
|
||||
}
|
||||
.layout-single-column .account-card__title__avatar .account__avatar {
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
overflow: visible;
|
||||
}
|
||||
.layout-single-column .account-card__title__avatar img {
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 3px var(--color-content-bg);
|
||||
}
|
||||
.layout-single-column .account-card__title .display-name bdi,
|
||||
.layout-single-column .account-card__counters__item,
|
||||
.layout-single-column .account-card__counters__item small {
|
||||
color: var(--color-content-fg-bold);
|
||||
}
|
||||
.layout-single-column .account-card__counters__item small {
|
||||
opacity: .7;
|
||||
}
|
||||
.layout-single-column .account-card__bio a {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
.layout-single-column .filter-form {
|
||||
background-color: var(--color-accent-bg);
|
||||
border-radius: 7px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.layout-single-column .filter-form__column {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
/* 📰 Trending stories */
|
||||
.layout-single-column .story {
|
||||
background-color: var(--color-content-bg);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue