Pinned post
Pinned post

So Misskey.ai might down for a while so... Guess I'm here again.

Moved! boosted

@hbenjamin SHOOT I DIDN'T MEAN THAT AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

Moved! boosted
Moved! boosted

Move header to sidebar, tabs not fixed to top. >> Expand to view image & code 

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;
  }
}

Stylus
/*** 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;
	}
}

Show thread
Moved! boosted

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.

I'll be trying Misskey for a little bit, but I think I'll still be on here. Idk what I'll do. misskey.to/@freeplay (ignore-twt)

Moved! boosted
Moved! boosted
Moved! boosted

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

Moved! boosted
Moved! boosted

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

#art #myart #mastoart #CreativeToots

Moved! boosted

Man, I love not being able to see much actual content on small screens.

Moved! boosted
Moved! boosted
Moved! boosted

Why did OSU make the restart key right below the pause key

Show thread
Show older
Mastodon 🐘

A general-purpose Mastodon server with a 1000 character limit.

Support us on Ko-Fi Support us on Patreon Support us via PayPal