diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 285c6ac..d80ecf6 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -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); diff --git a/TangerineUI.css b/TangerineUI.css index 00ff3fa..50fef00 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -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);