Moved! @Freeplay@mstdn.social

I don't have programming socks, but I do have drawing socks ​​

CSS

/*** HEADER ***/
/* MOVE ASIDE */
@media only screen and (min-width: 1200px) {
  .columns > .main {
    overflow: visible !important;
  }
  .fdidabkb {
    display: contents !important;
  }
  .fdidabkb > div {
    height: 50px !important;
  }
  .fdidabkb .titleContainer {
    position: sticky;
    top: 0;
    z-index: 1000;
    margin-left: calc(100% + 17px) !important;
    margin-bottom: -50px !important;
    width: 300px;
    padding-left: 15px;
    box-sizing: border-box;
    background-color: var(--panel);
    border-radius: 0 0 var(--radius) var(--radius);
  }
  .fdidabkb .titleContainer .avatar {
    margin-left: 0 !important;
  }
  .fdidabkb .titleContainer .title {
    white-space: nowrap;
  }
  .fdidabkb .tabs {
    height: 60px !important;
  }
  .fdidabkb .tabs button::after {
    content: unset !important;
  }
  .fdidabkb .tabs:empty {
    height: 30px !important;
  }
  .fdidabkb .right {
    position: sticky;
    top: 0;
    margin-left: auto !important;
    margin-right: -312px !important;
    margin-top: -65px !important;
    z-index: 1001;
    width: max-content;
    max-width: 150px;
    background-color: var(--panel);
  }
  .fdidabkb .right::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(to left, var(--panel), transparent);
  }
  .widgets.right > div {
    padding-top: 50px !important;
  }
}

/*** HEADER ***/
/* MOVE ASIDE */
@media only screen and (min-width: 1200px) {
	.columns > .main {
		overflow: visible !important;
	}
	.fdidabkb {
		display: contents !important;
		& > div {
			height: 50px !important;
		}
		.titleContainer {
			position: sticky;
			top: 0;
			z-index: 1000;
			margin-left: calc(100% + 17px) !important;
			margin-bottom: -50px !important;
			width: 300px;
			padding-left: 15px;
			box-sizing: border-box;
			background-color: var(--panel);
			border-radius: 0 0 var(--radius) var(--radius);
			.avatar {
				margin-left: 0 !important;
			}
			.title {
				white-space: nowrap;
			}
		}

		.tabs {
			height: 60px !important; 
			button::after {
				content: unset !important;
			}
			&:empty {
				height: 30px !important;
			}
		}
		.right {
			position: sticky;
			top: 0;
			margin-left: auto !important;
			margin-right: -312px !important;
			margin-top: -65px !important;
			z-index: 1001;
			width: max-content;
			max-width: 150px;
			background-color: var(--panel);
			&::before {
				content: "";
				position: absolute;
				right: 100%;
				top: 0;
				bottom: 0;
				width: 40px;
				background: linear-gradient(to left, var(--panel), transparent);
			}
		}
	}
	.widgets.right > div {
		padding-top: 50px !important;
	}
}

I'll be keeping a thread of CSS tweaks I make for Misskey here. I'll probably make a style of all of the snippets combined. Most likely will only work on the classic UI, as that is what I prefer.

Boop! A better, more compact layout for #ProtonMail

Install with the Stylus browser extension (Not Stylish!): https://userstyles.world/style/1781/proton-suite-alternative-layout
#UserStyle #CSS

Some people are hiding behind 5 layers of irony. Not me. I am hiding behind 5 layers of floof ​​

Cat friend in 3 ways
I wanted to test out the other brushes and textures in SAI

#art #myart #mastoart #CreativeToots

Snek impression 🐍

behold