commit
a1c9e64143
4 changed files with 284 additions and 8 deletions
|
@ -1,5 +1,5 @@
|
||||||
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
|
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
|
||||||
version: 1.7.2
|
version: 1.7.3
|
||||||
|
|
||||||
A Tangerine redesign for Mastodon's Web UI.
|
A Tangerine redesign for Mastodon's Web UI.
|
||||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||||
|
@ -915,7 +915,9 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.layout-single-column .status__wrapper--filtered {
|
.layout-single-column .status__wrapper--filtered {
|
||||||
border-bottom: 0;
|
color: var(--color-content-fg);
|
||||||
|
border-top: 2px solid var(--color-lines);
|
||||||
|
border-bottom: 2px solid var(--color-lines);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1089,6 +1091,13 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__button.active,
|
||||||
|
.layout-single-column .column-header__button.active:hover,
|
||||||
|
.layout-single-column .column-header__button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
.layout-single-column .load-gap,
|
.layout-single-column .load-gap,
|
||||||
.layout-single-column .load-more {
|
.layout-single-column .load-more {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
|
@ -1102,6 +1111,13 @@ body.layout-single-column {
|
||||||
.layout-single-column .column-header__collapsible {
|
.layout-single-column .column-header__collapsible {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
|
box-shadow: 0 -20px 0 var(--color-bg);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__collapsible {
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -2405,6 +2421,59 @@ body.layout-single-column {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 📢 Announcements */
|
||||||
|
.layout-single-column .announcements,
|
||||||
|
.layout-single-column .announcements::after {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 7px;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 0;
|
||||||
|
box-shadow: 0 -20px var(--color-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__item strong {
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--color-content-fg-bold);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__pagination,
|
||||||
|
.layout-single-column .announcements__pagination .icon-button {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0 0 0 7px;
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item {
|
||||||
|
background-color: var(--color-content-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active {
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item__count,
|
||||||
|
.layout-single-column .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-accent-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar .emoji-button {
|
||||||
|
color: var(--color-accent);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: -10px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 📜 About page
|
/* 📜 About page
|
||||||
------------- */
|
------------- */
|
||||||
.layout-single-column .scrollable.about {
|
.layout-single-column .scrollable.about {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/* TangerineUI 🍊 for Mastodon
|
/* TangerineUI 🍊 for Mastodon
|
||||||
version: 1.7.2
|
version: 1.7.3
|
||||||
|
|
||||||
A Tangerine redesign for Mastodon's Web UI.
|
A Tangerine redesign for Mastodon's Web UI.
|
||||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||||
|
@ -915,7 +915,9 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.layout-single-column .status__wrapper--filtered {
|
.layout-single-column .status__wrapper--filtered {
|
||||||
border-bottom: 0;
|
color: var(--color-content-fg);
|
||||||
|
border-top: 2px solid var(--color-lines);
|
||||||
|
border-bottom: 2px solid var(--color-lines);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1089,6 +1091,13 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__button.active,
|
||||||
|
.layout-single-column .column-header__button.active:hover,
|
||||||
|
.layout-single-column .column-header__button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
.layout-single-column .load-gap,
|
.layout-single-column .load-gap,
|
||||||
.layout-single-column .load-more {
|
.layout-single-column .load-more {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
|
@ -1102,6 +1111,13 @@ body.layout-single-column {
|
||||||
.layout-single-column .column-header__collapsible {
|
.layout-single-column .column-header__collapsible {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
|
box-shadow: 0 -20px 0 var(--color-bg);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__collapsible {
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -2405,6 +2421,59 @@ body.layout-single-column {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 📢 Announcements */
|
||||||
|
.layout-single-column .announcements,
|
||||||
|
.layout-single-column .announcements::after {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 7px;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 0;
|
||||||
|
box-shadow: 0 -20px var(--color-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__item strong {
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--color-content-fg-bold);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__pagination,
|
||||||
|
.layout-single-column .announcements__pagination .icon-button {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0 0 0 7px;
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item {
|
||||||
|
background-color: var(--color-content-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active {
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item__count,
|
||||||
|
.layout-single-column .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-accent-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar .emoji-button {
|
||||||
|
color: var(--color-accent);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: -10px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 📜 About page
|
/* 📜 About page
|
||||||
------------- */
|
------------- */
|
||||||
.layout-single-column .scrollable.about {
|
.layout-single-column .scrollable.about {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
|
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
|
||||||
version: 1.7.2
|
version: 1.7.3
|
||||||
|
|
||||||
A Tangerine redesign for Mastodon's Web UI.
|
A Tangerine redesign for Mastodon's Web UI.
|
||||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||||
|
@ -915,7 +915,9 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.layout-single-column .status__wrapper--filtered {
|
.layout-single-column .status__wrapper--filtered {
|
||||||
border-bottom: 0;
|
color: var(--color-content-fg);
|
||||||
|
border-top: 2px solid var(--color-lines);
|
||||||
|
border-bottom: 2px solid var(--color-lines);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1089,6 +1091,13 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__button.active,
|
||||||
|
.layout-single-column .column-header__button.active:hover,
|
||||||
|
.layout-single-column .column-header__button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
.layout-single-column .load-gap,
|
.layout-single-column .load-gap,
|
||||||
.layout-single-column .load-more {
|
.layout-single-column .load-more {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
|
@ -1102,6 +1111,13 @@ body.layout-single-column {
|
||||||
.layout-single-column .column-header__collapsible {
|
.layout-single-column .column-header__collapsible {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
|
box-shadow: 0 -20px 0 var(--color-bg);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__collapsible {
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -2405,6 +2421,59 @@ body.layout-single-column {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 📢 Announcements */
|
||||||
|
.layout-single-column .announcements,
|
||||||
|
.layout-single-column .announcements::after {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 7px;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 0;
|
||||||
|
box-shadow: 0 -20px var(--color-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__item strong {
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--color-content-fg-bold);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__pagination,
|
||||||
|
.layout-single-column .announcements__pagination .icon-button {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0 0 0 7px;
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item {
|
||||||
|
background-color: var(--color-content-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active {
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item__count,
|
||||||
|
.layout-single-column .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-accent-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar .emoji-button {
|
||||||
|
color: var(--color-accent);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: -10px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 📜 About page
|
/* 📜 About page
|
||||||
------------- */
|
------------- */
|
||||||
.layout-single-column .scrollable.about {
|
.layout-single-column .scrollable.about {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/* TangerineUI 🍊 for Mastodon
|
/* TangerineUI 🍊 for Mastodon
|
||||||
version: 1.7.2
|
version: 1.7.3
|
||||||
|
|
||||||
A Tangerine redesign for Mastodon's Web UI.
|
A Tangerine redesign for Mastodon's Web UI.
|
||||||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||||||
|
@ -915,7 +915,9 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
}
|
}
|
||||||
.layout-single-column .status__wrapper--filtered {
|
.layout-single-column .status__wrapper--filtered {
|
||||||
border-bottom: 0;
|
color: var(--color-content-fg);
|
||||||
|
border-top: 2px solid var(--color-lines);
|
||||||
|
border-bottom: 2px solid var(--color-lines);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1089,6 +1091,13 @@ body.layout-single-column {
|
||||||
color: var(--color-accent);
|
color: var(--color-accent);
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__button.active,
|
||||||
|
.layout-single-column .column-header__button.active:hover,
|
||||||
|
.layout-single-column .column-header__button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
.layout-single-column .load-gap,
|
.layout-single-column .load-gap,
|
||||||
.layout-single-column .load-more {
|
.layout-single-column .load-more {
|
||||||
background-color: var(--color-accent-bg);
|
background-color: var(--color-accent-bg);
|
||||||
|
@ -1102,6 +1111,13 @@ body.layout-single-column {
|
||||||
.layout-single-column .column-header__collapsible {
|
.layout-single-column .column-header__collapsible {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
|
box-shadow: 0 -20px 0 var(--color-bg);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .column-header__collapsible {
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
.layout-single-column .column-header__collapsible:not(.collapsed) {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -2405,6 +2421,59 @@ body.layout-single-column {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 📢 Announcements */
|
||||||
|
.layout-single-column .announcements,
|
||||||
|
.layout-single-column .announcements::after {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 7px;
|
||||||
|
overflow: visible;
|
||||||
|
z-index: 0;
|
||||||
|
box-shadow: 0 -20px var(--color-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__item strong {
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--color-content-fg-bold);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__pagination,
|
||||||
|
.layout-single-column .announcements__pagination .icon-button {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0 0 0 7px;
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item {
|
||||||
|
background-color: var(--color-content-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active {
|
||||||
|
background-color: var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item__count,
|
||||||
|
.layout-single-column .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-content-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number {
|
||||||
|
color: var(--color-accent-fg);
|
||||||
|
}
|
||||||
|
.layout-single-column .reactions-bar .emoji-button {
|
||||||
|
color: var(--color-accent);
|
||||||
|
}
|
||||||
|
@media screen and (max-width:1174px) {
|
||||||
|
.layout-single-column .announcements {
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: -10px;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .announcements__mastodon {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 📜 About page
|
/* 📜 About page
|
||||||
------------- */
|
------------- */
|
||||||
.layout-single-column .scrollable.about {
|
.layout-single-column .scrollable.about {
|
||||||
|
|
Loading…
Reference in a new issue