☰

forums.dolphin-emu.org compacter post layout

Post information is to the left, "unused" features invisible by default

/* ==UserStyle==
@name           forums.dolphin-emu.org compacter post layout
@namespace      gitlab.com/Neui/userstyles
@homepageURL    https://gitlab.com/Neui/userstyles
@supportURL     https://gitlab.com/Neui/userstyles/issues
@version        1.0.0
@description    Post information is to the left, "unused" features invisible by default
@author         Neui
@license        CC-BY-4.0
==/UserStyle== */

@-moz-document domain("forums.dolphin-emu.org") {
	#posts > .post {
		display: grid;
		grid-template-columns: 110px auto;
  		grid-template-rows: auto 1fr auto;
		grid-template-areas: 
			"header header"
			"sidebar main"
			"sidebar footer";
	}
	#posts > .post > .post_date {
		grid-area: header;
	}
	#posts > .post > .post_author {
		grid-area: sidebar;
	}
	#posts > .post > .post_content {
		grid-area: main;
	}
	#posts > .post > .post_controls {
		grid-area: footer;
	}
	#posts .post .post_author .author_avatar {
		float: none;
		margin-bottom: 0;
		padding-top: 0;
	}
	#posts .post .post_author .author_avatar img {
		margin-right: 4px;
	}
	#posts > .post > .post_author .smalltext,
	#posts > .post > .post_author div.author_statistics {
		font-size: 80%;
		float: none;
	}
	#posts > .post > .post_author .smalltext,
	#posts > .post > .post_author div.author_statistics,
	#posts > .post > .post_author .author_information {
		padding-left: 0;
		float: none;
	}
	#posts > .post > .post_author .author_information {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 1px;
	}
	#posts > .post > .post_author div.author_statistics {
		display: block;
		padding-top: 0;
		clear: both;
	}
	#posts > .post > .post_author .smalltext img[alt="*"] {
		max-width: 9px;
	}
	#posts > .post > .post_author div.author_statistics {
		display: none;
	}
	#posts > .post > .post_author:hover div.author_statistics {
		display: block;
	}
	#posts > .post > .post_content img.smilie {
		vertical-align: bottom;
		width: 16px;
	}
	
	#posts > .post > .post_content {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		overflow-wrap: anywhere;
	}
	#posts > .post > .post_content > .post_body {
		flex-grow: 2;
	}
	#posts > .post > .post_content > .signature_diabled {
		margin-bottom: -34px;
		z-index: 100; /* Be on top of the controls div */
	}
	#posts > .post > .post_content > .signature {
		font-size: 80%;
		line-height: 1;
		border-top-color: rgba(1, 1, 1, 0.25);
	}
	
	
}