2011 Twitter for Mastodon by griffenhiggins

/* ==UserStyle==
@name         2011 TWITTER THEME FOR MASTODON
@version      20231218.18.43
@namespace    ?
==/UserStyle== */

@-moz-document domain("blips2.club") {
.app-body.flavour-vanilla.skin-default.no-reduce-motion.layout-single-column {
background-image: url(https://b2.blips2.club/file/masto1212/accounts/headers/111/526/185/683/990/025/original/19a50ead78690ff2.png) !important;
background-repeat: no-repeat;
background-attachment: fixed;
}
.app-body.flavour-vanilla.skin-default.no-reduce-motion.layout-single-column {
    background-color: #C0DEED;
}
.status__content {
font-family: Arial,"Helvetica Neue",sans-serif;
  color: #000;
  font-size: 15px;
  line-height:19px;
  word-wrap:break-word;
}
.account__display-name .display-name strong, .status__display-name .display-name strong {
  color: #000;
}
.columns-area__panels__pane__inner{
position: absolute;
margin-left: -1250px;
margin-top: -10px;
}
.navigation-bar strong {
color: #000;
}
.compose-panel {
margin-left: 139px;
margin-top: 139px;
}
.compose-panel .navigation-bar {
background: #fff;
margin-left: 15px;
margin-top: -79px;
width: 225px;
height: 20px;
position: fixed;
}
.compose-form__highlightable {
position: fixed;
margin-top: -29px;
}
.compose-panel .compose-form__autosuggest-wrapper {
border: 1px solid var(--border);
border-radius: 3px;
display: inline-block;
font: 18px var(--font);
height: 24px;
width: 210px;
padding: 5px;
padding-right: 5px;
padding-right: 40px;
resize: none;
scrollbar-width: thin;
margin-top: -15.6px;
overflow: hidden;
}
.compose__action-bar {
display: none
}
.emoji-button {
z-index: 10;
position: fixed;
margin-left: -30px;
margin-top: -25px
}
.compose-form__publish {
margin-top: -159px;
margin-left: 741px;
position: absolute;
z-index: 10;
}
.compose-panel .button {
visibility: hidden
}
.compose-panel .button:after {
background: linear-gradient(to bottom,#6db9f4 30%,#6ab9f6 30%,#306dae 100%);
border-radius: 5px;
width: 30px;
height:24px;
visibility: visible !important;
content: '✉';
font-size: 25px;
border: 1px solid #000;
margin-left: 90px;
margin-top: 5px;
position: fixed !important;
}
.reply-indicator {
display: none;
}
.button {
background: linear-gradient(to bottom,#6db9f4 30%,#6ab9f6 30%,#306dae 100%);
}
.link-footer {
position: fixed !important;
margin-top: 75px !important;
margin-left: 14px;
z-index: -9999;
background: #f7f7f7;
width: 236px;
border-radius: 5px;
}
.link-footer p {
visibility: hidden
}
.navigation-panel {
background: -moz-linear-gradient(top,#333,#111);;
width: 673.1%;
height: 40px;
margin-left: -10px;
overflow: hidden;
position: fixed;
}
.search {
position: absolute;
}
.search__input {
position: fixed;
z-index: 5;
margin-left: 670px;
margin-top: -122px;
border: 1px solid black;
-moz-border-radius: 20px;
-webkit-border-radius: 4px;
font: 13px Arial,sans-serif;
width: 100px;
padding: 6px 25px 4px 6px;
color: #ccc;
background: #666;
-webkit-box-shadow: 0 1px 0 #444;
-moz-box-shadow: 0 1px 0 #444;
box-shadow: 0 1px 0 #444;
}
.search__input:focus {
color:#777;
background:#fff;
}
.search__popout {
display: none !important;
}
.search__icon {
position: fixed;
z-index: 7;
margin-left: 780px;
margin-top: -134px;
}
#tabs-bar__portal{
margin-top: 40px;
background: #fff;
}
.tabs-bar__wrapper {
background: #17191f00;
margin-left: 130px;
width: 580.1px;
position: absolute;
}
.columns-area{
padding-left: 130px;
margin-top: 102px
}
.column > .scrollable {
background: #fff;
}
.column-link--logo {
visibility: hidden
}
.column-header {
background: #fff !important;
color: #000;
border-bottom: 1px solid #edeeee;
z-index: 1;
}
.status {
border-bottom: 1px solid #edeeee;
background: #fff !important;
}
.status__wrapper.status__wrapper-public.focusable{
background: #fff !important;
}
.detailed-status {
background: #fff !important;
border: 1px solid #edeeee;
}
.detailed-status__action-bar {
background: #fff !important;
border: 1px solid #edeeee;
}
.detailed-status__display-name strong{
color: #000;
}
.status--in-thread {
background: #fff !important;
}
.status__line {
border-inline-start: 2px solid #edeeee;
}
.column-header > .column-header__back-button {
color: #000;
}
.column-header__collapsible {
border-bottom: 1px solid #edeeee;
}
.column-header__button {
display: none
}
.getting-started__trends {
position: fixed !important;
margin-top: 392px;
margin-left: 530px;
width: 255px;
border-radius: 5px;
background: #f7f7f7;
}
.getting-started__trends h4 {
border-bottom: 1px #0000;
}
.getting-started__trends h4 a {
color: #000 !important;
}
.trends__item__sparkline {
display: none
}
.trends__item__name a {
color: #240fff;
}
.emojione.custom-emoji {
display: none
}
account__section-headline, .notification__filter-bar {
background: #fff !important;
border: 1px solid #edeeee;
}
.account__header__image {
border: 1px solid #edeeee;
}
.account__section-headline a.active, .account__section-headline button.active, .notification__filter-bar a.active, .notification__filter-bar button.active {
color: #000
}
.account {
border-bottom: 1px solid #edeeee;
}
.account__section-headline a.active::before, .account__section-headline button.active::before, .notification__filter-bar a.active::before, .notification__filter-bar button.active::before {
display: none
}
.notification, .status__wrapper {
background: #fff !important;
}
.account__section-headline, .notification__filter-bar {
background: #fff !important;
border-bottom: 1px solid #edeeee;
}
.empty-column-indicator, .follow_requests-unlocked_explanation {
background: #fff !important;
color: #000;
}
.account__header__bio .account__header__content {
color: #000;
}
.account__header__tabs__name h1 {
color: #000;
}
.column-back-button {
background: #fff !important;
border-bottom: 1px solid #edeeee;
color: #000;
}
.account__header__bio .account__header__fields dt {
color: #000;
}
.account__header__bio .account__header__fields {
background: #fff !important;
border-bottom: 1px solid #edeeee;
}
.account__header__extra__links a {
color: #000 !important;
}
.account__header__bar {
border-bottom: 1px solid #edeeee;
}
.account__avatar-overlay-overlay{
display: none
}
.column-header__back-button {
background: #fff !important;
color: #000;
}
.reply-indicator__content a, .status__content a {
color: #240fff;
}
.reply-indicator__content a.unhandled-link, .status__content a.unhandled-link {
color: #240fff;
}
a.status-card .status-card__author,
a.status-card .status-card__description,
a.status-card .status-card__host,
a.status-card .status-card__title,
a.status-card .status-card__author,
a.status-card .status-card__description,
a.status-card .status-card__host,
a.status-card .status-card__title,
a.status-card .status-card__author,
a.status-card .status-card__description,
a.status-card .status-card__host,
a.status-card .status-card__title {
color: #000 !important;
}
a.status-card:active .status-card__author,
a.status-card:active .status-card__description,
a.status-card:active .status-card__host,
a.status-card:active .status-card__title,
a.status-card:focus .status-card__author,
a.status-card:focus .status-card__description,
a.status-card:focus .status-card__host,
a.status-card:focus .status-card__title,
a.status-card:hover .status-card__author,
a.status-card:hover .status-card__description,
a.status-card:hover .status-card__host,
a.status-card:hover .status-card__title {
color: #000 !important;
}
.status-card {
border: 1px solid #edeeee;
}
.status-card__author, .status-card.expanded .status-card__title, .status-card__author, .status-card__host {
color: #000 !important;
}
.hashtag-header__header h1 {
color: #000;
}
.scrollable .account-card {
background: #fff;
}
.account-card__title .display-name bdi {
color: #000;
}
body {
color: #000;
}
.load-more:hover {
background: #fff;
}
.dismissable-banner {
display: none
}
.icon.icon-plus {
margin-left: 15px;
margin-top: 14px;
}
.icon.icon-bookmark {
margin-left: -5px;
margin-top: 5px;
}
.column-link.column-link--transparent:first-of-type {
position: fixed !important;
color: #bbb;
margin-left: 489px;
margin-top: -5px;
font-size: 15px;
font-family: Arial,"Helvetica Neue",sans-serif;
}
.video-player__volume__handle {
background: #6db9f4;
}
.video-player__volume__current {
background: #6db9f4;
}
.video-player__seek__handle {
background: #6db9f4;
}
.video-player__seek__progress {
background: #6db9f4;
}
.status__content__read-more-button, .status__content__translate-button {
color: #6db9f4;
}
.account__header__bio .account__header__fields a {
color: #240fff;
}
.picture-in-picture__footer, .picture-in-picture__header {
background: #fff;
}
.picture-in-picture__header .display-name {
color: #000;
}
.dropdown-menu {
background: #fff;
border: 1px solid #edeeee;
}
.account__header__bar .avatar .account__avatar {
border: 1px solid #fff0;
background: #fff0;
}
.account-card__bio a {
color: #240fff;
}
.icon-button.active, .icon-button.active:hover, .icon-button.active:focus, .icon-button.active:active {
color: #6db9f4;
}
.column-link--transparent.active:first-of-type {
color: #f0f0e9;
}
.column-link.column-link--transparent.active:first-of-type .icon {
color: #6db9f4;
}
.column-link.column-link--transparent:nth-of-type(2) {
position: absolute;
margin-left: 570px;
margin-top: -5px;
font-size: 15px;
color: #bbb;
font-family: Arial,"Helvetica Neue",sans-serif;
}
.column-link--transparent.active:nth-of-type(2) {
color: #f0f0e9;
}
.column-link.column-link--transparent.active:nth-of-type(2) .icon {
color: #6db9f4;
}
.column-link--transparent .icon-with-badge__badge {
border-color: #17191f;
}
.icon-with-badge__badge {
background: linear-gradient(to bottom,#6db9f4 30%,#6ab9f6 30%,#306dae 100%);
}
.column-link.column-link--transparent:nth-of-type(3) {
position: fixed;
margin-left: 687px;
margin-top: -5px;
font-size: 15px;
font-family: Arial,"Helvetica Neue",sans-serif;
color: #bbb;
}
.column-link--transparent.active:nth-of-type(3) {
color: #f0f0e9;
}
.column-link.column-link--transparent.active:nth-of-type(3) .icon {
color: #6db9f4 !important;
}
.column-link.column-link--transparent:nth-of-type(4) {
po...